Question 1

What are Open Graph meta tags?

Accepted Answer

Open Graph (OG) meta tags are snippets of HTML code that control how your page appears when shared on social media. They specify the title, description, and image that platforms like Facebook and LinkedIn use to create link previews. Without them, platforms guess what to show — often with poor results.

Question 2

What's the difference between OG tags and Twitter Card tags?

Accepted Answer

Open Graph tags (og:title, og:description, og:image) are used by Facebook, LinkedIn, Slack, and most platforms. Twitter Card tags (twitter:title, twitter:description, twitter:image) are specific to X/Twitter. If Twitter Card tags are missing, X falls back to OG tags. It's best to set both for optimal control.

Question 3

What's the ideal og:image size?

Accepted Answer

For best results, use an image that's at least 1200x630 pixels (1.91:1 ratio). This works well across Facebook, LinkedIn, and X with 'summary_large_image'. For X's default 'summary' card, a 1:1 image (e.g., 800x800) works better. Always use high-quality images under 5MB.

Question 4

Why does my link preview look different on each platform?

Accepted Answer

Each platform renders previews differently and may cache old versions. Facebook uses OG tags, X prefers Twitter Card tags (falling back to OG), and LinkedIn uses OG tags but renders them in its own style. Some platforms also truncate titles and descriptions at different lengths.

Question 5

My meta tags are correct but the preview still looks wrong?

Accepted Answer

Platforms cache link previews aggressively. Facebook's cache can be cleared using their Sharing Debugger tool. X's cache refreshes within about a week. LinkedIn's cache can be cleared by appending a query parameter (e.g., ?v=2) to force a re-scrape. Also make sure your server doesn't block crawlers.

Social Share
Preview

Frequently Asked Questions

Still have questions?

Ready to save hours
every week?

Social Share Preview