Paste a link into Slack, WhatsApp, or LinkedIn and you expect a clean preview to appear: a title, a description, and an image. When it does not show up, or shows the wrong title, or pulls in a random image from somewhere on the page, the culprit is almost always the Open Graph tags. Checking them used to mean opening browser dev tools or using a separate online validator. There is a faster way.
What Are Open Graph Tags and Where Do They Show Up
Open Graph is a protocol developed by Facebook that tells social platforms and messaging apps how to represent a webpage when it is shared as a link. The tags live in the <head> of a page and are invisible to visitors, but every major platform reads them when generating link previews.
The four tags that matter most:
og:title controls the headline shown in the preview. If this is missing, platforms fall back to the page’s HTML title tag, which may be truncated or formatted for search rather than social sharing.
og:description controls the supporting text beneath the title. Without it, platforms pull a random excerpt from the page body, often the first sentence they find, which is rarely what you would choose.
og:image controls the preview image. This is the most visible element in any shared link. A missing or wrongly sized image is the most common reason a shared link looks broken or unprofessional.
og:url tells platforms the canonical URL for the page. This prevents duplicate sharing metrics when a page is accessible from multiple URLs.
Why Open Graph Tags Matter Beyond Social Media
Most people think of Open Graph as a social media concern. It is also relevant in a few other contexts that are easy to miss.
Messaging apps including WhatsApp, Telegram, iMessage, and Slack all read Open Graph tags to generate link previews. If your product or content gets shared in a group chat and the preview is blank or broken, that is a missed first impression at the moment when someone is considering clicking.
Email clients with link preview support also pull Open Graph data. Some CRM platforms and sales tools display OG previews when contacts share links internally.
Google does not officially use Open Graph tags for search rankings, but it does read og:image in some contexts and uses Open Graph data to understand page identity in certain rich result formats. More practically, fixing Open Graph tags improves click-through on content shared in channels outside of search, which drives traffic that GA4 attributes to social and direct.
How to Check Open Graph Tags on Any Website Without Code
SEO Captain is a free Chrome extension that shows you the complete Open Graph tag set for any page you have open in your browser, alongside all other meta tags, in one panel. No dev tools, no copying URLs into external validators, no separate tabs.
Step 1: Install SEO Captain. Add it from the Chrome Web Store. It works on Chrome, Edge, and Brave. No account or API key required.
Step 2: Navigate to the page you want to check. This can be your own site, a competitor’s page, a client’s landing page, or any publicly accessible URL. SEO Captain reads the page currently open in your active tab.
Step 3: Open the extension and go to the Summary tab. The Summary tab shows every meta tag on the page in a structured list. Open Graph tags appear in their own section, clearly labelled: og:title, og:description, og:image, og:url, og:type. Missing tags show as absent rather than blank, so you can immediately see what is not set.
Step 4: Check the SERP and Social Preview tab. SEO Captain’s Preview tab visualises exactly how the page will appear when shared on Facebook and Twitter using the current Open Graph data. You can see the image, title, and description as they will render in a real preview before you publish or share anything.
What to Look For When Auditing Open Graph Tags
og:image dimensions. Facebook and LinkedIn recommend 1200 x 630 pixels for shared images. Images that are too small get displayed as tiny thumbnails rather than large card previews. Images with unusual aspect ratios get cropped in ways that cut off important content. Check that the image URL is loading and that the image meets the minimum size requirements.
og:title length. Facebook truncates og:title at around 88 characters on desktop. Keep it under 60 to be safe across all platforms. If your og:title matches your SEO title tag exactly, it may be formatted for search (with keyword at the front and brand at the back) rather than for social, where a more conversational framing often performs better.
og:description length. Most platforms truncate at 200 characters. Write for the cutoff point: the most important information should appear in the first 150 characters so it is never lost in truncation.
Mismatched og:url. If the og:url tag points to a different URL than the actual page, sharing analytics get split across multiple URLs. This matters on content that gets shared frequently.
Common Open Graph Problems and How to Fix Them
Missing tags entirely. If a WordPress site has no Open Graph tags set, it is usually because no SEO plugin is handling them. Yoast SEO and Rank Math both generate Open Graph tags automatically once configured. If you are on WordPress and use Echozat SEO Suite for meta tag management, the Meta Tag Updater gives you a unified view of all your posts and pages so you can spot and fix gaps at scale without opening each post individually.
Cached previews showing old data. Social platforms cache Open Graph data aggressively. If you have updated your OG tags but the old preview is still showing, use the platform’s own URL debugger to force a refresh. Facebook has the Sharing Debugger, LinkedIn has the Post Inspector. These tools re-scrape the page and clear the cached preview.
Wrong image being pulled. If og:image is missing and the platform is guessing, it will pull the first image it finds in the page source. This is often a logo, an icon, or a decorative element with no bearing on the content. Setting an explicit og:image removes all guesswork.
og:type not set. The default og:type is “website,” which is fine for most pages. For blog posts and articles, setting og:type to “article” unlocks additional structured data that some platforms use to display publication dates and author information in previews.
A Note on Checking Competitor Pages
SEO Captain works on any page open in your browser, not just your own site. This makes it useful for competitive research: open a competitor’s page, check their Open Graph setup, and see exactly how their content is configured to appear when shared. If their preview image is weak or their og:title is truncated, that is a gap your content can fill with better social presentation on the same topic.
The Chrome Extensions hub at Echozat has the full list of available browser tools if you want to add more audit capabilities to your workflow.
