SERP Preview Generator & Meta Tag Tool
Before you publish a page, check exactly how it will look in Google search results — and how it will look when someone shares it on Facebook or X. Type your page title, URL, description, site name and optional OG image URL, and this free tool shows you a live Google-style preview with the title truncated at about 58 characters and the description at about 155–160 characters, just like Google does. It also writes ready-to-paste Open Graph and Twitter Card meta tags, and shows Facebook and Twitter card previews. Everything runs in your browser; nothing is sent anywhere, and your OG image URL is treated as text only — it is never fetched.
0 characters —
0 characters —
Google Search Preview
—
Facebook Card Preview
X (Twitter) Card Preview
Meta Tags to Copy
How to Use This SERP Preview Generator
- Enter your page title. Aim for under 60 characters. The preview truncates at about 58 characters with an ellipsis, exactly the way Google cuts long titles — if you see “…” at the end, shorten the title.
- Enter the page URL and description. The URL is shown as a breadcrumb (domain › path). Keep the description under 160 characters and put the key benefit first, because Google cuts descriptions at about 155–160 characters.
- Add your site name and OG image URL if you have one. The image URL is used as text only in the meta tags and shown as a label in the social previews — this tool never fetches or downloads the image.
- Check all three previews. The Google box, the Facebook card and the X card each truncate text differently, so check that your message survives in all three.
- Copy the meta tags and paste them into your page's <head>. The generated block includes the title, description, Open Graph tags and Twitter Card tags in one paste.
Worked Example
Take a hypothetical over-long title as an example. Suppose a page title is “Free Image Cropper Online — Crop Photos to Any Size | ToolsZio”, which is 62 characters long. Google shows only about 58 characters, so the preview reads “Free Image Cropper Online — Crop Photos to Any Size | Too…” — the last 4 characters are lost and the brand name is cut. Shortening the title to under 60 characters fixes it. Suppose its description is 182 characters: “Crop images online for free with ToolsZio. Choose 1:1, 4:3 or 16:9 presets, rotate, flip and download as PNG, JPG or WebP. No upload, no signup, your photo never leaves your browser.” Google shows the first 160 characters — “Crop images online for free with ToolsZio. Choose 1:1, 4:3 or 16:9 presets, rotate, flip and download as PNG, JPG or WebP. No upload, no signup, your photo nev…” — so the final words “never leaves your browser” are cut off. Moving the privacy promise earlier in the description keeps it visible. (The live ToolsZio Image Cropper description is 155 characters, so it is already shown in full.)
Frequently Asked Questions
Why is my page title cut off in Google search results?
Google truncates titles by pixel width, roughly 600 pixels, which is about 58 to 60 characters for most titles. A title of 62 characters, for example 'Free Image Cropper Online — Crop Photos to Any Size | ToolsZio', is shown as about 58 characters with an ellipsis. Keep titles under 60 characters so the whole title is visible. The live ToolsZio Image Cropper title is 55 characters and is shown in full.
How long should a meta description be?
Aim for about 150 to 160 characters. Google usually shows around 155 to 160 characters on desktop; longer descriptions are cut off with an ellipsis. Put the most important words and your call to action near the start so they are never cut away.
Does this preview guarantee Google will show my title and description?
No. Google sometimes rewrites titles and descriptions, for example when it thinks another part of your page matches the search better. A well-written title under 60 characters and a description under 160 characters gives Google the best material to use, but the final display is Google's choice.
What is the difference between Open Graph and Twitter Card tags?
Open Graph tags (og:title, og:description, og:image) control how your page looks when shared on Facebook, LinkedIn and most other platforms. Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) control the preview on X (Twitter). This tool generates both sets, so one paste covers nearly every social network.
Is my page's image fetched or uploaded by this tool?
No. The OG image URL is treated as plain text only — the tool never fetches, downloads or uploads the image. It only writes the URL into the meta tags for you to paste into your page, and shows a placeholder box in the social previews instead of loading the image.