Open Graph Preview Tool

Enter any URL to see how it looks when shared on Facebook, Twitter/X, and LinkedIn. Check your og:title, og:description, and og:image tags.

What are Open Graph tags?

Open Graph (OG) tags are snippets of HTML that control how your content appears when shared on social media platforms like Facebook, Twitter/X, and LinkedIn. They let you define a custom title, description, and image for each page, so you can present your content in the best possible light regardless of where it gets shared. Without OG tags, social platforms will try to guess what to display, often pulling in the wrong image or a truncated description.

Why OG tags matter for social sharing

  • Higher click-through rates. Posts with a clear image, title, and description get significantly more clicks than those with missing or broken previews.
  • Brand consistency. OG tags ensure your brand looks professional every time someone shares your link, whether on Facebook, LinkedIn, Slack, or iMessage.
  • Control over messaging. You decide exactly what headline and summary appear, rather than leaving it up to the platform's scraper to guess.
  • Better engagement metrics. Eye-catching share previews lead to more likes, comments, and reshares, amplifying your organic reach.

Common OG tag mistakes

  • Missing og:image. Shares without an image blend into the feed and get far fewer clicks. Always include an image that is at least 1200x630 pixels.
  • Using relative image URLs. Social platforms cannot resolve relative paths like "/images/hero.jpg". Always use a full absolute URL starting with https://.
  • Duplicate tags across pages. Every page should have its own unique og:title and og:description. Reusing the same tags everywhere makes every share look identical.
  • Forgetting og:description. If you skip the OG description, platforms may pull a random chunk of text from the page, which rarely reads well as a social snippet.
  • Images that are too small. Facebook and LinkedIn require images of at least 200x200 pixels, but 1200x630 is the recommended size for a large, rich preview card.

Also check how your page appears in Google with the SERP preview tool and verify your meta descriptions are optimized for both search and social sharing.

Want to fix these automatically?

GSCPilot connects your Google Search Console and GitHub to find SEO issues, generate AI-powered fixes, and ship them via pull request. No manual work needed.