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

# Wrong Open Graph Title, Description, or Image

> Fix incorrect social media previews caused by OG tag issues

When you share a link on social media and the preview shows wrong information, it's usually an Open Graph (OG) tag issue.

## How OG Tags Work

Social platforms read OG meta tags when a link is shared:

```html theme={null}
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A description of this page" />
<meta property="og:image" content="https://yourdomain.com/og-image.png" />
<meta property="og:url" content="https://yourdomain.com/page" />
```

These tags are read **once** when the link is first shared, then cached by the platform.

## Common Issues

<AccordionGroup>
  <Accordion title="Hardcoded fallback values showing" icon="code">
    **Problem:** Your app has default OG tags that don't update per page.

    **Cause:** Code like this:

    ```jsx theme={null}
    // Bad - same values for every page
    <meta property="og:title" content="My App" />
    ```

    **Fix:** Make OG tags dynamic:

    ```jsx theme={null}
    // Good - values change per page
    <Helmet>
      <meta property="og:title" content={page.title} />
      <meta property="og:description" content={page.description} />
    </Helmet>
    ```
  </Accordion>

  <Accordion title="OG image not showing" icon="image">
    **Problem:** Image doesn't appear in social previews.

    **Common causes:**

    * Using a relative URL (`/images/og.png` instead of `https://...`)
    * Image is too small (must be at least 200x200, recommended 1200x630)
    * Image is too large (most platforms reject files over 8 MB; WhatsApp drops images over 300 KB)
    * Image URL returns 404
    * Image is not publicly accessible

    **Fix:**

    ```html theme={null}
    <!-- Use absolute URL -->
    <meta property="og:image" content="https://yourdomain.com/og-image.png" />

    <!-- Specify dimensions -->
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    ```
  </Accordion>

  <Accordion title="Old preview still showing after update" icon="clock">
    **Problem:** You fixed the OG tags but social platforms still show old data.

    **Cause:** Social platforms cache previews aggressively.

    **Fix:** Force a refresh:

    * **Facebook/Instagram:** Use [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
    * **Twitter/X:** Use [Twitter Card Validator](https://cards-dev.twitter.com/validator)
    * **LinkedIn:** Add `?v=2` to your URL when sharing to bust cache
  </Accordion>
</AccordionGroup>

## Debug with Hado SEO Tools

1. **[OG Preview Checker](https://hadoseo.com/free-og-preview-checker)** - See exactly what social platforms will display
2. **[Meta Tags Checker](https://hadoseo.com/free-meta-tags-checker)** - Verify all your meta tags are present and correct
3. **[SEO Bot Crawler Test](https://hadoseo.com/free-seo-bot-crawler-test)** - See the full rendered HTML including OG tags