Gerador de Meta Tags

Quando o link compartilhado parece abandonado

Você já colou um link no WhatsApp e o preview apareceu errado? Título genérico, imagem aleatória ou nenhuma imagem. Às vezes nem descrição aparece.

Isso não é bug do WhatsApp. É ausência de meta tags.

Essas tags ficam no cabeçalho de cada página e funcionam como instruções pra quem vai exibir aquele link: título, descrição, imagem. O visitante nunca vê esse código, mas o Google lê, o LinkedIn lê, o WhatsApp lê. Quando elas não existem, cada plataforma chuta o que usar — e o resultado quase sempre é ruim.

As três partes do código

Quem nunca mexeu em meta tags pode achar que tudo é a mesma coisa. Não é.

SEO é o conjunto de tags que ajuda o Google a entender a página. O <title>vira o texto clicável nos resultados de busca. A meta description é o trecho de texto que aparece abaixo. Títulos longos são cortados, descrições em branco fazem o algoritmo escolher um pedaço qualquer do texto da página. Não é ideal.

Open Graph entra em cena quando alguém compartilha o link numa rede social. O Facebook criou esse padrão, e hoje LinkedIn, WhatsApp e Telegram seguem. São as tags og: que definem o que vai aparecer no preview: título, texto e imagem.

Twitter Card segue a mesma lógica, mas com tags próprias. Quem não tem presença ativa no Twitter pode ignorar por agora. Quem usa, vale configurar: o formato summary_large_imageexibe a imagem em destaque no feed e chama bem mais atenção do que o card compacto.

O título e o limite de 60 caracteres

O contador na ferramenta não é sugestão. Títulos com mais de 60 caracteres são cortados nos resultados de busca com reticências, e a parte que foi embora geralmente era justamente o diferencial do texto.

Tem outro efeito que pouca gente menciona: quando o título é muito longo ou parece genérico, o Google às vezes o substitui por um que ele mesmo escolheu. Isso costuma acontecer em sites que repetem o mesmo título em várias páginas. Cada página tem um assunto, e o título deveria refletir isso.

Descrição segue a mesma lógica, mas o limite fica em torno de 155 caracteres. O Search Console não pune quem ultrapassa, mas o texto é cortado na exibição. Escrever o mais importante primeiro ajuda mais do que tentar caber tudo num período longo.

A imagem que aparece quando alguém compartilha

Posts com imagem recebem mais cliques. Isso vale tanto pra compartilhamentos em redes sociais quanto pra resultados de busca quando disponíveis.

O tamanho recomendado é 1200 × 630px. Não precisa ser exato, mas essa proporção evita que a imagem apareça cortada no Facebook ou com bordas brancas no LinkedIn.

Tem um detalhe aqui: a imagem precisa estar disponível publicamente. Se estiver numa pasta protegida ou atrás de login, nenhuma plataforma vai conseguir carregar o preview, e você não vai receber nenhum aviso sobre isso.

Outro ponto que costuma confundir: depois de adicionar ou trocar a imagem, o preview antigo às vezes continua aparecendo. O Facebook guarda essas informações em cache. Pra forçar a atualização, ele tem o Sharing Debugger e o LinkedIn tem o Post Inspector. Cola a URL lá e pede pra reprocessar.

Onde colocar o código

Quem usa Yoast ou Rank Math dificilmente vai precisar colar esse código manualmente. Os dois plugins geram as meta tags automaticamente com base no que você preenche no editor de cada post. A ferramenta aqui é mais útil pra testar combinações antes de publicar, visualizar como o código vai ficar ou configurar páginas que ficam fora do fluxo normal do blog.

Em sites sem plugin de SEO, o código vai dentro da tag <head>, antes do</head>. No WordPress, o WPCode é a forma mais prática de inserir o trecho sem precisar editar arquivo de tema. Em HTML estático, vai direto no arquivo da página.

Index, noindex e quando usar cada um

Na prática, a maioria das páginas fica com index, follow e nunca precisa mexer nisso.

noindex existe pra páginas que não deveriam aparecer no Google: página de obrigado depois de formulário, carrinho de compras, área de login, resultados de busca interna. Páginas que o site precisa ter, mas que não têm valor como resultado de busca.

nofollow é menos comum ainda. Diz ao Google pra não passar autoridade pelos links da página. Raramente necessário em páginas normais.

Erros que aparecem sempre

Três situações recorrentes em sites que nunca tiveram as meta tags revisadas.

O mesmo título em todas as páginas. O Google indexa tudo, mas fica confuso sobre qual mostrar pra qual busca. Com títulos únicos por página, cada uma começa a aparecer pras buscas certas.

Meta description em branco. O algoritmo escolhe um trecho do texto pra substituir. Às vezes escolhe bem, mas quem escreveu a página sabe melhor o que vai fazer o leitor clicar.

Imagem de Open Graph em tamanho errado ou sem imagem nenhuma. Quando a tag og:image não existe, o Facebook pega qualquer imagem que encontrar na página. Pode ser um ícone, um logo pequeno, ou nada.

Perguntas frequentes