> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hadoseo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Replit SEO: Prerender Your Replit App for Google & AI Search

> Fix SEO for Replit apps. Prerender your .replit.app site so Google, AI search engines, and social media can index your content. Step-by-step setup guide.

## Replit SEO: Why Your App Isn't Ranking on Google

[Replit](https://replit.com) is a collaborative browser-based IDE with AI coding assistance and instant hosting. Apps deployed on Replit use client-side rendering, which means search engines often can't see your content.

<Info>
  **Status:** ✅ Fully Supported. Prerender Replit apps with zero code changes
</Info>

## Why Replit Apps Need Prerendering for SEO

Replit apps are deployed to `.replit.app` subdomains. Without prerendering:

* **Google can't index your pages**. Your Replit app renders content with JavaScript, which search engines may not execute
* **Social media previews are broken**. Links shared on Twitter, Facebook, and LinkedIn show blank previews
* **AI search engines skip your content**. ChatGPT, Perplexity, and other AI search tools can't discover your Replit app

## How to Set Up SEO for Your Replit App

<Steps>
  <Step title="Get your Replit app URL">
    Your Replit deployment URL looks like:

    ```
    https://your-project-name.replit.app
    ```

    Find this in your Replit project's deployment settings.

    <Tip>
      Make sure you're using the deployment URL, not the development URL.
    </Tip>
  </Step>

  <Step title="Add your domain in Hado SEO">
    1. Sign up at [hadoseo.com/auth](https://hadoseo.com/auth)
    2. Enter your custom domain (e.g., `myapp.com`)
    3. Paste your Replit app URL
  </Step>

  <Step title="Configure DNS">
    Add these DNS records:

    | Type | Name | Value          |
    | ---- | ---- | -------------- |
    | A    | @    | `137.66.32.95` |
    | A    | www  | `137.66.32.95` |

    See [DNS Setup Guide](/guides/dns-setup) for provider-specific instructions.
  </Step>

  <Step title="Verify and launch">
    Click **Verify DNS** in your Hado dashboard. Your Replit app is now SEO-optimized!
  </Step>
</Steps>

## Replit SEO Best Practices: Meta Tags, Sitemaps & robots.txt

### Add SEO Meta Tags to Your Replit App

If using React:

```jsx theme={null}
import { Helmet } from "react-helmet-async";

export default function App() {
  return (
    <>
      <Helmet>
        <title>My Replit App | Your Tagline</title>
        <meta name="description" content="Description of your app..." />
        <meta property="og:title" content="My Replit App" />
        <meta property="og:image" content="https://yourdomain.com/og.png" />
      </Helmet>
      {/* App content */}
    </>
  );
}
```

If using vanilla HTML/JS, add to your `<head>`:

```html theme={null}
<head>
  <title>My Replit App | Your Tagline</title>
  <meta name="description" content="Description of your app..." />
  <meta property="og:title" content="My Replit App" />
  <meta property="og:description" content="Social description..." />
  <meta property="og:image" content="https://yourdomain.com/og.png" />
</head>
```

### Create robots.txt and Sitemap for Your Replit App

Configure these in your Hado SEO [Domain Settings](/dashboard/domain-settings) for platforms that don't serve them natively.

## Verify Your Replit App Is SEO-Optimized

<CardGroup cols={2}>
  <Card title="SEO Bot Test" icon="spider" href="https://hadoseo.com/free-seo-bot-crawler-test">
    See what Googlebot sees
  </Card>

  <Card title="OG Preview" icon="share-nodes" href="https://hadoseo.com/free-og-preview-checker">
    Test social previews
  </Card>
</CardGroup>

<Card title="SEO Optimization Guide" icon="chart-line" href="/guides/seo-optimization">
  Learn more SEO best practices
</Card>
