Gerador de meta tags
Gere meta tags de SEO, Open Graph, article e Twitter Card com contadores de comprimento em tempo real para título e descrição e opções de robots, theme-color e autor.
Gerador de meta tags — Preencha o título, a descrição, a URL canônica, a imagem e o nome do site da sua página para obter um bloco pronto para colar de meta tags de SEO, Open Graph e Twitter Card para o head do seu HTML. As prévias ao vivo do SERP do Google e do cartão social mostram como a página vai aparecer na busca e ao ser compartilhada. Tudo é gerado no seu navegador — nada da sua página é enviado. Contadores em tempo real comparam o título e a descrição com os comprimentos recomendados, campos opcionais adicionam tags de robots, viewport, charset, theme-color e autor além de tags Open Graph específicas de artigos, e a ferramenta lê a URL da sua imagem para avisar sobre uma imagem de prévia ausente ou de tamanho incomum.
O que é Gerador de meta tags?
O Gerador de meta tags é uma ferramenta online gratuita que transforma alguns dados da página em um conjunto completo de meta tags HTML: as tags SEO padrão (title, meta description, link canônico), as tags Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) e as tags Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Profissionais de marketing, blogueiros e desenvolvedores a usam ao lançar uma página ou artigo para controlar como ela aparece nos resultados do Google e como o seu link se expande no Facebook, LinkedIn, X/Twitter, Slack e Discord. Escolha o og:type (website, article, product, profile ou video.other) e o estilo de twitter:card (summary, summary_large_image, app ou player), e a ferramenta escreve apenas as linhas dos campos que você preencher. Ela gera tags HTML simples — não rastreia o seu site nem lê a página por você. Contadores em tempo real avisam quando o título (cerca de 60 caracteres) ou a descrição (cerca de 160) fica longo demais, e a ferramenta carrega a URL da sua imagem para ler o tamanho real em pixels e avisar sobre uma imagem ausente ou grande/pequena demais. Campos opcionais adicionam uma diretiva robots, tags viewport e charset UTF-8, uma theme-color e um autor, além de article:published_time, article:author e article:section quando og:type é article.
Como usar Gerador de meta tags
- Digite o título da sua página — ele se torna as tags <title>, og:title e twitter:title.
- Escreva uma meta descrição (cerca de 150–160 caracteres) para as tags description, og:description e twitter:description.
- Insira a URL canônica da página e uma URL de imagem absoluta para a prévia do link.
- Adicione o nome do seu site e escolha o og:type e o twitter:card nos menus suspensos.
- Copie o bloco HTML gerado da caixa de saída e cole-o no <head> da sua página.
- Use as prévias do SERP do Google e do cartão social para conferir o resultado antes de publicar.
- Observe os contadores de comprimento em tempo real do título e da descrição e abra as opções ⚙ para adicionar tags de robots, viewport, charset, theme-color, autor ou de artigo.
Exemplos
Tags de um artigo de blog
Entrada
Título: How to Bake Sourdough Descrição: A beginner's guide to baking sourdough bread at home. URL: https://blog.example.com/sourdough og:type: article
Saída
<title>How to Bake Sourdough</title> <meta name="description" content="A beginner's guide to baking sourdough bread at home." /> <link rel="canonical" href="https://blog.example.com/sourdough" /> <meta property="og:title" content="How to Bake Sourdough" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary_large_image" />
Cartão social com imagem grande
Entrada
Imagem: https://example.com/og.png twitter:card: summary_large_image
Saída
<meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://example.com/og.png" />
Caracteres especiais são escapados
Entrada
Título: Tips & Tricks for "Pros"
Saída
<title>Tips & Tricks for "Pros"</title>
Artigo com tags de robots e de artigo
Entrada
Título: How to Bake Sourdough og:type: article Robots: index, follow article:published_time: 2024-05-01T09:00 article:section: Food
Saída
<meta name="robots" content="index, follow" /> <meta property="og:type" content="article" /> <meta property="article:published_time" content="2024-05-01T09:00" /> <meta property="article:section" content="Food" />
Perguntas frequentes
- Quais meta tags isto gera?
- Ele produz tags SEO padrão (<title>, meta descrição e um link canônico), tags Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) e tags Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Apenas as linhas dos campos que você preencher são incluídas, então você nunca recebe tags de espaço reservado vazias.
- Qual é a diferença entre og:type e twitter:card?
- og:type informa às plataformas que tipo de objeto a página é — website, article, product, profile ou video.other —, o que afeta como o link se expande. twitter:card escolhe o layout no X/Twitter: summary é uma miniatura pequena, summary_large_image mostra uma imagem grande em formato de banner, enquanto app e player são para aplicativos e mídia. Escolha o par que combina com o seu conteúdo.
- A URL da imagem deve ser absoluta?
- Sim. og:image e twitter:image devem ser URLs absolutas completas começando com https:// porque os rastreadores as buscam de fora do seu site — um caminho relativo como /og.png não carregará. Para melhores resultados, use uma imagem de 1200×630 em cartões grandes.
- Esta ferramenta rastreia ou lê a minha página no ar?
- Não. Ela apenas formata os valores que você digita em meta tags HTML. Não busca, rastreia nem analisa nenhuma URL — a URL canônica e a URL da imagem são escritas nas tags exatamente como estão, sem serem visitadas.
- Meus dados são enviados a um servidor?
- Não. As tags são criadas inteiramente no seu navegador com JavaScript. Nada do que você digita — incluindo títulos, URLs ou descrições não publicados — é enviado, armazenado ou transmitido a lugar algum, então é seguro usá-la em páginas privadas ou antes do lançamento.
- Qual deve ser o comprimento do título e da descrição?
- Mire em cerca de 60 caracteres ou menos para o título e aproximadamente 120–160 para a descrição; os buscadores truncam textos mais longos. A ferramenta mostra um contador em tempo real para cada um que muda de um estado aprovado para um aviso assim que você ultrapassa o comprimento recomendado.
- Que meta tags extras posso adicionar e como funcionam os avisos de imagem?
- Abra as opções ⚙ para adicionar uma diretiva robots (predefinições index/follow), uma tag viewport, uma tag charset UTF-8, uma theme-color e um autor; quando og:type é article, você também pode adicionar article:published_time, article:author e article:section. A ferramenta também carrega a URL da sua imagem no navegador para mostrar o tamanho real em pixels e avisar se ela estiver ausente ou muito distante do recomendado 1200×630.
Ferramentas relacionadas
Gerador de tags hreflang
Gera tags link hreflang para uma página multilíngue a partir de uma lista de pares de idioma e URL, com um x-default opcional e uma tag autorreferente.
Gerador de JSON-LD
Gere dados estruturados JSON-LD válidos para os esquemas Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList e Organization a partir de um formulário simples.
Verificador de densidade de palavras-chave
Analise a frequência de palavras e a densidade de palavras-chave em frases de 1, 2 ou 3 palavras, com filtro de palavras vazias e palavra-chave alvo.
Pré-visualização de Open Graph e cartão social
Pré-visualize como um link se expande em cartão social no X, LinkedIn, Slack, Discord e Facebook a partir de um título, uma descrição, uma URL de imagem e uma URL de página.