What we measured ·
What Google shows for "open graph tags" right now
Method: Live Google results (United States, desktop, English) for "open graph tags" retrieved through DataForSEO's SERP API on 2026-10-22. Page types are our own classification of each ranking URL.
The top 9 organic results for "open graph tags" were 4 guides or explainers, 4 product or service pages, 1 forum or community thread. The first three were webmasters.stackexchange.com, opengraphexamples.com, neilpatel.com. Community threads (webmasters.stackexchange.com) ranked on page one, a sign searchers want first-hand answers, not only vendor pages.
Google showed an AI Overview for this query, citing 9 source domains including ogp.me, developers.facebook.com, ahrefs.com, www.opengraph.xyz. Pages that state the answer directly and early are the ones an Overview can quote.
People Also Ask listed: "What are the types of meta tags?"; "How to check og tag?"; "How do I add meta tags to my photos?"; "What are Open Graph tags in HTML?". The sections below answer the ones within this page's scope.
| Position | Domain | Page type |
|---|---|---|
| 1 | webmasters.stackexchange.com | Forum or community thread |
| 2 | opengraphexamples.com | Guide or explainer |
| 3 | neilpatel.com | Guide or explainer |
| 4 | opengraphexamples.com | Product or service page |
| 5 | webaloha.co | Guide or explainer |
| 6 | michaelcurrin.github.io | Product or service page |
The tags to set
Each goes in the head as a meta element with a property and content attribute.
| Tag | Purpose | Notes |
|---|---|---|
| og:title | Preview headline | Can differ slightly from the title tag |
| og:description | Preview text | One or two sentences |
| og:image | Preview image | Absolute HTTPS URL, about 1200 by 630 |
| og:url | Canonical URL of the page | Match the canonical tag |
| og:type | Content type | website or article for most pages |
| og:site_name | Site name | Shown by some platforms |
| twitter:card | Card layout on X | summary_large_image for large images |
Image rules
Use an image around 1200 by 630 pixels, a 1.91 to 1 ratio, which displays well across platforms. Keep important text away from the edges, since some platforms crop. Serve it over HTTPS at a stable URL that does not require cookies or redirects. Keep file size moderate; very large images may be skipped. Add og:image:alt for accessibility where supported.
Why previews break
The most common cause is tags added by JavaScript after page load: most preview crawlers fetch the raw HTML and never run scripts, so they see default or missing tags. Other causes are relative image URLs, images blocked by robots.txt or hotlink protection, redirects on the image, and cached previews from before the tags were fixed. On single-page apps, every route needs its own tags in its prerendered HTML.
Testing previews
Use the platform tools: LinkedIn Post Inspector, the Facebook Sharing Debugger, and the preview in Slack or X when composing. These also force a refresh of cached previews. Check the raw HTML of the page to confirm the tags are present before running the tools. On serionflow.com, every prerendered route includes its own Open Graph tags in the HTML, generated from the same metadata registry as its title and description.
Open Graph and SEO
Google does not use Open Graph tags as a ranking signal, and uses the title tag and page content for search results. Open Graph helps distribution: better previews earn more clicks and shares, which can lead to visits and links. Some AI tools and chat apps also read Open Graph data when displaying links. Our free tools check titles and descriptions; the platform debuggers remain the best way to check previews. SerionFlow is the wrong tool for social preview tags on your existing pages; it sets them only on the pages it publishes.
Clear answers
Frequently asked questions
How do I check og tags?
+
View the page source and search for og:, then test the URL in LinkedIn Post Inspector or the Facebook Sharing Debugger to see how the preview renders.
What are Open Graph tags in HTML?
+
Meta elements in the page head, such as an og:title meta tag with a property and content attribute, that define how a page appears when shared on social platforms.
About the author
Shadrack Kumi · Founder, SerionFlow
Shadrack builds SerionFlow's site research, page generation, and Search Console tooling, and runs the free tools these guides pair with. Search Console figures cited on these pages come from serionflow.com's own property.
Continue exploring
Related SerionFlow resources
More in Guides
- Programmatic SEO on Next.js and Vercel
- Programmatic SEO on Shopify: what works and what does not
- Programmatic SEO on Webflow: how to set it up and where it stops
- Programmatic SEO on WordPress: how to set it up and what to watch
- robots.txt for AI crawlers: how to allow or block GPTBot, ClaudeBot, and others
- robots.txt monitoring: how to detect changes and outages
- Title tag length and best practices
- How to connect Webflow to Google Search Console and use the data
Make the next move obvious
Let SerionFlow turn your market evidence into momentum.
Confirm the market, rank the opportunities that matter, create brand matched pages on your domain, and keep moving with controlled weekly intelligence.