1001Ferramentas
🏷️ SEO

Gerador de Meta Tags Completo

Conjunto completo de meta tags: charset, viewport, description, OG, Twitter, theme-color, canonical e hreflang.

Bloco para colar dentro do <head>:

O head que faz o link virar card

Você cola o link do seu site no WhatsApp e aparece só a URL crua, sem título, sem imagem, sem nada. No LinkedIn sai um retângulo cinza. O motivo quase sempre é o mesmo: falta o bloco de Open Graph no head, ou ele está lá com a imagem em caminho relativo, que nenhum crawler resolve. Montar essas linhas do zero, na pressa do deploy, é onde nascem os erros de digitação.

Sete campos geram dezesseis linhas: charset, viewport, theme-color, title, description, canonical, cinco propriedades og e cinco twitter. Os valores são escapados para &, < e aspas, então um E comercial no título não estoura o atributo. Dois detalhes de convenção: og:type sai fixo como website (troque para article em post) e twitter:card sai como summary_large_image. O campo de idioma alimenta apenas og:locale, e a convenção do Open Graph ali é underscore, pt_BR, não o pt-BR que vem preenchido.

O resumo da ferramenta cita hreflang, mas o bloco gerado não inclui nenhuma linha link rel=alternate hreflang — isso continua manual, uma linha por idioma. Também não sai o atributo lang do html nem a meta robots. A imagem precisa ser URL absoluta, de preferência 1200 por 630. Depois de colar, valide no depurador de compartilhamento do Facebook para forçar a releitura do cache. Roda no navegador, nada sai da sua máquina.

Perguntas frequentes

O bloco inclui hreflang?
Não, apesar de o resumo mencionar. Adicione manualmente uma linha link rel=alternate hreflang por versão de idioma, incluindo a x-default.
Preciso das tags twitter se já tenho as og?
O X usa as og como fallback, então funciona sem elas. A twitter:card ainda vale para forçar o card com imagem grande.
og:locale usa hífen ou underscore?
Underscore: pt_BR, en_US. O campo aceita o que você digitar, então ajuste se for colar direto no head.

Ferramentas Relacionadas