What Are Open Graph Tags? Definition & Guide to Social Previews
Open Graph (OG) tags are meta properties in the HTML <head> that control how a URL preview appears when shared on social platforms — Facebook, LinkedIn, Slack, Discord, iMessage, and most link unfurling systems. They were defined by Facebook and have become the de facto standard for social preview metadata across the web. Twitter/X uses its own Twitter Card tags but falls back to Open Graph when Cards are absent.
The Four Essential Tags
og:title — headline in the preview card. Often matches the title tag but can be longer or more conversational for social context. og:description — supporting text beneath the title. og:image — preview image URL; 1200×630px is the widely recommended dimension for sharp display across platforms. og:url — canonical URL of the page, preventing share count fragmentation across parameter variants.
og:type (article, website, product) and og:site_name add context. Article-type pages benefit from article:published_time and article:author for platforms that display bylines and dates.
OG Tags and SEO
Open Graph tags do not directly affect Google organic rankings. They affect social CTR, share appearance, and brand presentation — which drives referral traffic and can lead to links and mentions that do affect SEO indirectly. A missing or broken og:image produces ugly link previews that reduce shares; on content-led growth sites, that is a measurable traffic leak.
Testing and Validation
Facebook's Sharing Debugger and LinkedIn's Post Inspector show exactly how a URL will unfurl and let you refresh cached previews after changes. OG tags are cached aggressively — updating an image requires a cache bust via these tools, not just a deploy. Ensure image URLs are absolute (https://), publicly accessible (not behind auth), and under 8MB.
Open Graph tags complement title tags and meta descriptions in the broader SERP and snippet optimization workflow. Our SERP optimization guide covers social preview strategy alongside traditional search snippet control.
Sources
Related Resources
Free Meta Tag Generator — Preview & Optimize Meta Tags
Generate optimized title tags, meta descriptions, and Open Graph tags. See real-time SERP and social previews.
How to Write Title Tags That Actually Get Clicked
Google rewrites 60% of title tags — usually because the original was written for robots, not people. Here's how to write titles that win clicks, front-load keywords, and survive Google's rewrites.
Meta Descriptions in 2026 — Google Rewrites, GSC CTR Recovery
How often Google rewrites meta descriptions, when yours still matters, and a GSC workflow to recover CTR on high-impression pages.