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

# Cloudflare Pages SEO: Prerender Your Pages.dev App for Google & AI Search

> Fix SEO for Cloudflare Pages apps. Prerender your .pages.dev site so Google, AI search engines, and social media can index your content. Includes proxy settings guide.

## Cloudflare Pages SEO: Fix Search Indexing for Your .pages.dev App

[Cloudflare Pages](https://pages.cloudflare.com/) is an edge-first platform for deploying static sites and full-stack applications. Client-side rendered apps on Cloudflare Pages benefit from prerendering for SEO.

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

## How to Set Up SEO for Your Cloudflare Pages App

<Steps>
  <Step title="Get your Cloudflare Pages URL">
    Your deployment URL looks like:

    ```
    https://your-project.pages.dev
    ```

    Find this in your Cloudflare Pages project dashboard.
  </Step>

  <Step title="Remove custom domain from Cloudflare Pages">
    If you have a custom domain configured in Cloudflare Pages:

    1. Go to Cloudflare Dashboard → Pages → Your Project
    2. Click **Custom domains**
    3. Remove your custom domain
    4. Keep the `.pages.dev` subdomain
  </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 Cloudflare Pages URL (`.pages.dev`)
  </Step>

  <Step title="Configure DNS">
    In your Cloudflare DNS settings:

    | Type | Name | Value          | Proxy Status    |
    | ---- | ---- | -------------- | --------------- |
    | A    | @    | `137.66.32.95` | DNS only (gray) |
    | A    | www  | `137.66.32.95` | DNS only (gray) |

    <Warning>
      **Critical:** You must disable Cloudflare proxy (use gray cloud, not orange) for Hado SEO to work correctly.
    </Warning>
  </Step>

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

## Important: Disable Cloudflare Proxy for Prerendering

Hado SEO requires **DNS only** mode (gray cloud icon) for all records:

| Icon        | Status   | Works with Hado?             |
| ----------- | -------- | ---------------------------- |
| ☁️ (gray)   | DNS only | ✅ Required for initial setup |
| 🟠 (orange) | Proxied  | ✅ After setup is complete    |

To change proxy status:

1. Click on the record in Cloudflare DNS
2. Click the orange cloud icon to toggle to gray
3. Save the record

## Why Start with DNS Only?

Hado SEO needs DNS only mode (gray cloud) during initial setup for:

* DNS verification
* SSL certificate provisioning
* Confirming your site loads correctly

Once your domain is verified and working, you can enable the orange cloud to add Cloudflare's DDoS protection and WAF on top of Hado SEO.

<Card title="Enable Cloudflare Proxy" icon="cloud" href="/guides/cloudflare-orange-cloud">
  Follow this guide to enable the orange cloud after Hado SEO is connected
</Card>

## Verify Your Cloudflare Pages App Is SEO-Optimized

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

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

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