Open Graph
Open Graph is a metadata protocol that lets a webpage control how its content appears when shared on social platforms.
Key takeaways
- Open Graph controls how your page appears when shared on social media
- It uses meta tags with the
og:prefix in the HTML head - Not a ranking factor, but improves click-through rate from social shares
- Always include the four core tags: title, description, image, and URL
- Validate your tags with platform debuggers to ensure correct previews
Open Graph helps you control the title, description, and image that appear when someone shares your page on social media.
Example
When you share a blog post URL on Facebook, the platform automatically pulls the page title, a short description, and an image. With Open Graph tags, you decide exactly what shows up:
<meta property="og:title" content="10 SEO Tips for Beginners" />
<meta property="og:description" content="Learn the fundamentals of SEO with these actionable tips." />
<meta property="og:image" content="https://example.com/seo-tips.jpg" />
<meta property="og:url" content="https://example.com/seo-tips" />Without these tags, Facebook might pick the wrong title or a random image from the page.
When should I use this?
Use Open Graph whenever you want your content to look professional and consistent when shared on social platforms. This is especially important for:
- Blog posts and articles
- Product pages
- Landing pages
- Any page you expect to be shared on Facebook, LinkedIn, Twitter, Pinterest, or Slack
What it is not
- A direct Google ranking factor — it does not influence search rankings
- A replacement for meta description tags — those are for search snippets
- A way to change page content — it only controls the share preview
- A substitute for structured data (Schema) — those are for rich search results
Quick start
- Add the four core Open Graph tags to the
<head>of your page:og:title— the title you want in the share previewog:description— a short summary (2-4 sentences)og:image— URL of an image (recommended 1200×630 pixels)og:url— the canonical URL of the page
- Validate your tags using the Facebook Sharing Debugger or LinkedIn Post Inspector.
- Test by sharing the URL on a social platform to see the preview.
- Update tags whenever the page content changes (e.g., new title or image).
Common mistakes
- Assuming Open Graph directly improves Google rankings instead of mainly affecting social previews
- Leaving out core tags like
og:title,og:description,og:image, orog:url - Using the wrong image size or an image that is not visually clear in preview cards
- Forgetting to update tags on canonical pages, which can cause mismatched previews when URLs are shared
Next step
FAQ
Does Open Graph affect Google rankings?
No. Open Graph is not a direct ranking factor for Google Search. It primarily influences how your content appears when shared on social platforms.
What are the required Open Graph tags?
The four basic required tags are og:title, og:type, og:image, and og:url. og:description is highly recommended but not strictly required.
Can I use Open Graph without Twitter Cards?
Yes. Open Graph works independently. However, Twitter also supports og: tags for its own card previews, so adding them covers both platforms.
Related topics
Sources
- Open Graph Protocol (ogp.me) — Primary protocol reference and the most authoritative source for the specification.
- Google Search Central — Best source for clarifying that social metadata is separate from Google Search ranking signals.
- Meta for Developers — Official platform documentation for how Facebook/Meta consumes Open Graph metadata.
Reviewed by Lucía Marín, Founding editor.