Como usar
- Preencha o título e a descrição, o endereço da página e uma imagem de prévia.
- Confira à direita o resultado de busca e a prévia do link, e corrija o que os avisos apontarem.
- Copie as tags para o
<head>da sua página, ou baixe-as.
Só os campos preenchidos viram tags, e todo valor é escapado, então aspas e & no seu texto não quebram o HTML.
As tags que importam
<title>é a manchete do seu resultado de busca e da aba do navegador. Cerca de 60 caracteres aparecem nos resultados.<meta name="description">é o trecho embaixo, quando o buscador entende que ele combina com a página. Mire em 70 a 160 caracteres.<link rel="canonical">indica o endereço único da página, para que cópias em outros endereços não concorram com ela.- Tags Open Graph (
og:) são o que Slack, LinkedIn, Facebook, iMessage e a maioria dos apps de chat leem para as prévias de links. twitter:cardpede ao X um card com imagem grande. Para o resto, o X usa as tags Open Graph.
A imagem de prévia
Use 1200 × 630 pixels (1,91:1), PNG ou JPEG, com menos de 5 MB, num endereço https:// completo. Caminhos relativos como /og.png não funcionam: os serviços que montam as prévias baixam a imagem por conta própria. Mantenha textos importantes longe das bordas, porque alguns apps cortam em quadrado.
Perguntas frequentes
Meta keywords ainda importam?
Não. O Google ignora <meta name="keywords"> há anos, então o gerador não a escreve.
Por que a prévia do meu link não muda depois que atualizo as tags?
Os serviços guardam as prévias em cache, às vezes por dias. A maioria tem uma ferramenta para buscar a página de novo, como o Post Inspector do LinkedIn e o Sharing Debugger do Facebook.
Onde ficam as tags?
Dentro do <head>, antes do </head> de fechamento. Se a sua página já tem um <title> ou uma descrição, substitua-os em vez de adicionar outro.
Posso ver a imagem real na prévia aqui?
A prévia mostra o nome do arquivo da imagem em vez da imagem, porque esta página só carrega imagens de lobsite.com. Publique a página e confira num app de chat para ver o resultado real.