Meta tags são as linhas na seção head de uma página que buscadores e redes sociais leem em vez da página em si. Título e descrição moldam seu snippet no Google; as tags Open Graph e Twitter Card decidem a imagem, o título e o texto que aparecem quando o link é compartilhado. Este gerador escreve todas a partir de um único formulário e mostra o resultado como ele vai aparecer.

Passos

1. 1 Informe o título e a descrição da página. Os contadores mostram os comprimentos que normalmente cabem nos resultados de busca — cerca de 60 e 160 caracteres.
2. 2 Adicione a URL canônica, o nome do site e uma imagem de 1200×630. Escolha o tipo de conteúdo, a localidade e o layout do card; as três pré-visualizações se atualizam enquanto você digita.
3. 3 Copie as tags geradas e cole dentro da seção head da sua página, substituindo as tags de título e descrição existentes.

Título e descrição

A tag title é o título azul nos resultados de busca e na aba do navegador. Mantenha-a abaixo de cerca de 60 caracteres e coloque as palavras distintivas primeiro; o Google corta por largura em pixels, então letras largas consomem espaço mais rápido. A descrição não é fator de ranqueamento, mas é o seu anúncio nos resultados: 150–160 caracteres que dizem o que a página oferece e por que clicar. O Google pode substituí-la por texto da página quando julgar mais adequado.

Open Graph

Facebook, LinkedIn, WhatsApp, Slack e a maioria dos apps de mensagem leem og:title, og:description, og:image e og:url para montar a pré-visualização do link. A imagem deve ter 1200×630 pixels (1,91:1), menos de 8 MB e ser informada como URL absoluta. og:type é website para a maioria das páginas e article para posts; og:site_name aparece acima do título em algumas redes. Sem essas tags, um compartilhamento pode mostrar uma imagem aleatória da página ou nenhuma.

Twitter Cards

O X usa tags próprias, mas recorre ao Open Graph para o que faltar, então você precisa principalmente de twitter:card para escolher o layout — summary_large_image para imagem em largura total, summary para uma miniatura quadrada pequena — e twitter:site para a conta a creditar. Título, descrição e imagem são repetidos aqui para redes que leem apenas o conjunto twitter:.

URL canônica e robots

O link canônico diz aos buscadores qual endereço é o original quando o mesmo conteúdo é acessível em várias URLs (com e sem parâmetros, http e https, barra final). Use sempre a URL absoluta completa. A tag robots geralmente é desnecessária — index, follow é o padrão — e só vale adicionar para manter uma página fora dos resultados com noindex.