Title Tag Preview

See how your title and description may appear in search results on desktop and on a phone, with warnings for length.

Ce contenu est en anglais.

Title length (characters)-
Title width on desktop (estimate, pixels)-
Description length (characters)-
Description width on desktop (estimate, pixels)-

Desktop preview

Phone preview

Exemples détaillés

Short title shown in full

Handmade Candles | Example Shop, 31 characters

A preview that shows the whole title, with the character count of 31.

The widths are estimates, but a title this short is unlikely to be cut off in typical results.

Long title that is cut off

A title of about 75 characters describing a full range of products and delivery options

A preview with the end of the title replaced by an ellipsis, showing the cut-off point.

Search engines choose what to show, so shorten the key words to the front of the title.

À propos de Title Tag Preview

A title and description are often the first things a person reads about your page in search results. A title tag preview lets you see how those two pieces of text may look before anyone clicks them. Type your page title and description, and the preview shows an estimate of how wide each one is, with a desktop version and a phone version side by side. Long titles and descriptions are cut off with an ellipsis, so you can see exactly where the cut will fall and decide what to shorten.

The widths shown are estimates based on typical search results. Search engines decide what to display, and they can change their layout over time, so the preview is a helpful guide rather than a promise. Warnings appear when a title runs past about 60 characters or a description falls outside a neat range of 140 to 160 characters. Use the preview as a quick check while you write, then read the finished text aloud to be sure it says what the page really offers.

Comment utiliser Title Tag Preview

  1. Type the page title into the first box.
  2. Type or paste the description you want people to see in results.
  3. Read the warnings and shorten any text that may be cut off.
  4. Compare the desktop and phone previews to check the ends of each line.
  5. Copy the title and description when you are happy with them.

Usages courants

  • Checking a new page title before it goes live
  • Writing descriptions for product or service pages
  • Trimming long titles for a blog or news article
  • Reviewing a whole site's titles one by one for consistency

Questions fréquentes

Why does my title get cut off in search results?

Search results have limited space, so titles that run too long are shortened with an ellipsis. The space available depends on the screen and the letters in the title, and wide letters such as M and W use more room than narrow ones such as I and l. Keeping titles under about 60 characters and placing the key words early helps the important part stay visible.

How long should a meta description be?

A description between 140 and 160 characters usually fits neatly in search results on most devices. Shorter descriptions can leave space unused, while longer ones are often shortened. Write a clear summary that tells the reader what they will find, and place the most useful detail near the start in case the end is cut off.

Are the pixel widths exact?

No. The widths are estimates made with a typical sans serif font at the sizes commonly used in results. Your real results may look slightly different because each search engine can use its own font, spacing and layout. The figures are most useful for comparing two versions of your text and seeing which one is more likely to fit.

Does a long title hurt my page?

A long title is not automatically a problem, but it can be harder to read and more likely to be shortened. The most useful part should come first. If a title is cut off, the reader may not see the words that explain what the page offers, so shorter, clearer titles usually work better for both people and search results.

Should every page have a unique title and description?

Each page works best with a title and description that describe its own content. When several pages share the same wording, readers cannot tell them apart in results, and the pages may compete with each other. Use the preview to write a distinct title and description for each important page, changing the wording to reflect what makes that page different.

Guides