Open Graph is a metadata protocol originally created by Facebook (now Meta) that allows web pages to control how they appear when shared on social media platforms, messaging apps, and other services. By adding specific <meta> tags to a page's HTML head, you define the title, description, image, and content type that appear in link previews. Open Graph tags are used by Facebook, LinkedIn, Pinterest, WhatsApp, Slack, and many other platforms -- and provide AI crawlers with an additional structured signal about your page's content.
Is your metadata working for AI? Check your AI visibility for free -- no signup required, results in 60 seconds.
Why It Matters
Every time someone shares a link on social media, a messaging app, or a collaboration tool, the platform generates a preview card showing the page's title, description, and image. Open Graph tags determine exactly what appears in that preview. Without OG tags, platforms guess -- often pulling the wrong image, truncating the title, or displaying a generic description.
For on-page SEO, Open Graph is a standard best practice. It ensures consistent brand presentation across social channels and increases click-through rates on shared links. Pages with custom OG images get significantly more engagement than those with generic or missing previews.
In the context of AI SEO, Open Graph provides an additional metadata layer that AI crawlers can parse. When an AI model retrieves your page, it reads your OG tags alongside your Schema markup, HTML title, and meta description. The og:title and og:description provide a concise, human-curated summary of the page that can help AI correctly categorize your content. While OG tags are not a primary AI ranking signal, they contribute to the overall metadata picture that AI uses to evaluate and present your content.
Open Graph tags also matter for AI citation quality. When AI models include links to your pages in their responses, some platforms render those links as preview cards. Properly configured OG tags ensure those cards display your chosen image, title, and description rather than random page elements.
How It Works
Open Graph works through HTML meta tags placed in the <head> section of your page. Each tag uses the property attribute with an og: prefix.
Essential OG tags:
<meta property="og:title" content="Your Page Title Here" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:description" content="A brief description of this page." />
<meta property="og:site_name" content="Your Site Name" />
The four required tags:
- og:title -- The title as it should appear in link previews. Can differ from your HTML
<title>tag. Keep it under 60 characters. - og:type -- The content type. Common values:
website,article,product,profile. - og:image -- The preview image URL. Recommended size: 1200x630 pixels for optimal display across platforms.
- og:url -- The canonical URL for the page. Ensures all shares point to the same URL.
Recommended additional tags:
- og:description -- A 1-2 sentence summary. Keep under 155 characters.
- og:site_name -- Your brand or website name.
- og:locale -- The content language, e.g.,
en_US.
Twitter/X Cards: X (formerly Twitter) uses its own meta tags (twitter:card, twitter:title, twitter:image) but falls back to Open Graph tags if its own are missing. For full coverage, include both sets.
Most CMS platforms (WordPress, Shopify, Webflow) offer plugins or built-in settings that generate OG tags automatically based on your page content. Yoast SEO for WordPress, for example, provides a social preview editor that lets you customize OG tags per page.
Practical Implications
- Set OG tags on every page. At minimum, ensure every page on your site has
og:title,og:type,og:image, andog:url. Missing OG tags mean platforms (and AI models) must guess your page's metadata. - Use unique, high-quality OG images. Generic stock photos or missing images reduce click-through rates and provide no useful signal to AI. Custom images that represent the page content improve engagement and help AI associate visual context with your page.
- Keep og:title and og:description concise. These are previews, not full articles. Write them as clear, compelling summaries that tell both humans and AI what the page covers.
- Test your OG tags. Use Facebook's Sharing Debugger, LinkedIn's Post Inspector, or X's Card Validator to verify how your pages appear when shared. Fix any issues before sharing widely.
- Align OG tags with Schema markup. Your
og:titleshould match or closely align with your Schemaheadline, and yourog:descriptionshould complement your Schemadescription. Consistency across metadata systems builds AI confidence in your content's accuracy.
Frequently Asked Questions
Does Open Graph affect AI SEO?
Open Graph tags provide AI models with an additional structured summary of your page's topic, title, and key image. While not a primary AI ranking factor compared to Schema markup or content structure, OG tags contribute to how AI models initially categorize your content during retrieval. They also affect how your links appear when AI models include them in responses rendered with preview cards. Think of OG tags as a supporting signal within your broader metadata strategy.
What is the difference between Open Graph and Twitter Cards?
Open Graph (og: tags) was created by Facebook and is the most widely adopted metadata protocol, used by Facebook, LinkedIn, Pinterest, WhatsApp, Slack, and many more. Twitter Cards (twitter: tags) are X/Twitter's proprietary metadata system for link previews. If Twitter Card tags are not present, X falls back to Open Graph tags. Best practice is to include both, but if you can only implement one set, Open Graph provides broader cross-platform coverage.
What are the essential Open Graph tags?
The four required Open Graph tags are og:title (the page title for sharing, under 60 characters), og:type (usually "website" or "article"), og:image (a preview image, ideally 1200x630 pixels), and og:url (the canonical URL). Recommended additions include og:description (1-2 sentence summary under 155 characters), og:site_name (your brand name), and og:locale (content language). These six tags cover the vast majority of sharing scenarios.
Does AI understand your pages?
Find out in 60 seconds. See how AI models interpret your metadata, content, and structure.
Free -- No signup -- Instant results