ogp.me

Meta tag and Open Graph checker

Paste a page's HTML and see the tags search engines and social apps read, what is missing or too long, and roughly how the page will look in a search result and a shared link.

Paste-in tool. Your browser cannot fetch another site's headers for a web page (CORS forbids it), and WebPeeks has no server to do it, so nothing you paste leaves your browser. In a browser, press Ctrl+U (Cmd+Option+U on a Mac) to view the page source, select the <head> section and paste it. Or fetch it with curl as below. The whole page is fine too; only the head is read.

curl -sL https://example.com/ | head -n 80

HTML

Fail
og:image is not an absolute URL
"/images/share-card.jpg" — crawlers fetch the image directly and do not resolve relative paths. Use the full https:// URL.
Warn
Title is 86 characters
Google cuts titles by pixel width (about 600px), which is typically 50–60 characters; the rest becomes "…". Put the words that matter first.
Info
No og:image:width / og:image:height
Optional, but declaring them lets some platforms render the card on the first share instead of after fetching the image.
Info
No og:image:alt
Alt text for the preview image, read by screen readers on platforms that support it.
Pass
Description is 109 characters
Pass
Canonical URL set
https://www.example.com/coffee/
Pass
Required Open Graph tags present
og:title, og:type, og:image and og:url.
Pass
twitter:card is summary_large_image

Search result (approximate)

Example Roasters · https://www.example.com/coffee/

Hand-Roasted Single-Origin Coffee Beans, Delivered Fresh Ev…

Small-batch coffee roasted to order and shipped within 48 hours. Choose a weekly or fortnightly subscription.

Link card from Open Graph tags (Facebook, LinkedIn, Slack and similar)

Image not loaded (this site does not fetch other sites):
/images/share-card.jpg

www.example.com

Fresh single-origin coffee, roasted to order

Small-batch coffee shipped within 48 hours of roasting.

X card (summary_large_image layout)

Image not loaded (this site does not fetch other sites):
/images/share-card.jpg

www.example.com

Fresh single-origin coffee, roasted to order

Every tag found

Meta and link tags
Name	Content
title	Hand-Roasted Single-Origin Coffee Beans, Delivered Fresh Every Week \| Example Roasters
viewport	width=device-width, initial-scale=1
description	Small-batch coffee roasted to order and shipped within 48 hours. Choose a weekly or fortnightly subscription.
og:type	website
og:title	Fresh single-origin coffee, roasted to order
og:description	Small-batch coffee shipped within 48 hours of roasting.
og:url	https://www.example.com/coffee/
og:site_name	Example Roasters
og:image	/images/share-card.jpg
twitter:card	summary_large_image
link rel=canonical	https://www.example.com/coffee/

What is read, and by whom

The checker scans the pasted HTML for <title>, every <meta> and every <link> tag, ignoring anything inside comments or script blocks. It reads the same raw HTML a crawler receives, which is the point: link-preview bots from Facebook, LinkedIn, Slack, Discord and X generally do not run JavaScript, so tags that a script adds after the page loads are invisible to them. If a tag shows in your browser's element inspector but not in view-source, the preview bots will not see it either.

Tag	Used by	Guideline
<title>	Search results, browser tabs, bookmarks	Unique per page; about 50–60 characters show in full
meta description	Often the search snippet	About 150–160 characters on desktop
link rel=canonical	Search engines	Absolute URL of the preferred version
meta robots	Search engines	Only when you need noindex or nofollow
og:title, og:type, og:image, og:url	Facebook, LinkedIn, Slack, iMessage, most apps	The four required properties at ogp.me
og:description	Same	Optional; falls back differently per app
twitter:card	X	summary or summary_large_image
meta viewport	Mobile browsers	width=device-width, initial-scale=1

About the length limits

Google does not cut titles at a fixed number of characters. It truncates by pixel width, roughly 600 pixels on desktop, so a title full of narrow letters fits more characters than one full of capitals or wide letters like W and M. The 60-character warning is a rule of thumb that holds for most English titles. The same applies to descriptions, where the practical limit is around 150–160 characters on desktop and less on mobile. The previews on this page cut at those character counts, so treat them as approximate.

A worked example

The example head above is from a made-up coffee shop, and gets three things wrong:

The title is 86 characters. The brand name at the end, "Example Roasters", will almost certainly be cut off in search results. Something like "Single-Origin Coffee Subscription, Roasted to Order" (51 characters) keeps the useful words.
og:image is /images/share-card.jpg, a relative path. The preview bot fetches the image URL on its own, with no page to resolve it against, so no image appears. It must be https://www.example.com/images/share-card.jpg.
There are no og:image:width and og:image:height tags. They are optional, but let some platforms lay out the card before downloading the image.

Everything else is right: a description of 109 characters, an absolute canonical, the four required Open Graph tags, and twitter:card set to summary_large_image, so X shows the large-image layout using the Open Graph title and image.

About the previews

The three previews are drawn from your tags in this site's own style. They are approximations of the layout, not copies of any platform's design, and each platform changes its cards from time to time. The share image is not loaded: this page has no server and its security policy does not allow loading images from other sites, so the image area shows the URL instead. Paste the image URL into your browser to check it opens and is the size you expect.

Where this check stops

It checks the tags, not the page. It cannot tell whether the canonical URL returns a 200, whether the image exists, whether the page is blocked by robots.txt (use the robots.txt tester for that), or whether a search engine will choose to show your title and description at all. Tags injected by JavaScript are only seen if you paste the rendered HTML, and then the check tells you what Google may eventually see, not what most link-preview bots see.

Common questions

I fixed my og:image but Facebook or LinkedIn still show the old one. Why?

Each platform caches the preview the first time a URL is shared, often for days or weeks. Facebook's Sharing Debugger and LinkedIn's Post Inspector both have a button to fetch the page again. For other apps, adding a harmless query string (?v=2) to the shared URL makes them treat it as new.

Does the meta description affect rankings?

Google has said for years that it does not use the meta description as a ranking signal. It matters because it is often shown as the snippet, and a clear snippet earns more clicks. Google rewrites it whenever it thinks other text on the page answers the search better.

Do I need both Open Graph and Twitter tags?

Mostly no. X reads og:title, og:description and og:image when the matching twitter: tags are missing. The one tag worth adding is twitter:card, because without it X uses the small summary layout. Add twitter:title or twitter:image only if you want X to show something different from other platforms.

What size should the share image be?

1200 by 630 pixels (about 1.91:1) is the common recommendation and works for Facebook, LinkedIn and X large cards. Keep important text away from the edges, because some apps crop to a square or a narrower ratio, and keep the file size modest; very large images may be skipped.

Why is my page title different in Google from what I wrote?

Google rewrites title links it considers too long, stuffed with keywords, or not descriptive of the page, often using the main heading instead. A concise, specific title that matches the page's H1 is the most likely to be shown as written.