SEO Meta Tag Generator
Write your title and meta description and see the real Google preview, with pixel-based truncation (not character count), the way Google actually cuts it. Generates ready-to-paste HTML and Open Graph tags.
Only for the preview — it doesn't go in the main meta tags
Title
—
0 characters
Description
0 characters
—
How it looks on Google
Your title shows here
Your meta description shows here, exactly how Google will display it to searchers.
Write a title and a description to see the Google preview and generate the meta tags.
Best practices
- • Title: aim for 50–60 characters, with the main keyword near the start.
- • Google cuts the title by pixel width (around 600px), not by number of letters.
- • Description: up to ~155 characters, with a clear hook to boost clicks.
- • Every page should have a unique title and description; don't repeat them across the site.
How it works
How the SEO Meta Tag Generator works
The tool works in two steps. First you write the title and meta description; as you type, it measures the text in pixels (not characters) and draws the snippet exactly as Google shows it in search. Because Google cuts by visual width, the pixel count is the only reliable way to predict where the real truncation happens.
In practice: the title 'Lightweight Comfortable Men's Running Shoes | Store X' may exceed ~580px and become 'Lightweight Comfortable Men's Running Shoes | ...' in the result. The description gets cut near ~920px. You see this live and adjust before publishing, instead of finding out later in Search Console.
Finally, the tool generates ready-to-paste HTML and Open Graph tags for the page's <head> or the SEO field in your store platform. Tip for Brazilian e-commerce: put the keyword and brand at the start of the title, since it's the end that usually gets cut in longer snippets.
Learn more
Articles to put this tool to work
Como Monitorar o Site de um Concorrente (Preços, Lançamentos e Mudanças)
O site é onde a estratégia do concorrente se materializa primeiro — e é o canal menos vigiado. Como detectar cada preço novo, lançamento e banner sem viver dando F5.
Melhores Ferramentas para Monitorar Concorrentes em 2026 (Comparativo Honesto)
Nenhuma ferramenta faz tudo, e quem te diz o contrário quer vender uma. O comparativo direto por objetivo, com preços, pra você montar o stack certo sem desperdício.
FAQ
Frequently asked questions
- What is the ideal title and meta description length?
- Google cuts the title by pixel width (around 600px on desktop), which is roughly 50–60 characters. The meta description usually shows up to about 155–160 characters. This tool measures the title in real pixels, not just by character count.
- Why does Google cut my title even with few characters?
- Because the cut is by pixels, not by letter count. A title full of wide letters and capitals takes more space and gets cut sooner. That is why we measure the real pixel width of what you type.
- Does the meta description affect Google ranking?
- The meta description is not a direct ranking factor, but it affects click-through rate: a clear, attractive description gets more people to click your result, which helps indirectly. Worth the effort.
- Can I use the generated tags in WordPress or Shopify?
- Yes. The tool generates standard HTML tags (title, meta description, Open Graph and Twitter Card). Just paste them into your CMS SEO field, plugins like Yoast and RankMath, or straight into the page HTML.
