See how your page looks shared.
Live preview of your meta tags as they render in Google search, Facebook, LinkedIn, and X (Twitter). Paste your HTML or type the fields directly. Updates as you type.
What each meta tag actually does.
Search engines and social platforms read a handful of HTML tags to decide how to display your page. Get these right and your snippet looks good in Google, your Facebook shares get clicks, and your X (Twitter) cards stop showing fallback placeholders. Below: the six tags this tool previews, plus the benchmarks each one targets.
Title Search
50 to 60 characters (around 580 pixels)
What Google shows as the blue clickable headline. Google truncates at ~580 pixels of width, roughly 60 characters of average-width text. Under 50 characters wastes snippet space. Over 60 gets cut off mid-word.
Meta description Search
150 to 160 characters (around 920 pixels)
The gray text under the title in search results. Google truncates desktop snippets around 920 pixels, ~160 characters. Mobile truncates earlier, at ~120 to 130 characters. Google rewrites about 60% of descriptions, so concise wins.
OG image Social
1200 by 630 pixels (1.91:1 ratio)
The image Facebook, LinkedIn, and most platforms show in the share card. The 1.91:1 ratio fits without cropping across every major social platform. Avoid putting small text in the image; cards display at varying scales.
OG title Social
Up to 60 characters, more conversational than search title
The headline shown in Facebook and LinkedIn shares. Falls back to the regular title tag if omitted. Many sites set this separately to write a more conversational, share-worthy version of their SEO title.
OG description Social
2-line clamp (around 110 characters)
The secondary text under the OG title in social shares. Facebook clamps to 2 lines at the displayed size. Falls back to the regular meta description if omitted, but a custom one usually performs better.
Twitter card type Social
twitter:card = summary_large_image
Tells X (Twitter) to render the large-image card instead of the small "summary" card. Use summary_large_image for any page with a hero image worth showing. Falls back to OG image if no twitter:image is set.
Why this is worth the 5 minutes
Sources: Search Engine Journal SERP Title Tag Study 2023, Facebook Sharing Debugger documentation, Buffer Social Media Report 2023.
Honest answers.
It renders three pixel-accurate mockups of how your page appears when shared: the Google search result snippet (title, URL, description), the Facebook and LinkedIn share card (OG image, title, description, domain), and the X (Twitter) card (summary or summary_large_image). All three update live as you edit any field or paste new HTML.
Fifty to sixty characters. Google truncates titles at around 580 pixels in desktop search, which works out to roughly 60 characters for most title text. Under 50 characters wastes space that could carry keywords or a value proposition. Over 60 characters gets cut off mid-word, which usually hurts click-through rate.
One hundred fifty to one hundred sixty characters. Google's desktop search truncates descriptions around 920 pixels, roughly 160 characters. Under 120 characters and you are leaving snippet real estate on the table. Over 160 and Google may rewrite your description or truncate it mid-sentence. Mobile search truncates earlier, around 120 to 130 characters.
1200 by 630 pixels is the safe bet across Facebook, LinkedIn, and X (Twitter) when using the summary_large_image card. The 1.91 to 1 aspect ratio works without cropping on every major platform. Keep the file under 8 MB and serve it as PNG or JPG. Avoid text in the image (or keep it large enough to read at thumbnail size); social platforms display the card at varying scales.
The title tag is what Google uses for the search result. The og:title tag is what Facebook, LinkedIn, and most social platforms use for the share card. If you omit og:title, social platforms usually fall back to the regular title tag. You can set them differently when you want a more conversational title for social shares and a more keyword-rich title for search.
Google rewrites about 60 percent of title tags and most meta descriptions, according to Search Engine Journal's 2023 analysis. The rewrite uses your H1, body text, or query intent rather than your meta. This preview shows what would appear if Google kept your tags verbatim, which is the best case. To increase the chance Google keeps your tags, make them concise, accurate, and not obviously stuffed with keywords.
No. This tool only previews how your tags render. It does not change anything on your page. To affect ranking, you would edit your page's title and meta description in your CMS or HTML, publish, then wait for Google to recrawl (usually hours to days). Use this tool to draft and test variants before you publish.
Yes. All parsing happens in your browser using the built-in HTML parser. Nothing is uploaded, stored, or logged. You can verify by opening your browser's DevTools network tab and watching the tool run.
Edit your meta tags where you build.
Build your landing pages, funnels, courses, and email automations on one platform. SEO and OG fields live next to your page, no plugins. Free plan, 2,000 contacts.
Start free