Verificador de title e meta description com pré-visualização no Google

Os resultados de pesquisa não limitam o título pelo número de carateres, mas pela largura do bloco. Numa fonte proporcional as letras têm larguras diferentes: «M» e «m» são várias vezes mais largas do que «i» e «l», e as maiúsculas mais largas do que as minúsculas. Por isso 60 carateres de um título cabem numa linha e 52 de outro não cabem.

A ferramenta mede o texto como um navegador: desenha-o num canvas invisível (canvas.measureText) com uma fonte próxima da dos resultados e compara a largura com um orçamento prático. Se não couber, corta na última palavra inteira e acrescenta reticências, como costuma aparecer nos resultados.

Não são limites oficiais. A documentação do Google diz claramente que não limita a extensão do elemento <title> nem da meta description: as ligações de título e os snippets são cortados para caber na largura do dispositivo. Os orçamentos acima são usados por profissionais de SEO e descrevem aspetos típicos dos resultados, que mudam com regularidade.

As palavras portuguesas são, em regra, mais longas do que as inglesas, pelo que a mesma mensagem ocupa mais píxeis. A conclusão prática: a extensão não é o objetivo. Garanta que o essencial da página e as palavras-chave estão nos primeiros 40–50 carateres, para que o fim do título se possa perder sem perder o sentido.

Ligações de título

O Google chama «ligação de título» ao título do resultado. Na maioria dos casos vem da tag <title>, mas o Google também considera outras fontes: o cabeçalho principal visível e outros cabeçalhos, og:title, texto em destaque e o texto âncora das ligações para a página. O Google altera o título quando <title> está vazio, é igual em muitas páginas, está cheio de palavras-chave ou não corresponde ao conteúdo.

Snippets

O Google constrói o texto do snippet sobretudo a partir do conteúdo da página, escolhido para cada pesquisa. A meta description é usada quando descreve a página melhor do que os excertos do texto. É por isso que o mesmo URL pode aparecer com descrições diferentes para pesquisas diferentes.

Porque são reescritos os snippets

• O title é o mesmo em muitas páginas: «Início», «Produtos», «Clew».
• O title enumera palavras-chave separadas por vírgulas em vez de dar nome à página.
• A descrição não responde à pesquisa com que a página foi encontrada.
• O texto grita: MAIÚSCULAS, «!!!», promessas sem nada de concreto.

Para landing pages, páginas de funcionalidades e artigos do blogue de um produto SaaS, o mesmo esquema funciona bem.

• A pesquisa primeiro. «Onboarding de utilizadores para SaaS sem programadores — Clew» funciona melhor do que «Clew — uma plataforma que ajuda…». Ponha a marca à frente só se as pessoas já a pesquisam pelo nome.
• Um title, uma página. As páginas de preços, de funcionalidades e do blogue não devem disputar o mesmo título.
• Factos concretos na descrição. O que a pessoa obtém: «tours, dicas e checklists dentro da sua aplicação», «plano gratuito para sempre». Nada de números inventados.
• Responda à intenção. Para uma pesquisa informativa, como «como aumentar a ativação», a descrição promete uma resposta, não um discurso de vendas.
• Sem repetir o title na descrição. A descrição continua o título em vez de o repetir.

Se o público também está no Brasil, lembre-se de que as pesquisas mudam: «telemóvel» cá, «celular» lá. Um bom snippet traz quem precisa realmente do produto. A partir daí, tudo se decide na primeira sessão — veja Onboarding de produto: o que é e como configurar.

1. Google Search Central. Influenciar as ligações de título nos resultados da pesquisa — developers.google.com/search/docs/appearance/title-link.
2. Google Search Central. Controlar os fragmentos nos resultados da pesquisa — developers.google.com/search/docs/appearance/snippet.
3. MDN Web Docs. CanvasRenderingContext2D: measureText() — developer.mozilla.org.
4. HTML Living Standard: o elemento title e o nome de metadados description — html.spec.whatwg.org.