Skip to main content
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: 
<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

Problem: Your app has default OG tags that don’t update per page.Cause: Code like this:
// Bad - same values for every page
<meta property="og:title" content="My App" />
Fix: Make OG tags dynamic:
// Good - values change per page
<Helmet>
  <meta property="og:title" content={page.title} />
  <meta property="og:description" content={page.description} />
</Helmet>
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:
<!-- 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" />
Problem: You fixed the OG tags but social platforms still show old data.Cause: Social platforms cache previews aggressively.Fix: Force a refresh:

​
Debug with Hado SEO Tools

  1. OG Preview Checker - See exactly what social platforms will display
  2. Meta Tags Checker - Verify all your meta tags are present and correct
  3. SEO Bot Crawler Test - See the full rendered HTML including OG tags