Question 1

What are Open Graph tags?

Accepted Answer

HTML meta tags that control how your page looks when shared on Facebook, LinkedIn, Slack, iMessage, and other platforms. Without them, platforms pick arbitrary text and images from your page — often with poor results.

Question 2

What size should my OG image be?

Accepted Answer

1200×630 pixels at a minimum. This is the standard size for Facebook, LinkedIn, and Twitter large card previews. Go larger (up to 2400×1260) for better quality on high-density displays. Keep the file under 8MB.

Question 3

Do I need Twitter Card tags if I already have Open Graph?

Accepted Answer

Technically Twitter falls back to OG tags, but adding explicit twitter: tags gives you more control — especially for the card type and @handle attribution. If you are active on Twitter/X, it is worth the extra few lines.

Question 4

I updated my OG tags but the preview is not changing.

Accepted Answer

Facebook, LinkedIn, and others cache OG data aggressively. Use their debugger tools to force a refresh: Facebook Sharing Debugger (developers.facebook.com/tools/debug), LinkedIn Post Inspector (linkedin.com/post-inspector), and Twitter Card Validator.

Question 5

When should I use og:type article instead of website?

Accepted Answer

Use "article" for blog posts, news articles, and documentation pages. Use "website" for homepages, landing pages, and any page that is not a specific piece of content. The article type also supports additional properties like published_time and author.

Generate Open Graph tags
with live preview

Page info

Image

Twitter / X

Frequently asked questions

Generate Open Graph tagswith live preview