RANKNIBBLER

// FREE ON-PAGE SEO CHECKER

What Are Open Graph Tags?

Open Graph (OG) tags are meta tags in your page's HTML that control how your content appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and WhatsApp. Without them, social platforms guess which title, description, and image to use — often choosing poorly.

Essential Open Graph Tags

TagDescriptionExample
og:titleThe title shown when sharedYour Page Title Here
og:descriptionA brief descriptionA compelling summary of your page content
og:imageThe image shown in the share cardhttps://yoursite.com/image.jpg
og:urlThe canonical URL of the pagehttps://yoursite.com/page
og:typeThe type of contentarticle, website, product

HTML Code Example

<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="A brief description of your page">
<meta property="og:image" content="https://yoursite.com/share-image.jpg">
<meta property="og:url" content="https://yoursite.com/page">
<meta property="og:type" content="article">

Twitter Card Tags

Twitter uses its own set of tags that work alongside Open Graph:

TagDescription
twitter:cardCard type: summary, summary_large_image
twitter:titleTitle (falls back to og:title)
twitter:descriptionDescription (falls back to og:description)
twitter:imageImage (falls back to og:image)

OG Image Best Practices

Why Open Graph Tags Matter for SEO

While OG tags are not a direct ranking factor, they increase social sharing by making your content look professional when shared. More shares mean more visibility, more traffic, and potentially more backlinks — all of which help SEO indirectly.

Check your Open Graph tags with the OG tag checker or preview your share appearance with the SERP snippet generator.

Check your site now: Run a free audit on the RankNibbler homepage to see how your page scores across 30+ SEO checks.

Last updated: March 2026