Prévia de snippet na SERP do Google
Veja como o seu título e a sua meta description podem aparecer nos resultados do Google. Mede a largura em pixels com a API canvas e corta como o Google, em cerca de 600 px.
O que é Prévia de SERP?
A prévia de SERP renderiza um resultado de busca no estilo do Google a partir do título, da URL e da meta description da sua página. Em vez de contar caracteres, ela mede a largura real do texto em pixels e o corta com " ..." onde os resultados do Google no desktop cortariam, para você ver se as palavras importantes continuam visíveis.
Como usar Prévia de SERP
- Digite o título da página; a largura em pixels e a contagem de caracteres aparecem ao lado do rótulo.
- Digite a URL da página para ver a URL exibida no estilo de breadcrumb.
- Digite a meta description.
- Confira a prévia e os avisos sobre título ou descrição cortados.
Exemplo
How to Make Cold Brew Coffee at Home: A Complete Step-by-Step Guide for Beginners (81 characters)
The title measures about 780 px, wider than 600 px, so it is shown cut off with " ..." after the last whole word that fits.
Quando usar Prévia de SERP
Use ao escrever títulos e descrições para manter a mensagem principal na parte visível. O Google muitas vezes reescreve títulos e escolhe o próprio texto do snippet, e os resultados no celular usam outras larguras, então trate a prévia como guia, não como garantia.
Como funciona Prévia de SERP
A largura do texto é medida no seu navegador com CanvasRenderingContext2D.measureText() usando Arial – 20 px para o título e 14 px para a descrição, como na tipografia do Google no desktop. Se o título passar de 600 px (descrição: 920 px, cerca de duas linhas), o maior prefixo que cabe junto com " ..." é encontrado por busca binária e recuado até o fim de uma palavra, quando houver um próximo. A URL aparece como host › segmentos do caminho.
Casos de Uso Comuns
- Encurtar o título de um produto até o nome da marca não ser mais cortado.
- Conferir se caracteres largos (W, M, maiúsculas) não empurram o título além do limite.
- Ver a prévia das meta descriptions de um conjunto de landing pages.
- Mostrar a um cliente como o resultado dele vai ficar, aproximadamente.
Perguntas Frequentes
Por que pixels em vez de caracteres?
O Google corta pela largura. 60 caracteres estreitos (i, l) cabem com folga, enquanto 50 largos (W, M) talvez não.
O Google sempre vai mostrar o meu título?
Não. O Google pode reescrever títulos longos demais, cheios de palavras-chave ou que não correspondem à página, e muitas vezes escolhe o texto da descrição a partir do conteúdo da página.
Ele simula os resultados no celular?
Ele usa as larguras do desktop. Os resultados no celular quebram os títulos em mais linhas, então o desktop é o limite mais rigoroso.