Open Graph (OG) protocol, introduced by Facebook in 2010, lets you control how your pages appear on social platforms. By adding OG meta tags, you specify the title, description, image, and URL shown when shared.
og:title β Share title (recommend 40-60 chars)
og:description β Share description (recommend 60-160 chars)
og:image β Share image (recommend 1200Γ630px)
og:url β Page URL
og:type β Content type (website/article/product etc.)
og:site_name β Site name
og:locale β Language/locale (en_US)
Blog Posts: Add OG tags with post titles and featured images for beautiful share cards on Facebook and Twitter, boosting click-through rates.
Product Pages: Add OG tags with product images and prices for compelling social shares that drive conversions.
Video Content: Use video thumbnails as OG images for engaging social shares of video pages.
Brand Pages: Add complete OG tags on homepage and brand pages for consistent visual identity across social platforms.
β’ Use 1200Γ630px images with 1.91:1 ratio, max 5MB, high resolution.
β’ Keep titles 40-60 characters, descriptions 60-160 characters.
β’ Use unique OG tags for every URL, tailored to page content.
β’ Test with Facebook Sharing Debugger (https://developers.facebook.com/tools/debug/).
β’ Use summary_large_image for Twitter Cards for better visual impact.
β’ Always use absolute URLs (with https://) for OG image URLs.
OG tags are HTML meta tags that control how pages appear when shared on Facebook, Twitter, LinkedIn, and other social platforms.
A meta tag format for X (Twitter) that controls link previews in tweets. Supports Summary Card and Summary Card with Large Image.
Indirectly - they improve social sharing appearance, attracting more clicks and shares, which boosts traffic and brand exposure.
Use Facebook Sharing Debugger (https://developers.facebook.com/tools/debug/), Twitter Card Validator, or LinkedIn Post Inspector.
In the <head> section, typically after the <title> tag. The code generated by this tool includes both OG and Twitter Card tags.