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

# SEO Bot Crawler Test

> See exactly what search engines see when they visit your website

## Overview

The **SEO Bot Crawler Test** tool shows you exactly what search engine crawlers see when they visit your website. This is essential for understanding if your JavaScript-rendered content is being properly indexed.

<Card title="Try It Free" icon="external-link" href="https://hadoseo.com/free-seo-bot-crawler-test">
  Test your site at hadoseo.com/free-seo-bot-crawler-test
</Card>

## Why Use This Tool?

When Googlebot visits a JavaScript-heavy site, it may see different content than human users. Common issues include:

* ❌ Blank pages (JavaScript not executed)
* ❌ Missing meta tags
* ❌ Incomplete content
* ❌ Missing images and media

This tool reveals these issues before they impact your SEO.

## How to Use

<Steps>
  <Step title="Enter your URL">
    Type or paste the full URL you want to test:

    ```
    https://yourdomain.com/page-to-test
    ```
  </Step>

  <Step title="Click Test">
    The tool will fetch the page as if it were Googlebot.
  </Step>

  <Step title="Review Results">
    You'll see:

    * The HTML that bots receive
    * Meta tags extracted
    * Any errors or warnings
  </Step>
</Steps>

## Understanding Results

### Good Result ✅

You should see:

* Complete HTML content
* All your text and headings
* Meta title and description
* Open Graph tags
* Structured data (if implemented)

### Bad Result ❌

Warning signs:

* Mostly empty HTML
* Missing `<title>` tag
* No meta description
* "Loading..." or spinner text
* JavaScript bundle references only

## Example: Before and After Hado SEO

### Before (CSR without prerendering)

```html theme={null}
<!DOCTYPE html>
<html>
<head>
  <title>React App</title>
</head>
<body>
  <div id="root"></div>
  <script src="/bundle.js"></script>
</body>
</html>
```

**Problem:** No content visible to search engines.

### After (With Hado SEO)

```html theme={null}
<!DOCTYPE html>
<html>
<head>
  <title>My Awesome Product | Brand Name</title>
  <meta name="description" content="Compelling description...">
  <meta property="og:title" content="My Awesome Product">
  <meta property="og:image" content="https://...">
</head>
<body>
  <div id="root">
    <header>...</header>
    <main>
      <h1>My Awesome Product</h1>
      <p>Full content visible here...</p>
    </main>
    <footer>...</footer>
  </div>
</body>
</html>
```

**Result:** Full content indexed by search engines.

## What to Check

### Essential Elements

| Element              | What to Look For                         |
| -------------------- | ---------------------------------------- |
| `<title>`            | Unique, descriptive title under 60 chars |
| `<meta description>` | Compelling summary, 150-160 chars        |
| `<h1>`               | Main heading present and relevant        |
| Content              | All important text visible in HTML       |

### Open Graph Tags

| Tag              | Purpose                       |
| ---------------- | ----------------------------- |
| `og:title`       | Title for social shares       |
| `og:description` | Description for social shares |
| `og:image`       | Preview image (1200x630px)    |
| `og:url`         | Canonical URL                 |

### Structured Data

Look for `<script type="application/ld+json">` containing schema markup.

## Common Issues and Fixes

<AccordionGroup>
  <Accordion title="Page shows 'Loading...' text" icon="circle-exclamation">
    **Cause:** Content loaded after initial render

    **Fix:** Hado SEO automatically prerenders dynamic content. Ensure your site is configured correctly.
  </Accordion>

  <Accordion title="Missing meta tags" icon="circle-exclamation">
    **Cause:** Meta tags not set in your app

    **Fix:** Use React Helmet or similar to set meta tags per page. See [SEO Optimization Guide](/guides/seo-optimization).
  </Accordion>

  <Accordion title="Wrong page title showing" icon="circle-exclamation">
    **Cause:** Generic/default title not updated

    **Fix:** Ensure each page sets a unique title before render.
  </Accordion>
</AccordionGroup>

## Testing Workflow

1. **Test your origin** - Test the `.lovable.app`, `.vercel.app`, etc. URL first
2. **Set up Hado SEO** - Configure your custom domain
3. **Test with Hado** - Test your custom domain to see pre-rendered version
4. **Compare** - Verify the pre-rendered version has complete content

<CardGroup cols={2}>
  <Card title="OG Preview Checker" icon="share-nodes" href="/tools/og-preview-checker">
    Test social media previews
  </Card>

  <Card title="Meta Tags Checker" icon="tags" href="/tools/meta-tags-checker">
    Analyze all meta tags
  </Card>
</CardGroup>
