Gerador de Meta Tags para SEO e Compartilhamento Social
O gerador de meta tags monta o bloco completo de tags HTML <meta> que a sua página precisa para os mecanismos de busca e as redes sociais. Digite o título e a descrição uma única vez, e a ferramenta escreve para você as tags de SEO, Open Graph e Twitter Card. Foi feito para quem quer um <head> limpo e correto sem decorar a sintaxe das tags.
Você trabalha em três abas — SEO básico, Open Graph e Twitter Card — enquanto uma pré-visualização ao vivo mostra como a página vai aparecer no Google, no Facebook e no X (Twitter). Quando o código estiver do jeito certo, um clique copia o HTML gerado para você colar direto na sua página.
Como Usar o Gerador de Meta Tags
Preencha o SEO básico
Na aba SEO básico, informe o Título da página (mire em 50–60 caracteres) e a Meta description (mire em 150–160 caracteres). Adicione palavras-chave, autor, URL canônica e diretivas robots se precisar.
Personalize o Open Graph
Vá para a aba Open Graph para controlar como a página aparece no Facebook, no LinkedIn e em plataformas parecidas. Escolha um tipo de conteúdo, adicione a URL de uma imagem (1200 x 630 px) e defina o nome do site e o idioma. Campos vazios usam os valores do SEO básico.
Personalize o Twitter Card
Na aba Twitter Card, escolha o layout summary ou summary_large_image e adicione os perfis do site e do autor. Esses campos herdam primeiro do Open Graph e depois do SEO básico.
Pré-visualize e copie
Confira a pré-visualização ao vivo no Google, no Facebook e no X. Quando estiver do jeito certo, clique em Copiar código e cole as tags geradas dentro da seção <head> da sua página.
Recursos
Meta tags de SEO básico
Gere as tags de título, descrição, palavras-chave, autor, robots e link canonical para os mecanismos de busca.
Tags Open Graph
Monte og:type, título, descrição, URL, imagem, texto alternativo, nome do site e idioma para o Facebook e o LinkedIn.
Tags Twitter Card
Gere as tags de tipo de card, título, descrição, imagem, site e autor para os compartilhamentos no X (Twitter).
Valores inteligentes
Os campos de Open Graph herdam do SEO básico e os do Twitter herdam do Open Graph, então você só substitui quando precisa de um texto diferente.
Pré-visualização em várias plataformas
Veja a sua página como um resultado no SERP do Google, um card do Facebook e um card do X (Twitter) antes de publicar.
Troca de layout do card
Alterne o card do Twitter entre summary e summary_large_image e veja a pré-visualização atualizar na hora.
Validação da contagem de caracteres
Contadores coloridos para título e descrição: verde dentro do ideal, amarelo perto do limite, vermelho acima dele.
Diretivas robots
Defina index/noindex e follow/nofollow; a tag robots é omitida quando ambos ficam no padrão index, follow.
Saída de código limpa
HTML com destaque de sintaxe que inclui apenas as tags que você preencheu — sem tags vazias ou desnecessárias.
Cópia com um clique e botão para limpar
Copie o código completo para a área de transferência com um clique, ou limpe todos os campos para começar de novo.
Perguntas Frequentes
O que é uma meta tag?
Uma meta tag é um trecho de HTML que dá aos mecanismos de busca e às redes sociais informações sobre uma página. As meta tags não aparecem na página em si, mas definem como o seu conteúdo é exibido nos resultados de busca e quando é compartilhado nas redes sociais.
Como criar meta tags para o meu site?
Preencha o título e a descrição na aba SEO básico e, se quiser, ajuste as abas Open Graph e Twitter Card. Este gerador escreve o HTML para você. Clique em Copiar código e cole as tags dentro da seção <head> da sua página, antes da tag de fechamento </head>. Em um CMS como o WordPress, use um plugin de SEO ou a seção de cabeçalho personalizado do seu tema.
Qual deve ser o tamanho da tag de título e da meta description?
Mire em 50–60 caracteres para o título e 150–160 caracteres para a descrição, para que não sejam cortados nos resultados de busca. O contador de caracteres fica amarelo ao se aproximar do limite e vermelho quando você o ultrapassa.
Qual a diferença entre as tags Open Graph e Twitter Card?
As tags Open Graph controlam como uma página aparece quando compartilhada no Facebook, no LinkedIn e em plataformas parecidas. As tags Twitter Card fazem o mesmo no X (Twitter). O X pode recorrer às tags Open Graph, então só as tags OG já cobrem o compartilhamento básico — mas as tags Twitter Card dão controle extra, incluindo a escolha entre um card summary e um com imagem grande.
Qual o tamanho recomendado da imagem Open Graph?
Use 1200 x 630 pixels (proporção de 1,91:1). Esse tamanho aparece bem no Facebook, no LinkedIn, no X e em outras plataformas. Escolha uma imagem nítida e de alta qualidade que represente o seu conteúdo.
Qual a diferença entre os cards summary e summary_large_image?
Um card summary mostra uma miniatura quadrada pequena ao lado do texto. Um card summary_large_image exibe uma imagem grande acima do texto, ocupando mais espaço no feed. Alterne entre eles na aba Twitter Card e a pré-visualização atualiza na hora.
As meta tags ajudam no SEO?
Sim — tags de título e descrição bem escritas podem melhorar a sua taxa de cliques nos resultados de busca, e as tags Open Graph e Twitter Card deixam os links compartilhados mais atraentes. Vale lembrar que o Google não usa mais a meta tag de palavras-chave para ranqueamento; ela é opcional e de baixa prioridade, embora outros buscadores e ferramentas de busca interna ainda possam considerá-la.
Ainda não há comentários. Seja o primeiro a comentar!