Prévia de snippet de SERP

Veja seu snippet de busca do Google antes de publicar

Esta ferramenta de pré-visualização SERP mostra como o título, a URL e a meta descrição da sua página devem aparecer nos resultados de busca do Google — tanto no desktop quanto no celular — antes de você publicar. Digite nos campos e a pré-visualização do resultado de busca no estilo do Google atualiza na hora, completa com favicon, breadcrumb e uma data opcional.

Ao contrário de um simples contador de caracteres, esta pré-visualização de snippet SERP mede a largura real em pixels que o Google usa para truncar texto, para que você possa ver o momento exato em que um título ou descrição será cortado com reticências — e corrigi-lo antes de publicar.

Truncamento por largura em pixels: por que contar caracteres engana

O Google não corta seu título em um número fixo de caracteres — ele corta por largura em pixels. Títulos no desktop são truncados em aproximadamente 580 pixels e meta descrições em cerca de 920 pixels. Como um 'W' é muito mais largo do que um 'i', dois títulos com o mesmo número de caracteres podem ser renderizados em larguras muito diferentes. Por isso uma ferramenta que só conta caracteres dá orientações enganosas.

Os contadores de caracteres e pixels em tempo real acompanham os dois números enquanto você digita e exibem um aviso no momento em que seu título ou descrição ultrapassa o limite, para que você sempre saiba se seu snippet será exibido por completo.

Limites de tamanho para título e meta descrição

Como regra geral, mantenha sua tag de título em torno de 50–60 caracteres (menos de ~580 px) e sua meta descrição em torno de 150–160 caracteres (menos de ~920 px) no desktop. Comece com sua palavra-chave principal para que sobreviva ao truncamento e termine os títulos com o nome da sua marca.

Use a lista de verificação do snippet abaixo da pré-visualização como uma auditoria rápida: ela sinaliza títulos longos ou curtos demais, descrições fora do intervalo ideal e URLs que não usam HTTPS — as mesmas coisas que um bom otimizador de snippets detectaria.

Snippets no desktop e celular lado a lado

A maioria das buscas acontece no celular, onde a coluna de resultados é mais estreita: os títulos quebram em duas linhas e as descrições são recortadas antes do que no desktop. Um título que cabe em uma única linha no desktop pode ficar estranho quando quebra no celular. Alterne entre Desktop e Celular para visualizar os dois layouts e ajuste seu texto para os dispositivos que seu público realmente usa.

Como se compara ao Yoast, Rankmath e SeoMofo

Várias ferramentas oferecem pré-visualizações SERP, mas a maioria peca na precisão. O Yoast SEO e o Rankmath mostram uma pré-visualização de snippet dentro do seu painel do WordPress, mas os dois contam caracteres em vez de medir larguras reais em pixels — então um título cheio de letras maiúsculas largas pode parecer correto na pré-visualização deles e ainda assim ser truncado nos resultados reais do Google.

O SeoMofo foi pioneiro na abordagem de largura em pixels, mas mostra apenas um layout por vez e não foi atualizado para corresponder ao design de snippet atual do Google. O Mangools (SERPsim) é preciso mas fica atrás de uma assinatura paga. Esta ferramenta é gratuita, mede larguras reais em pixels, mostra desktop e celular lado a lado, suporta upload de favicons e funciona completamente offline no seu navegador sem enviar dados.

Favicon, breadcrumb, datas e resultados ricos

Os snippets modernos do Google mostram seu favicon e uma URL estilo breadcrumb acima do título. Esta pré-visualização do Google SERP gera um favicon a partir do seu domínio automaticamente, permite que você faça upload do seu próprio e constrói o breadcrumb a partir do seu caminho de URL — com um campo de substituição para caminhos personalizados. Adicione uma data de publicação para ver como ficam os snippets de artigos e notícias, e o truncamento se ajusta exatamente como o Google faz quando há um prefixo de data.

Copie suas tags — privado e offline

Quando o snippet estiver como você quer, copie as tags finalizadas <title> e <meta name="description"> diretamente para o <head> da sua página. Precisa também de Open Graph, Twitter cards e tags canônicas? Combine isso com o Gerador de Meta Tags. Tudo aqui funciona completamente no seu navegador — nada do que você digita é enviado — para que seus títulos e descrições não publicados fiquem completamente privados.