Open Graph Protocol for SEO: Tags and Testing Guide

The Open Graph protocol is a set of meta tags in a page's <head> that tells social platforms which title, image, description and URL to show when someone shares the link. For SEO it matters indirectly: Open Graph tags are not a documented ranking factor, but Google lists og:title as one source for the title links in its search results and og:site_name as one source for site names. Every page needs the four required properties from ogp.me (og:title, og:type, og:image, og:url), an image of at least 1200 × 630 pixels and a test in the platforms' debuggers before you share it.

This guide covers the tags, an example you can copy, image sizes, what Google actually does with Open Graph, and how to check your tags from the command line.

What is the Open Graph protocol?

Open Graph was originally created at Facebook and is published as an open specification on ogp.me. It turns any web page into an object with defined properties that platforms read when a link is shared. The tags sit in the head of the page as <meta property="og:…" content="…">.

Without Open Graph tags the platform has to guess. Meta states that its crawler then uses internal heuristics to pick the title, description and preview image (Meta: A Guide to Sharing for Webmasters). The result is often a random logo, a cut-off title or no image at all. LinkedIn reads the same og: tags for its link previews, and many other services that build link cards do the same.

Open Graph and SEO: what Google documents

The honest answer to "is Open Graph important for SEO?" is: for rankings, no; for how your result and your shares look, yes. Two places are documented by Google:

• Title links: Google generates the clickable title in search results from several sources, including the title element, the main heading and the content of og:title meta tags (Google Search Central: Title links). If og:title contradicts your title tag, you give Google conflicting signals.
• Site names: For the site name shown next to results, Google's system also considers og:site_name, but says WebSite structured data is the most important input if you want to state a preference (Google Search Central: Site names).

Google does not describe Open Graph as a ranking signal anywhere. The practical SEO value is consistency: title tag, og:title, H1 and the opening paragraph should make the same statement. The social value is a clean preview, which can influence whether people click a shared link. There is no reliable public data on how large that effect is, so be skeptical of articles that quote exact percentages.

What about AI search? ChatGPT, Perplexity, Claude and Google AI Overviews do not publicly document that Open Graph tags influence which sources they select or cite. Claims that OG tags improve AI visibility are not backed by evidence. For AI answers, a directly answering first paragraph and accurate JSON-LD structured data are the better levers.

Required and recommended Open Graph tags

Tag	Status per ogp.me	What to enter
og:title	Required	Title of the page, without your brand name appended (Meta's recommendation)
og:type	Required	For example website for normal pages, article for blog posts
og:image	Required	Absolute URL of the preview image
og:url	Required	Canonical URL without tracking parameters
og:description	Optional, recommended	One or two sentences about the content
og:site_name	Optional, recommended	Name of the website
og:locale	Optional	Language and region, for example en_GB (the default is en_US)
og:image:alt	Should be set if og:image is set	A description of what the image shows

For articles, ogp.me defines the article: namespace with properties such as article:published_time, article:modified_time, article:author, article:section and article:tag. Video and music have their own types. The specification also says that any page without markup should be treated as type website.

Open Graph example for a blog post

A complete set for an English article looks like this:

<meta property="og:title" content="Open Graph Protocol for SEO" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.example.com/blog/open-graph" />
<meta property="og:image" content="https://www.example.com/img/og-open-graph.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Link preview with image, title and description" />
<meta property="og:description" content="Which tags are required, which image size works and how to test the preview." />
<meta property="og:site_name" content="Example Inc." />
<meta property="og:locale" content="en_US" />
<meta property="article:published_time" content="2026-09-29T09:00:00+00:00" />
<meta property="article:modified_time" content="2026-09-29T09:00:00+00:00" />
<meta name="twitter:card" content="summary_large_image" />

The last line is not Open Graph. X (formerly Twitter) uses its own twitter:card tag to decide which card type to show, so set it explicitly if you want the large image preview there.

Image sizes: what Facebook and LinkedIn specify

Platform	Recommended	Limits
Facebook (Meta)	At least 1200 × 630 px, aspect ratio close to 1.91:1	Minimum 200 × 200 px, maximum 8 MB; below 600 × 315 px the image is shown much smaller
LinkedIn	At least 1200 × 627 px, aspect ratio 1.91:1	Maximum 5 MB; images narrower than 401 px appear only as a thumbnail

Sources: Meta: Images in Link Shares and LinkedIn Help: Making your website shareable on LinkedIn. One image at 1200 × 630 px in 1.91:1 and under 5 MB covers both. Keep text and logos in the center so nothing important is cropped. Also set og:image:width and og:image:height: according to Meta, the crawler can then render the image on the first share instead of processing it asynchronously.

How to implement Open Graph tags

• WordPress: SEO plugins such as Yoast SEO or Rank Math output OG tags and let you override title, description and image per post. Check that your theme does not print a second set.
• Next.js and other frameworks: Set the values in the page metadata (in the Next.js App Router, the openGraph field of metadata or generateMetadata) so they are in the server-rendered HTML.
• Single-page apps: Tags injected only by client-side JavaScript are often missing for crawlers that read the raw HTML. Render them on the server or prerender the page.

How to test your Open Graph tags

Start with the raw HTML, because that is what link crawlers fetch. This command prints every og: tag of a live page:

curl -sL https://www.example.com/blog/open-graph | grep -oE '<meta[^>]+property="og:[^"]+"[^>]*>'

If nothing comes back, the tags are missing, rendered only in the browser, or use a different attribute order (then search for og: in the full output). Check for duplicates in the same output: two og:image lines usually mean theme and plugin both write tags.

Next, make sure Meta's crawler is not blocked. Meta documents that it identifies itself as facebookexternalhit (Meta: Web crawlers). A quick test of user-agent rules in your firewall or CDN:

curl -s -o /dev/null -w "%{http_code}\n" -A "facebookexternalhit/1.1" https://www.example.com/blog/open-graph

A 403 or a redirect to a login page explains missing previews even when the tags are correct. This only tests user-agent based rules; some bot protections also check IP addresses, which curl cannot simulate.

Then use the platforms' own tools:

1. Meta Sharing Debugger: Enter the URL in the Sharing Debugger. It shows which tags the crawler read, reports errors and lets you trigger a fresh scrape.
2. LinkedIn Post Inspector: The Post Inspector shows the preview as LinkedIn builds it and refreshes outdated data.

Why an updated preview does not show up

Platforms cache preview data. Meta caches images by URL: if you replace the image file under the same URL, the old one stays visible. Meta's advice is to upload the new image under a new URL, keep the old file because existing posts still point to it, and then scrape the page again in the Sharing Debugger. Posts that were already published do not update automatically.

Common Open Graph mistakes

• Same values everywhere: A global og:title and og:image make every page look identical when shared.
• Relative image paths: og:image needs a full URL with https.
• og:url with parameters: Meta recommends the canonical URL without session or tracking parameters, so likes and shares are counted for one address.
• og:title differs from the title tag: Different wording is fine; a different topic is not, because Google uses og:title as one input for title links.
• Image too small or badly cropped: Below the minimum sizes you get a thumbnail or no image.

Checklist

• og:title, og:type, og:image and og:url on every shareable page
• og:description, og:site_name and og:locale added
• Values set per page and consistent with title tag and first paragraph
• Image 1200 × 630 px, 1.91:1, under 5 MB, absolute https URL
• og:image:width, og:image:height and og:image:alt set
• twitter:card set for X
• Tags present in the server-rendered HTML, no duplicates
• Preview checked in Sharing Debugger and Post Inspector

Open Graph is one small part of technical readiness. The free GEO check shows whether AI crawlers can read your pages and how well they are structured for AI answers, and the citability check scores individual passages.

FAQ: Open Graph protocol and SEO

What is Open Graph in SEO?

Open Graph is a protocol of meta tags that controls how a page appears when it is shared on social platforms: title, image, description and URL. It is not a ranking factor, but Google uses og:title as one of several sources for title links and og:site_name as one source for site names.

What is OG in SEO?

OG stands for Open Graph. OG tags are the meta tags with the prefix og:, such as og:title, og:image and og:url, that define the link preview of a page.

Is Open Graph free?

Yes. The Open Graph protocol is an open specification published on ogp.me under the Open Web Foundation Agreement, Version 0.9. You add the tags to your HTML yourself; no license or account is needed.

Can you give me an example of Open Graph?

A minimal example is four meta tags in the head of the page: og:title with the page title, og:type with the value article, og:image with the absolute URL of the preview image, and og:url with the canonical URL. The code example above shows a complete set.

Which Open Graph tags are required?

According to ogp.me, four properties are required: og:title, og:type, og:image and og:url. og:description, og:site_name and og:locale are optional but recommended, and og:image:alt should be set whenever og:image is set.

What image size should og:image have?

1200 × 630 pixels in a 1.91:1 aspect ratio works for Facebook and LinkedIn. Meta allows up to 8 MB and LinkedIn up to 5 MB, so stay under 5 MB.

Do ChatGPT and other AI systems use Open Graph tags?

That is not documented. OpenAI, Anthropic, Perplexity and Google do not state publicly that Open Graph tags influence which sources their AI answers cite. Accessible, clearly written content and matching structured data are the more reliable levers.