Free SERP Snippet Preview
Search engines cut titles and descriptions by pixel width, not just by character count. It measures your text the way a browser renders it and shows a live desktop and mobile preview, so you can fix truncation before you publish.
Type a title, URL and meta description to see colour-coded counters and the preview update instantly. When you are happy, copy the generated code block, which includes the title tag, meta description, canonical link, Open Graph and Twitter card tags.
Empty fields use the example text so you can see how it works.
Frequently Asked Questions
How long should a title tag be?
Keep it under about 580 pixels, which is usually 50 to 60 characters. Wide letters such as W and M use more space, so the pixel counter is more reliable than a character count.
How long should a meta description be?
Around 120 to 155 characters works well. Search engines may rewrite the description, but a clear, specific summary improves the chance it is shown as written.
Does the preview match search results exactly?
It is a close estimate. Search engines change their layouts and may bold or rewrite text, so treat the preview as a guide rather than a guarantee.
What are Open Graph tags for?
Open Graph and Twitter card tags control the title and description shown when your page is shared on social networks and messaging apps.