Como usar: Preview de SERP
- Digite ou cole sua tag title e sua meta description. Os medidores ficam verdes quando o texto cabe no limite de pixels do Google.
- Adicione a URL da página e, se quiser, o nome do site — o preview monta o breadcrumb (
example.com › blog › post) a partir disso. - Digite a palavra-chave que você quer ranquear para ver quais termos o Google destacaria em negrito, e ative a data ou as estrelas de avaliação para ver quanto espaço elas ocupam.
- Compare os previews de desktop e mobile, corrija o que estiver marcado em Verificações do snippet e copie as tags HTML ou um link de compartilhamento para o seu cliente ou time.
O que é um preview de SERP?
Um preview de SERP (página de resultados do buscador) mostra como uma página provavelmente vai aparecer como resultado azul no Google: o favicon e o nome do site, a URL em formato de breadcrumb, o título clicável e a descrição em cinza. Ele permite escrever e ajustar sua <title> e sua <meta name="description"> antes de publicar, em vez de descobrir um título cortado no Search Console semanas depois.
Por que pixels importam mais que caracteres
O Google corta títulos e descrições pela largura renderizada, não pela quantidade de caracteres. Um “W” maiúsculo é cerca de três vezes mais largo que um “i” minúsculo, então um título de 60 caracteres em maiúsculas pode ser cortado, enquanto um título de 70 caracteres cheio de letras estreitas cabe. Esta ferramenta mede seu texto com as mesmas fontes que o Google usa (Arial 20 px para títulos no desktop, 14 px para descrições) pela API canvas do navegador, e corta na fronteira de uma palavra com reticências, como o Google faz.
| Elemento | Limite aproximado | Equivalente aproximado em caracteres |
|---|---|---|
| Título no desktop | ~580–600 px | 50–60 caracteres |
| Descrição no desktop | ~920 px | 150–160 caracteres |
| Título no mobile | duas linhas | até ~75 caracteres |
| Descrição no mobile | ~680 px | ~120 caracteres |
Esses limites são observações, não regras publicadas — o Google ajusta o layout com frequência e pode reescrever totalmente um título ou snippet se achar que outro texto da página combina melhor com a busca.
Dicas para títulos e descrições que geram cliques
- Coloque a palavra-chave no começo. Use o tema que as pessoas buscam nas primeiras palavras, assim ele sobrevive ao corte e chama atenção quando o usuário escaneia a página.
- Mantenha a marca curta e no final. O Google costuma mostrar o nome do site separado, acima da URL, então “| Nome da Marca Ltda.” no fim de cada título gasta espaço à toa.
- Escreva descrições como uma promessa. Diga o que o visitante ganha — um preço, uma checklist, uma ferramenta gratuita — em vez de repetir o título. O Google destaca em negrito as palavras que combinam com a busca, então usar a palavra-chave de forma natural ajuda o snippet a se destacar.
- Lembre que data e estrelas ocupam espaço. Uma data visível (“25 de out. de 2026 —”) aparece antes da descrição e reduz quanto do seu texto cabe. As estrelas de avaliação só aparecem para tipos de schema elegíveis, como Product ou Recipe — você pode gerar a marcação com o Gerador de Schema Markup.
Como usar em um site Webflow
No Webflow, o título e a descrição ficam em Page settings › SEO settings. Nas páginas de template do CMS, você pode montá-los a partir de campos (por exemplo Name | Category) — cole aqui os valores de um item típico para verificar se nomes longos do CMS não são cortados. Para conferir o que uma página publicada realmente entrega, rode-a no Verificador de Meta Tags; para escrever o conjunto completo de tags do head, use o Gerador de Meta Tags.
Também pesquisado como: simulador de serp, preview de snippet google, preview title tag, preview meta description, snippet do google, verificar largura em pixels, checar tamanho do title, preview google.
Ferramentas que combinam com: Preview de SERP
- Verificador de Open Graph — Veja como seu link vai aparecer quando for compartilhado no Facebook, LinkedIn, X e Slack.
- Verificador de SEO e Auditoria de Site — Cole uma URL para fazer até 70 verificações de SEO na página, além de uma auditoria completa do site: velocidade do Lighthouse, cabeçalhos de segurança e SSL, dados estruturados, links quebrados, robots.txt e rastreadores de IA, noções básicas de acessibilidade, rastreamento e consentimento, SPF/DKIM/DMARC e validade do domínio — tudo reunido em uma única pontuação do site com correções priorizadas.
- Contador de palavras — Cole ou digite seu texto para contar palavras e caracteres em tempo real — além do tempo de leitura e de fala, da densidade de palavras-chave e da verificação do comprimento para títulos de SEO, meta descrições e postagens nas redes sociais.
- Guia explicativo sobre o robots.txt — As regras do robots.txt são curtas, mas fáceis de interpretar mal.