Ir para o conteúdo principal
DesenvolvedorProcessado no seu navegador

Gerador de Meta Tags

Crie as tags de cabeçalho HTML otimizadas para SEO e Redes Sociais.

0 de 3 usos hoje · 3 restantes. Vire Pro e remova o limite.

Upgrade
Meta Tagstitle · og · twitter Processamento no dispositivo

Gerador de Meta Tags

Monte meta tags com preview visual antes de publicar — bundle completo com validação, importação e lote.

Preview
Google
Robots
index, follow
Alertas
3 alerta(s)
Bundle
Completo
01

Base do bundle

Title
Canonical
Meta description
OG title
OG URL
OG description
OG image
Twitter image
Largura OG
Altura OG
Theme color
Favicon
Twitter title
Twitter card
Twitter description
02

https://seusite.com/pagina

Insira o título da página

Insira a meta description.

Title é obrigatório.
Falta og:image para previews sociais.
Twitter card grande pede imagem explícita.
03

Importação por URL

Importe uma URL existente e compare as tags com o bundle atual.

URL para importar
Nenhum import executado.
Comparativo
Importe uma URL para ver o comparativo.
04

Lote e Exportação

Uma linha por página no formato título | descrição | canonical. Exporte em CSV.

Lote de páginas
Lote gerado
Insira linhas no campo ao lado.
Sobre

O que é Gerador de Meta Tags?

Por Quorify EditorialAtualizado em

O Gerador de Meta Tags do Quorify monta o bloco de tags que vai dentro do <head> da sua página e que define como ela aparece nos resultados de busca e ao ser compartilhada nas redes sociais. Você preenche campos como título, descrição, URL e imagem de capa, e a ferramenta gera de uma vez a meta description e o title tradicionais do SEO, as tags Open Graph (og:title, og:description, og:image, og:url) usadas por Facebook, LinkedIn e WhatsApp, e as tags Twitter Card que controlam a prévia no X. Escrever tudo isso à mão é repetitivo e fácil de errar: basta esquecer uma propriedade og: para o cartão de compartilhamento aparecer sem imagem ou com o título errado. O valor está em centralizar essas variações. Cada plataforma lê um conjunto próprio de tags, e elas se sobrepõem mas não são idênticas. A ferramenta cuida de manter título, descrição e imagem consistentes entre o resultado do Google, o card do Facebook e o card do Twitter, evitando que você cole o mesmo conteúdo em cinco lugares e esqueça de atualizar um deles. O resultado é um trecho HTML completo, pronto para copiar e colar dentro do <head>, que você pode revisar antes de publicar. A geração é feita inteiramente no navegador, sem enviar os dados da sua página para qualquer servidor. Isso significa que você pode preparar as tags de uma landing page ou de um lançamento ainda em segredo sem expor título, descrição ou URL antes da hora. Por rodar localmente, o HTML é montado instantaneamente conforme você digita, e você consegue iterar sobre a copy da descrição ou trocar a imagem de capa quantas vezes quiser. É um passo essencial de SEO on-page e de presença em redes sociais que costuma ser deixado para depois e acaba esquecido, custando cliques.

Casos

Quando usar

  1. Você acabou de criar uma landing page e precisa que o link, ao ser colado no WhatsApp, mostre título, descrição e imagem corretos. Gera as tags Open Graph e cola no head.

  2. Um artigo do blog está com prévia feia ao ser compartilhado no LinkedIn. Você ajusta a descrição e a imagem og: e regenera o bloco para corrigir o card.

  3. Antes de lançar uma campanha, você prepara as Twitter Cards de cada página de destino para garantir que os anúncios compartilhados apareçam com capa e título caprichados.

  4. Você mantém um site estático sem CMS e precisa escrever o <head> manualmente. A ferramenta gera todas as meta tags de SEO de cada página de uma vez.

  5. Em um lançamento sigiloso, você monta as meta tags da página localmente, sem expor o título nem a URL do produto a nenhum serviço antes da data de revelação.

Método

Como funciona

Preencha os campos com o título da página, a descrição (mantenha-a concisa, em torno de 150 a 160 caracteres para não ser cortada no Google), a URL canônica e o endereço da imagem de capa usada nos compartilhamentos. Conforme você digita, a ferramenta monta o bloco HTML com a meta description, as tags Open Graph e as Twitter Cards, todas com título, descrição e imagem consistentes entre si. Revise o trecho gerado e copie-o com um clique. Cole o bloco dentro da tag <head> do seu HTML, antes do fechamento, e publique. Como tudo é gerado no navegador, os dados da sua página, mesmo de um lançamento ainda secreto, não saem da sua máquina, e você pode iterar sobre a copy ou trocar a imagem livremente até o card ficar do jeito certo.

FAQ

Perguntas frequentes

Quais tipos de meta tags a ferramenta gera?
Ela gera as tags clássicas de SEO (title e meta description), as tags Open Graph para Facebook, LinkedIn e WhatsApp, e as Twitter Cards para a prévia no X, tudo com conteúdo consistente.
Qual o tamanho ideal da meta description?
Em torno de 150 a 160 caracteres. Acima disso, o Google costuma cortar o texto com reticências, então convém ser direto e incluir o essencial no início.
Onde colo o código gerado?
Dentro da tag <head> do HTML da página, antes do </head>. As meta tags precisam estar no cabeçalho para que buscadores e redes sociais as leiam ao processar a página.
A imagem de compartilhamento precisa de algum tamanho específico?
Para Open Graph e Twitter Cards, uma imagem na proporção 1200 por 630 pixels costuma renderizar bem na maioria das redes. Use uma URL pública apontando para essa imagem.
Meus dados são enviados para algum servidor?
Não. O bloco de tags é montado no seu navegador. Título, descrição e URL de páginas ainda não lançadas permanecem privados na sua máquina.
As tags garantem que vou aparecer melhor no Google?
Elas são um fator de SEO on-page e melhoram a aparência do seu resultado e dos cards sociais, mas o ranqueamento depende de muitos outros sinais além das meta tags.
Fontes

Fontes oficiais

Tabelas, leis e referências consultadas para fundamentar esta ferramenta.

  1. Documentação técnicaVigenteMDN Web Docs · Mozilla

    Web Standards

    Referência mais consultada do mundo para padrões da web — APIs JavaScript, HTML, CSS e protocolos do navegador.

  2. Standard internacionalVigenteWorld Wide Web Consortium (W3C)

    W3C Standards

    Organização que define os padrões oficiais da web — HTML, CSS, ARIA, e demais especificações implementadas por todos os navegadores.

  3. Standards internacionaisDatatrackerIETF · Internet Engineering Task Force

    RFC Documents

    Repositório oficial dos Request for Comments (RFCs) — documentos técnicos que definem protocolos e formatos da internet (HTTP, JSON, URI, UUID, etc).

Metodologia — esta ferramenta consulta as tabelas e legislação vigentes nas fontes acima. As regras são atualizadas conforme novas instruções normativas são publicadas pelos órgãos competentes.

Última verificação editorial: junho de 2026.

Compartilhe

§ Como usar

Como gerar meta tags SEO para qualquer página

Gere meta title, description, Open Graph e Twitter Card para qualquer URL — copie e cole no <head> da sua página.

  1. Preencha título e descrição

    Title: 50-60 caracteres com keyword principal. Description: 140-160 chars persuasivos. Contador em tempo real evita ultrapassar limite.

  2. Configure Open Graph (Facebook, LinkedIn)

    og:title (pode ser igual ou diferente do title), og:description, og:image (URL absoluta 1200×630). og:type article para blogs, website para landing.

  3. Configure Twitter Card

    summary_large_image (com imagem) ou summary (compacto). Twitter usa OG tags se não definir Twitter Card específico.

  4. Copie HTML pronto

    Cole no <head> da sua página. Inclui canonical, viewport, theme-color e favicon meta tags.

§ Por que usar

Benefícios

  • Title + meta description com contador

    50-60 chars title, 140-160 desc. Contador em tempo real evita ultrapassar limites Google.

  • Open Graph + Twitter Card

    Tags completas para compartilhamento social (Facebook, LinkedIn, Twitter, WhatsApp).

  • Canonical e viewport incluídos

    Tags básicas que devem aparecer em toda página. Não esquecer.

  • Copia HTML pronto

    Cole direto no <head>. Funciona com qualquer framework (HTML estático, Next.js, Vue, etc).

§ Para quem é

Casos de uso

  1. SEO especialista

    Gera meta tags otimizadas para landing page nova com title 50-60 chars e desc 140-160.

  2. Frontend developer

    Cria tags Open Graph + Twitter Card para garantir compartilhamento social bonito.

  3. Pequeno empresário

    Cria meta tags para site institucional. Não precisa contratar agência só para SEO básico.

Sobre Gerador de Meta Tags

Crie as tags de cabeçalho HTML otimizadas para SEO e Redes Sociais.

Por que usar

Diferenciais reais — sem promessa vazia.

Title + meta description com contador
50-60 chars title, 140-160 desc. Contador em tempo real evita ultrapassar limites Google.
Open Graph + Twitter Card
Tags completas para compartilhamento social (Facebook, LinkedIn, Twitter, WhatsApp).
Canonical e viewport incluídos
Tags básicas que devem aparecer em toda página. Não esquecer.
Copia HTML pronto
Cole direto no <head>. Funciona com qualquer framework (HTML estático, Next.js, Vue, etc).

Para quem é

Cenários reais de uso, por persona.

  • SEO especialista

    Gera meta tags otimizadas para landing page nova com title 50-60 chars e desc 140-160.

  • Frontend developer

    Cria tags Open Graph + Twitter Card para garantir compartilhamento social bonito.

  • Pequeno empresário

    Cria meta tags para site institucional. Não precisa contratar agência só para SEO básico.

Como gerar meta tags SEO para qualquer página

Gere meta title, description, Open Graph e Twitter Card para qualquer URL — copie e cole no <head> da sua página.

  1. Preencha título e descrição

    Title: 50-60 caracteres com keyword principal. Description: 140-160 chars persuasivos. Contador em tempo real evita ultrapassar limite.

  2. Configure Open Graph (Facebook, LinkedIn)

    og:title (pode ser igual ou diferente do title), og:description, og:image (URL absoluta 1200×630). og:type article para blogs, website para landing.

  3. Configure Twitter Card

    summary_large_image (com imagem) ou summary (compacto). Twitter usa OG tags se não definir Twitter Card específico.

  4. Copie HTML pronto

    Cole no <head> da sua página. Inclui canonical, viewport, theme-color e favicon meta tags.

§ Perguntas frequentes

Sobre esta ferramenta

A.

Podem ser iguais (caso simples) ou diferentes (caso avançado). Title: foco SEO/CTR no Google (50-60 chars com keyword). og:title: foco compartilhamento social (mais conversacional, sem keyword stuffing). Para 90% dos casos, mesma string funciona.

Relacionadas

Ferramentas relacionadas

toolLayout.related_description