What are Open Graph tags?
How Open Graph controls the share preview, the core tags, why og:image matters most, its relationship to Twitter/X cards, and why it drives clicks rather than rankings.
Open Graph tags are a set of <meta> tags in a page’s <head> that control how the page looks when someone shares its link — the title, description, and image that appear in the preview card on Facebook, LinkedIn, Slack, iMessage, WhatsApp, and most other platforms. They follow the Open Graph protocol, and while they do not directly change where you rank on Google, they decide whether a shared link looks worth clicking.
Where Open Graph came from
Facebook introduced the Open Graph protocol in 2010 so that any web page could describe how it should appear when shared, rather than leaving each platform to guess from the raw HTML. It caught on far beyond Facebook: today it is the de facto standard that nearly every app uses to build a link preview, which is why setting it once fixes how your links look almost everywhere.
The core tags
A handful of tags do most of the work. og:title is the headline of the preview card (it can differ from your SEO title tag). og:description is the supporting line of text. og:image is the picture — the single most important tag. og:url is the canonical URL the share should point to. og:type describes the content (usually website or article), and og:site_name names your site. Miss the first three and the preview falls apart.
The image is the tag that matters most
A preview with no image is a plain link; a preview with a good image is an advertisement. Get og:image right: use an absolute URL (a relative path is the most common reason an image fails to appear), size it around 1200×630 pixels at a 1.91:1 ratio so it fills the card without cropping, and keep the file reasonably sized so platforms fetch it quickly. If a share shows no picture, a stretched thumbnail, or the wrong image entirely, this tag is almost always the cause.
Open Graph and Twitter/X cards
X (formerly Twitter) has its own twitter:card tags, but it falls back to Open Graph when they are absent — so it reads your og:title, og:description, and og:image if no Twitter-specific tags exist. In practice you rarely need a full duplicate set: solid Open Graph tags plus a single twitter:card value (usually summary_large_image) cover both.
Do Open Graph tags help SEO?
Not as a direct ranking factor — Google does not rank you higher for having them. The effect is indirect but real: better previews get more clicks and more shares, shares put your content in front of more people, and that exposure can earn the links and brand searches that do influence rankings over time. Treat Open Graph as conversion optimization for your links, not as an on-page ranking signal.
How to check yours
Our Open Graph checker reads the tags on a page and previews the card, so you can catch the usual failures — a missing og:image, a relative image URL, a title that will truncate. For the wider picture of what is in your <head>, the meta tag checker reports your title, description, and the rest of the tags alongside it.
Frequently asked questions
- What are Open Graph tags?
- Open Graph tags are meta tags in a page's head that control how the page appears when its link is shared — the title, description, and image shown in the preview card on Facebook, LinkedIn, Slack, iMessage, and most other platforms. They follow the Open Graph protocol introduced by Facebook in 2010.
- Do Open Graph tags affect SEO or Google rankings?
- Not directly. Google does not rank a page higher for having Open Graph tags. Their value is that better share previews earn more clicks and shares, and that exposure can indirectly lead to links and brand searches that do influence rankings. Think of them as optimizing your links for clicks, not as a ranking signal.
- What are the essential Open Graph tags?
- The core tags are og:title (the preview headline), og:description (the supporting text), og:image (the preview picture), og:url (the canonical link), and og:type (the content type, usually website or article). The first three do most of the work — miss them and the preview card falls apart.
- What size should an og:image be?
- Around 1200×630 pixels at a 1.91:1 aspect ratio, so it fills the preview card without being cropped. Always use an absolute URL rather than a relative path — a relative image URL is the most common reason the image fails to show — and keep the file size reasonable so platforms fetch it quickly.
- Do I need separate Twitter card tags?
- Usually not a full set. X (Twitter) falls back to your Open Graph tags when Twitter-specific tags are missing, reading og:title, og:description, and og:image. In practice, solid Open Graph tags plus a single twitter:card value such as summary_large_image cover both platforms.
- Why isn't my link preview showing an image?
- The most common cause is an og:image set with a relative URL instead of an absolute one, so the platform can't fetch it. Other causes are a missing og:image tag, an image that's too small or too large, or the platform still showing a cached old version. Check the tag with an Open Graph checker and use an absolute URL to a 1200×630 image.