Que etiquetas meta é que uma página realmente precisa?
Tudo o que um motor de indexação ou uma aplicação de mensagens sabe sobre uma página antes de a carregar vem da secção <head> do HTML. Três etiquetas contam mais do que as outras: a etiqueta <title> (entre 50 e 60 caracteres como referência, acima disso é cortada nos resultados), a meta description (entre 150 e 160 caracteres, o texto que convida ao clique por baixo da ligação) e a etiqueta canonical, que indica ao Google qual é o URL de referência quando uma página está acessível por mais do que um endereço.
Sem estas etiquetas, o motor de busca adivinha. O Google costuma escolher um parágrafo ao acaso do corpo da página para construir a descrição, o que raramente corresponde ao que a pessoa procurou.
O gerador de etiquetas meta cria o conjunto completo, title, description, robots, canonical e viewport, a partir de um formulário simples, pronto a colar na secção head.
Como fica a página ao ser partilhada no WhatsApp ou LinkedIn?
Uma ligação partilhada no WhatsApp, no LinkedIn ou no X não usa a meta description. Estas plataformas leem as etiquetas Open Graph: og:title, og:description, og:image e og:type. Sem elas, algumas aplicações vão buscar a primeira imagem e o primeiro parágrafo que encontram, muitas vezes um logótipo ou um aviso de cookies.
A imagem é o elemento mais esquecido. A etiqueta og:image deve apontar para uma imagem de 1200 por 630 pixels, o formato para o qual tanto o LinkedIn como o WhatsApp recortam. Uma imagem mais pequena fica esticada e sai desfocada na pré-visualização.
A ferramenta Open Graph Preview mostra o cartão exatamente como o WhatsApp, o LinkedIn ou o X o mostrariam, o que permite detetar uma imagem em falta ou mal recortada antes de um cliente partilhar a ligação com toda a equipa.
Como fica o resultado na pesquisa do Google?
O excerto do Google é construído a partir do title e da meta description, mas o Google reescreve com frequência um dos dois quando considera que o original responde mal à pesquisa, sobretudo no telemóvel, onde o title é cortado mais cedo. No computador cabem cerca de 600 pixels de título, no telemóvel há bastante menos espaço.
A ferramenta SERP Preview mostra o title e a description como excerto de computador e de telemóvel lado a lado, com contador de caracteres em tempo real, para ajustar o texto antes de publicar em vez de deixar que o Google o corte depois.
Como consigo estrelas ou resultados enriquecidos no Google?
Os resultados enriquecidos, estrelas de avaliação, tempo de preparação de uma receita, perguntas expansíveis, vêm de dados estruturados escritos em JSON-LD e colocados no head, seguindo o vocabulário do schema.org. Um exemplo simples para um artigo:
{"@context":"https://schema.org","@type":"Article","headline":"Título da página","author":{"@type":"Person","name":"Nome do autor"}}
Colocar esta marcação não assegura que apareça um resultado enriquecido, isso é decidido pelo Google, mas sem marcação válida nunca aparece.
O Schema Generator cria JSON-LD válido para os tipos Article, Product, FAQ, Recipe e outros formatos comuns, pronto a colar diretamente na página.