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?
Preciso das tags twitter se já tenho as og?
og:locale usa hífen ou underscore?
Ferramentas Relacionadas
Analisador de Meta Tags
Cole o HTML de uma página e veja todas as meta tags (description, keywords, Open Graph, Twitter, viewport, robots) extraídas e organizadas. Tudo no navegador.
Gerador de Meta Tags
Gere as meta tags de SEO — title, description, canonical e Open Graph — em segundos. Cole o HTML gerado diretamente no código do seu site.
Validador de Open Graph
Verifica as principais tags og:* (title, description, image, url, type, locale) e aponta o que está incompleto. Pré-visualização do card.