Gerador de meta tags para SEO e redes sociais
As meta tags são informações colocadas no <head> de uma página que não aparecem no conteúdo, mas dizem ao Google, ao WhatsApp, ao Facebook, ao LinkedIn e ao X (Twitter) qual é o título, a descrição e a imagem que devem ser exibidos. Bem preenchidas, aumentam os cliques nos resultados de busca e fazem os links compartilhados aparecerem com miniatura e texto atraentes. Este gerador cria o código completo — SEO básico, Open Graph e Twitter Card — e mostra prévias de como a página vai aparecer.
As meta tags que realmente importam
| Tag | Para que serve |
|---|---|
<title> | Título exibido na aba do navegador e, geralmente, como link azul no Google. É o elemento mais importante. |
meta description | Resumo exibido abaixo do título nos resultados. Não influencia diretamente a posição, mas influencia o clique. |
link rel="canonical" | Indica a URL oficial da página e evita que versões duplicadas (com parâmetros, http/https, www) disputem entre si. |
meta robots | Diz se a página pode ser indexada (index/noindex) e se os links devem ser seguidos. |
og:title, og:description, og:image | Protocolo Open Graph: título, texto e imagem dos cartões ao compartilhar no WhatsApp, Facebook, LinkedIn, Telegram, Discord e outros. |
twitter:card | Formato do cartão no X; summary_large_image mostra a imagem grande. |
viewport | Essencial para a página se adaptar a celulares. |
A antiga meta keywords não é mais usada pelo Google desde 2009 e por isso não é gerada.
Tamanhos recomendados
- Título: de 50 a 60 caracteres. O Google corta por largura em pixels (cerca de 580 px no computador), por isso letras largas como M e W ocupam mais espaço. A prévia simula esse corte.
- Descrição: de 120 a 160 caracteres, com o benefício principal e, se fizer sentido, uma chamada para ação.
- Imagem Open Graph: 1200 × 630 px (proporção 1,91:1), em JPG ou PNG, de preferência abaixo de 1 MB para carregar rápido no WhatsApp.
Dicas para títulos e descrições que geram cliques
- Coloque a palavra-chave principal no começo do título.
- Escreva um título único para cada página do site.
- Termine o título com o nome da marca, separado por
|ou-. - Na descrição, responda à pergunta de quem está buscando e use verbos de ação ("aprenda", "compare", "calcule").
- Evite repetir palavras-chave de forma artificial.
Como instalar o código
Copie o código gerado e cole dentro do <head> da página. Em CMSs como WordPress, plugins de SEO preenchem essas tags por você a partir dos campos de título e descrição. Depois de publicar, teste o resultado: no WhatsApp, a prévia pode ficar em cache por algum tempo; ferramentas de depuração das próprias redes permitem forçar a atualização.
Para criar a URL amigável da página, use o gerador de slug; para o ícone do site, o gerador de favicon; e para proteger o site, o gerador de headers de segurança.