Meta Tag Preview & Generator
Generate <title>, meta description, and canonical tags from a title, description, and URL, with a search-result-style preview.
example.com
Your page title
Your meta description will appear here.
This is an approximation. Search engines frequently rewrite titles and descriptions to better match a specific search query, and do not guarantee they will display exactly what you enter here.
Everything above is generated locally in your browser — nothing you type here is sent to a server.
Type a title, description, and URL to see the exact <title>, <meta name="description">, and <link rel="canonical"> tags they produce, plus an approximate preview of how the result might look in a search result.
Search engines routinely rewrite titles and descriptions to better match what someone actually searched for — this tool shows what you're providing, not a guarantee of what will be displayed.
How to use the Meta Tag Preview & Generator
- Enter the Page title and watch its character count update below the field.
- Write a Meta description; the count turns amber once it passes about 160 characters.
- Optionally add the full Page URL, including https://, to get a canonical tag.
- Check the Search result preview, then click Copy tags under Generated tags and paste them into your page's head section.
Example: Tags for a pricing page
Enter the title Pricing & Plans, the description Compare our "Starter" and Pro plans., and the URL https://Example.com/pricing. Generated tags shows <title>Pricing & Plans</title>, <meta name="description" content="Compare our "Starter" and Pro plans." /> and <link rel="canonical" href="https://example.com/pricing" />, with counts of 15 and 36 characters.
Questions about the Meta Tag Preview & Generator
- Why do ampersands and quotes look different in the generated tags?
- The tool escapes &, ", < and > as HTML entities (&, ", <, >) so the copied tags stay valid HTML. Browsers and search engines display them as the original characters.
- Why don't I get a canonical tag?
- The URL must be complete and use http:// or https://. A value like example.com/page shows "Enter a valid, complete URL, including https://, or leave this blank.", and other schemes such as ftp:// show "URL must use http:// or https://."
- Is there a limit on how long the title or description can be?
- The title field accepts up to 300 characters and the description up to 500. The amber warning past roughly 60 and 160 characters is guidance about truncation, not a hard limit, and leading or trailing spaces are not counted.
- Does it create Open Graph or Twitter tags?
- No. It produces only the title, meta description and canonical link. Use the Open Graph Generator for social sharing tags.