Gerador de Meta Tags
Gere meta tags de SEO, Open Graph e Twitter Card a partir de um formulário simples no seu navegador. Os detalhes da sua página ficam no seu dispositivo.
O Gerador de Meta Tags roda inteiramente no seu navegador. O título, a descrição, as URLs e os outros detalhes da página que você insere nunca saem do seu dispositivo e nada é enviado à ArrayKit.
Abrir o Gerador de Open Graph
Sobre Gerador de Meta Tags
O Gerador de Meta Tags transforma um formulário curto em um bloco pronto para copiar de tags do head HTML para mecanismos de busca e compartilhamento em redes sociais. Preencha um título, descrição, URL canônica, autor, palavras-chave, diretiva robots e theme-color, depois adicione campos de Open Graph e Twitter Card para pré-visualizações ricas de links. Ele emite um conjunto limpo de tags <meta> e <link>, faz o escape de HTML em cada atributo para que aspas e e-comerciais permaneçam válidos, e pula os campos que você deixa em branco. Título, descrição e URL do Open Graph recorrem aos seus equivalentes padrão, então um título preenchido ainda alimenta seu cartão social. Uma pré-visualização ao vivo mostra aproximadamente como o cartão fica antes de você colar as tags no <head>. É feito para desenvolvedores, pessoal de SEO e equipes de conteúdo. Tudo roda no seu dispositivo — nada sobre a sua página é enviado a lugar nenhum.
Recursos
- Monta tags de SEO: título, descrição, palavras-chave, autor, robots e link canonical
- Gera tags de Open Graph para título, descrição, imagem, URL e tipo
- Gera tags de Twitter Card incluindo tipo de cartão, site e criador
- Faz escape de HTML em aspas e e-comerciais para que cada valor de atributo permaneça válido
- Omite os campos em branco para que a saída contenha só as tags que você definiu de fato
- Título, descrição e URL do Open Graph recorrem aos campos padrão
- Pré-visualização ao vivo do cartão social aproxima como o link vai aparecer
- Copie o bloco inteiro ou baixe-o como um trecho HTML
Como usar Gerador de Meta Tags
- Insira seu título, descrição e URL canônica
- Adicione autor, palavras-chave, robots e theme-color se você quiser
- Preencha os campos de Open Graph e Twitter Card para as pré-visualizações sociais
- Copie o bloco gerado e cole-o no <head> da sua página
Exemplo
Entrada
title: My Page
description: A short summary
og:image: https://example.com/og.png
Saída
<title>My Page</title>
<meta name="description" content="A short summary" />
<meta property="og:image" content="https://example.com/og.png" />
Os campos do formulário viram tags <title>, <meta> e <link> para o head.
Erros comuns e solução de problemas
- A imagem de pré-visualização social não aparece quando o link é compartilhado. — Use uma URL og:image absoluta (começando com https://) e uma imagem grande o suficiente; muitas plataformas cacheiam pré-visualizações, então re-escaneie com o depurador da plataforma após as mudanças.
- A descrição ou o título parece quebrado por conter uma aspa ou e-comercial. — Nada a corrigir aqui — o gerador faz escape de HTML em aspas para " e e-comerciais para & automaticamente, então cole a saída como está.
- Os mecanismos de busca indexam uma página que você queria escondida. — Defina robots como noindex, follow (ou noindex, nofollow). Lembre-se de que as meta tags robots são um pedido, não controle de acesso, e só se aplicam a páginas que os rastreadores conseguem alcançar.
- Avisos de conteúdo duplicado em URLs semelhantes. — Defina a URL canônica como o único endereço preferido da página para que os mecanismos consolidem os sinais de ranqueamento em uma URL.
Perguntas frequentes
- O que o Gerador de Meta Tags produz?
- Ele produz um bloco pronto para copiar de tags do head HTML — um <title>, meta tags <meta> de SEO padrão, um <link> canonical, além de meta tags <meta> de Open Graph e Twitter Card — montado a partir dos valores que você digita no formulário.
- Como as tags de Open Graph e Twitter Card diferem das meta tags comuns?
- Tags padrão como description e robots miram os mecanismos de busca. As tags de Open Graph (og:) controlam como um link aparece quando compartilhado no Facebook, LinkedIn e similares, enquanto as tags de Twitter Card controlam a pré-visualização no X/Twitter. Esta ferramenta emite as três a partir de um formulário.
- Preciso preencher todos os campos para obter meta tags válidas?
- Não. Deixe qualquer campo em branco e sua tag é simplesmente omitida da saída. Título, descrição e URL do Open Graph também recorrem ao seu título, descrição e URL canônica padrão quando deixados vazios.
- O gerador faz escape de caracteres especiais no meu título e descrição?
- Sim. Aspas, e-comerciais e colchetes angulares recebem escape de HTML em cada valor de atributo (por exemplo, " vira " e & vira &), então as tags permanecem válidas mesmo com pontuação no seu texto.
- Onde coloco as meta tags geradas?
- Cole o bloco inteiro dentro do elemento <head> da sua página HTML, antes do </head> de fechamento. Você pode copiá-lo ou baixá-lo como um trecho HTML para inserir no seu template.
- As informações da minha página são enviadas a um servidor?
- Não. O Gerador de Meta Tags roda inteiramente no seu navegador. O título, a descrição, as URLs e os outros campos que você insere nunca saem do seu dispositivo e não são enviados à ArrayKit.
Ferramentas relacionadas
Todas as ferramentas de ArrayKit