Google SERP PreviewDeveloper Tools
Previews how a title and meta description may appear in Google results.
How long should a title tag be? Check it before Google cuts it off
A title that runs too long loses its last words in search results, and a shared link shows whatever the social tags say. Measure the search title in pixels, then set the social titles to match.
Why a title that is too long costs clicks
Google doesn't cut titles at a set number of characters. It cuts by width, at about 600 pixels in a desktop result. A title in capital letters runs out after roughly 40 characters, while a 50-character title in normal mixed case fits at about 450 pixels. Whatever falls past the cut becomes an ellipsis, so a keyword or a reason to click at the end of the title is never seen.
Google also rewrites titles that are too long, stuffed with keywords, or don't match the page, and a short, accurate title is rewritten less often. Search is only one place the title appears. When someone shares the page on Facebook, LinkedIn, Slack, or X, the card is built from Open Graph and Twitter card tags, which are separate from the title tag and need their own values.
Measure the title, then write the share tags
Paste the title and meta description into the Google SERP Preview. It measures the text in Arial, 20 px for titles and 14 px for descriptions, the way Google draws results, and shows where the cut falls on desktop and mobile. Titles are cut at about 600 px. Descriptions are cut at about 920 px on desktop and 680 px on mobile. The title counter turns green at 60 characters or less. The preview shows the likely display, not a promise, because Google may still rewrite the text for a particular search, and rich results such as stars and prices are not drawn.
Next, open the Open Graph Generator and fill in the title, description, URL, and image. These og: tags control the card on Facebook, LinkedIn, Slack, and many messaging apps. A common image target is 1200 by 630 pixels. The tool writes the tags, but it can't check whether the image URL loads or meets each platform's rules.
Then add the version for X with the Twitter Card Generator. Choose summary_large_image for articles, which gives the image more room, or summary for a small thumbnail. X can fall back to Open Graph tags and caches old values, so a new card may take a while to show.
Write a title tag that fits
- Write the title with the main keyword and the reason to click near the start.
- Paste it into the Google SERP Preview and switch between desktop and mobile.
- Shorten it until nothing is cut at about 600 pixels. Avoid all capital letters, which take more width.
- Write the meta description and keep its main point in the first 120 characters.
- Copy the title and description into the Open Graph Generator, add the page URL and a 1200 by 630 image, and paste the tags into the page head.
- Create the Twitter card tags with summary_large_image and add them below the Open Graph tags.
- Publish the page and test the live link on the platforms you care about.
What a preview can't promise
- Google often rewrites titles and descriptions to match the search, so the preview is the likely display, not a guarantee.
- Pixel limits change from time to time and differ slightly between screens.
- The tag generators don't check whether the image URL loads, is large enough, or meets platform rules.
- Platforms cache preview data, so an updated card may not appear until the cache is refreshed.
Frequently asked questions
How many characters should a title tag have?
Usually 50 to 60. The real limit is about 600 pixels of width, so wide letters and capitals fit fewer characters.
Why does Google show a different title from the one I wrote?
Google rewrites titles that are too long, stuffed with keywords, or don't match the page. Short, accurate titles are rewritten less often.
Do I need both Open Graph and Twitter card tags?
Often yes. Many platforms read Open Graph, but X and some other tools still look for Twitter card tags.
How long should a meta description be?
About 120 to 160 characters. Mobile shows less, so put the main point in the first 120.
Related tools
Tools used in this guide
Open Graph GeneratorSEO Tools
Create Open Graph title, description, image, and URL tags for social previews.
Twitter Card GeneratorSEO Tools
Generate twitter:card tags for X previews, including title, description, and image fields.
