O que são Meta Tags?
Meta tags são trechos de código HTML que fornecem informações sobre uma página da web para mecanismos de busca e plataformas de redes sociais. Elas não aparecem na página em si, mas desempenham um papel crucial em como seu conteúdo é exibido nos resultados de busca e quando compartilhado em redes sociais.
Por que Meta Tags são Importantes
Otimização para Mecanismos de Busca
Compartilhamento em Redes Sociais
Consistência da Marca
Três Tipos de Meta Tags
Esta ferramenta gera três categorias de meta tags para otimizar sua presença na web:
Tags SEO Básicas
Metadados essenciais para visibilidade em mecanismos de busca e indexação
- Título e descrição
- Palavras-chave e autor
- Diretivas robots
- URL canonical
Tags Open Graph
Controle a aparência em plataformas sociais principais
- Facebook e LinkedIn
- Pinterest e Slack
- Imagens e títulos personalizados
- Definições de tipo de conteúdo
Tags Twitter Card
Defina o layout do card e conteúdo para X (Twitter)
- Cards de resumo
- Cards com imagem grande
- Atribuição de autor
- Identificadores de site
- 1. O que são Meta Tags?
- 2. Como Usar o Gerador de Meta Tags
- 3. Recursos
- 4. Perguntas Frequentes
- 4.1. Qual é o comprimento ideal para um meta título?
- 4.2. Qual é o comprimento ideal para uma meta descrição?
- 4.3. Preciso de tags Open Graph e Twitter Card?
- 4.4. Qual tamanho de imagem devo usar para Open Graph?
- 4.5. Qual é a diferença entre summary e summary_large_image para Twitter cards?
- 4.6. Onde devo colar o código gerado?
- 4.7. Meta tags de palavras-chave ainda são úteis?
Como Usar o Gerador de Meta Tags
Preencha o SEO Básico
Comece pela aba SEO Básico. Digite seu título da página e meta descrição — estas são as tags mais importantes para visibilidade em mecanismos de busca. O contador de caracteres ajuda você a manter-se dentro dos limites ideais:
- Título da Página — Procure por 50–60 caracteres. Isso aparece como o título clicável nos resultados de busca
- Meta Description — Procure por 150–160 caracteres. Este é o texto de resumo abaixo do título nos resultados de busca
- Opcionalmente, adicione palavras-chave, nome do autor, URL canonical e diretivas robots
Personalize o Open Graph (Opcional)
Mude para a aba Open Graph para personalizar como sua página aparece no Facebook, LinkedIn e outras plataformas sociais. Se deixar campos em branco, eles usarão automaticamente valores da aba SEO Básico.
- Selecione o tipo de conteúdo (website, artigo, produto, vídeo ou perfil)
- Adicione uma URL de imagem — o tamanho recomendado é 1200 x 630 pixels para melhor exibição
- Defina seu nome de site e idioma
Personalize o Twitter Card (Opcional)
Mude para a aba Twitter Card para controlar como sua página aparece quando compartilhada no X (Twitter). Os campos herdam primeiro do Open Graph e depois do SEO Básico.
- Escolha entre summary (imagem pequena) ou summary_large_image (imagem grande) como tipo de card
- Adicione seus identificadores do Twitter para atribuição de site e autor
Visualize e Copie
Use o painel de visualização à direita para ver como sua página aparecerá no Google, Facebook e X. Quando estiver satisfeito, clique em Copiar Código para copiar o HTML gerado e colar na seção <head> da sua página.
Recursos
Padrões Inteligentes
Você só precisa preencher a aba SEO Básico. Os campos Open Graph herdam automaticamente do SEO Básico, e os campos Twitter Card herdam do Open Graph (depois do SEO Básico). Substitua qualquer campo individualmente quando precisar de texto diferente para compartilhamento em redes sociais.
Entrada Manual
- Preencha todos os campos separadamente
- Duplique conteúdo entre abas
- Risco de inconsistência
- Processo demorado
Herança Automática
- Preencha uma vez, aplique em todos os lugares
- Propagação automática de valores
- Consistência garantida
- Economize tempo e esforço
Visualização ao Vivo em Múltiplas Plataformas
Veja exatamente como sua página aparecerá em três plataformas antes de publicar:
Google SERP
X (Twitter)
Validação de Contagem de Caracteres
Contagem de caracteres em tempo real com indicadores codificados por cor ajuda você a escrever conteúdo de meta tags com comprimento ideal:
Saída de Código Limpo
O HTML gerado possui destaque de sintaxe para fácil leitura e inclui apenas as tags que você preencheu — sem tags vazias ou desnecessárias. Um clique copia o código completo para sua área de transferência.
Saída Limpa
Inclui apenas tags com valores
- Sem tags vazias
- HTML formatado corretamente
- Destaque de sintaxe
Copiar com Um Clique
Integração instantânea com a área de transferência
- Copie todas as tags de uma vez
- Pronto para colar
- Sem necessidade de formatação manual
Diretivas Robots
Alterne as diretivas index/noindex e follow/nofollow diretamente. Quando ambas estão definidas como padrão (index, follow), a tag robots é omitida, pois é desnecessária.
Perguntas Frequentes
Qual é o comprimento ideal para um meta título?
O Google normalmente exibe os primeiros 50–60 caracteres de uma tag de título. Manter seu título dentro desse intervalo garante que não será truncado nos resultados de busca. O contador de caracteres fica amarelo quando você se aproxima do limite e vermelho quando o excede.
Qual é o comprimento ideal para uma meta descrição?
Meta descrições devem ter entre 150–160 caracteres. Embora o Google nem sempre use sua descrição (pode gerar a sua própria), uma descrição bem escrita pode melhorar significativamente as taxas de cliques.
Preciso de tags Open Graph e Twitter Card?
O Twitter pode recorrer às tags Open Graph, então tecnicamente você só precisa de tags OG para compartilhamento social básico. No entanto, as tags Twitter Card lhe dão mais controle sobre como seu conteúdo aparece no X (antigo Twitter), incluindo a escolha entre layouts de card summary e large image.
- Tags Open Graph funcionam em praticamente todas as plataformas
- Tags Twitter Card fornecem personalização específica do X
- Usar ambas garante exibição ideal em todos os lugares
Qual tamanho de imagem devo usar para Open Graph?
O tamanho de imagem recomendado é 1200 x 630 pixels (proporção 1.91:1). Isso funciona bem no Facebook, LinkedIn, X e outras plataformas. Use imagens de alta qualidade que representem seu conteúdo.
| Plataforma | Tamanho Recomendado | Proporção |
|---|---|---|
| 1200 x 630 px | 1.91:1 | |
| 1200 x 627 px | 1.91:1 | |
| X (Twitter) | 1200 x 628 px | 1.91:1 |
Qual é a diferença entre summary e summary_large_image para Twitter cards?
Layout Compacto
- Miniatura quadrada pequena à esquerda
- Conteúdo de texto à direita
- Menos espaço visual
- Melhor para conteúdo focado em texto
Layout Visual
- Imagem grande exibida acima do texto
- Presença visual mais proeminente
- Ocupa mais espaço na timeline
- Melhor para conteúdo visual
Onde devo colar o código gerado?
Coloque as meta tags geradas dentro da seção <head> da sua página HTML, antes da tag de fechamento </head>.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- Paste generated meta tags here -->
<meta name="title" c>
<meta name="description" c>
<!-- ... more meta tags ... -->
</head>
<body>
<!-- Your content -->
</body>
</html>Meta tags de palavras-chave ainda são úteis?
O Google afirmou que não usa a meta tag de palavras-chave para classificação. No entanto, alguns outros mecanismos de busca (como Bing) e ferramentas de busca interna podem ainda consultá-la. É opcional e de baixa prioridade.
| Mecanismo de Busca | Usa Meta Tag de Palavras-chave | Prioridade |
|---|---|---|
| Não | Não usado para classificação | |
| Bing | Limitado | Consideração menor |
| Busca Interna | Sim | Uso específico do site |
Ainda não há comentários. Seja o primeiro a comentar!