> ## 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.

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

> Fix SEO for Netlify sites. Prerender your .netlify.app React, Vue, or SPA so Google, AI search engines, and social media can index your content.

## Netlify SEO: Fix Search Indexing for Client-Side Rendered Apps

[Netlify](https://netlify.com) is a popular platform for static site hosting and CI/CD. Client-side rendered applications on Netlify benefit from prerendering to ensure search engines can index dynamic content.

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

## When Your Netlify App Needs Prerendering

Hado SEO helps when your Netlify site:

* Uses client-side rendering (React, Vue, etc.)
* Loads content dynamically via JavaScript
* Has pages that search engines struggle to index
* Needs perfect social media previews

## How to Set Up SEO for Your Netlify App

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

    ```
    https://your-site-name.netlify.app
    ```

    Find this in your Netlify dashboard under Site Settings.
  </Step>

  <Step title="Remove custom domain from Netlify">
    If your domain is currently configured in Netlify:

    1. Go to Netlify → Site Settings → Domain Management
    2. Remove your custom domain
    3. Keep your `.netlify.app` subdomain active
  </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
    3. Paste your Netlify app URL
  </Step>

  <Step title="Configure DNS">
    Update DNS at your domain registrar:

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

    <Warning>
      Remove any existing Netlify DNS records before adding Hado SEO records.
    </Warning>
  </Step>

  <Step title="Verify and launch">
    Click **Verify DNS** in your Hado dashboard.
  </Step>
</Steps>

## Netlify SEO Configuration: robots.txt & Sitemap

### robots.txt

If your Netlify site doesn't have a robots.txt, configure one in Hado SEO's [Domain Settings](/dashboard/domain-settings):

```txt theme={null}
User-agent: *
Allow: /

Sitemap: https://yourdomain.com/sitemap.xml
```

### Sitemap

Create a sitemap listing all your pages:

```xml theme={null}
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://yourdomain.com/</loc>
    <priority>1.0</priority>
  </url>
  <url>
    <loc>https://yourdomain.com/about</loc>
    <priority>0.8</priority>
  </url>
</urlset>
```

## Verify Your Netlify App Is SEO-Optimized

<CardGroup cols={2}>
  <Card title="Bot Test" icon="robot" href="https://hadoseo.com/free-seo-bot-crawler-test">
    Test what bots see
  </Card>

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

<Card title="SEO Guide" icon="chart-line" href="/guides/seo-optimization">
  Full SEO optimization guide
</Card>