Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvendo ferramentas de IA para empresas. Alta qualidade. Preço acessível.Enviar mensagem no Telegram

Gerador online de meta tags: como escrever título, descrição e código Open Graph e inserir código.

Gerador online de meta tags: título, descrição e Open Graph com pré-visualização e código HTML pronto.

O que você vai receber

  • Um bloco HTML pronto para uso com título, descrição, URL canônica, robots.txt, Open Graph e Twitter Card — grátis
  • Fórmulas para título e descrição do artigo principal, da categoria, do produto e do artigo.
  • Entender onde inserir código no WordPress, em um construtor de sites ou em um site personalizado.
Aplicar: em 15 minutosSalvamentos: tempo gasto escrevendo e depurando código manualmente na cabeça

Resumindo: para criar meta tags online, abra o Gerador de Meta Tags gratuito do PromoPilot, preencha os campos de título, descrição, canonical, robots.txt, Open Graph e Twitter Card. Uma pré-visualização do conteúdo Google e Facebook aparecerá à direita, juntamente com o código HTML finalizado abaixo. Basta copiá-lo com um clique e colá-lo no <head> da página. Você pode começar do zero ou baixar as tags de uma página existente por meio de um link e editá-las. Abaixo, você encontrará instruções sobre como preencher cada campo e evitar erros comuns.

Eu crio sites há 12 anos, e as meta tags são a primeira coisa que se perde ao reformular um modelo. O gerador é uma mão na roda quando preciso montar rapidamente o bloco certo para uma landing page ou página inicial sem ter que me lembrar da sintaxe og: e twitter::.

O que o gerador de meta tags cria?

O gerador é um formulário com dicas que transforma seu texto em código válido. Aqui estão os campos que ele preenche e suas funções.

Campo O que você deve inserir? Por que o site precisa disso?
Título Título da página, recomenda-se entre 30 e 60 caracteres. Link azul nos resultados de pesquisa Google e na aba do navegador
Meta descrição Descrição, recomenda-se entre 120 e 160 caracteres. Texto candidato para trecho sob o título
URL canônica Endereço da página principal Mescla duplicados com parâmetros e tags UTM.
Robôs indexar/não indexar, seguir/não seguir Ativa ou desativa a indexação de uma página.
Gráfico aberto og:título, og:descrição, og:imagem (1200×630), og:tipo, og:locale Pré-visualização de links no Facebook, LinkedIn e mensageiros.
Cartão do Twitter twitter:card (summary_large_image ou summary), título, descrição Link para o cartão no X (Twitter)

Abaixo dos campos, encontram-se contadores de caracteres com intervalos recomendados; à direita, uma pré-visualização ao vivo do snippet Google e da publicação Facebook; e, na parte inferior, o HTML gerado.

Como criar meta tags online?

Meta tags em 4 passos: baixe as tags atuais, preencha o título e a descrição, adicione o URL canônico e o Open Graph, copie o HTML para o cabeçalho.

  1. Abra o Gerador de Meta Tags. Se a página já existir, cole o endereço no campo superior e clique em "Carregar" – as tags atuais serão inseridas no formulário.
  2. Escreva o título e a descrição, prestando atenção aos contadores. Uma barra vermelha indica que o texto está mais curto ou mais longo do que o normal.
  3. Especifique o endereço canônico - o endereço completo da página com https://, sem parâmetros.
  4. Selecione "robôs". Para uma página normal, index, follow. noindex é apenas para páginas de serviço: carrinho de compras, conta pessoal e resultados de pesquisa do site.
  5. Preencha o Open Graph e o Twitter Card: uma imagem de 1200×630, o tipo ( website para a página principal, article para o artigo, product para o produto) e o idioma, por exemplo ru_RU ou en_US.
  6. Confira a pré-visualização e copie o código HTML usando o botão de copiar.

A saída será algo como este bloco, que é inserido no <head>:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

Observação: o título original (og:title) não precisa ser uma cópia exata do título. Nas redes sociais, termos como "marca" e "comprar" soam insistentes, portanto, um título mais sugestivo é mais apropriado, e o título deve refletir a consulta de busca.

Esta é a aparência do espaço de trabalho: uma linha para carregar tags por meio de um link, um formulário à esquerda e uma pré-visualização Google e Facebook à direita.

Página da ferramenta gratuita Meta Tag Generator da PromoPilot: upload de tags de URL, campos de título e descrição, pré-visualizações para Google e Facebook.

Como escrever um título e uma descrição que atraiam cliques?

O gerador rastreia o comprimento, mas não o conteúdo. Aqui estão as fórmulas que uso para diferentes tipos de página:

  • Página inicial: Что продаёте + для кого / где | Бренд — por exemplo, Мебель из массива дуба на заказ | Woodline.
  • Categoria: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Produto: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Artigo: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Escreva sua descrição como uma breve promessa: o que a pessoa encontrará na página e por que ela deveria clicar. Ruim: "Bem-vindo ao nosso site! Oferecemos uma ampla variedade de..." Bom: "120 mochilas de couro em estoque, entrega em toda a Europa em 2 a 4 dias, devoluções gratuitas em até 30 dias. Escolha um modelo por tamanho e cor."

Erros comuns de código que o gerador ajuda a evitar:

  1. Existem duas tags de título na página — uma do modelo e a outra do plugin. Depois de colar o código, verifique se a tag antiga foi removida.
  2. Endereço relativo em og:image ( /img/cover.jpg) — as redes sociais esperam o endereço completo com https://.
  3. Ter o atributo "canonical" na página inicial de todas as páginas é um erro comum em modelos que faz com que as páginas sejam removidas do índice.
  4. noindex, esquecido após o desenvolvimento - o site é lançado, mas o mecanismo de busca não o encontra.

Onde devo colar o código gerado?

O código é inserido no <head>, mas o método depende do mecanismo de busca. Em um site personalizado, ele é inserido diretamente no modelo HTML da página. No WordPress, é mais fácil evitar colar o código manualmente e, em vez disso, importar o texto do gerador para os campos de um plugin de SEO (Yoast SEO ou Rank Math): o plugin irá gerar as tags automaticamente e evitar duplicatas. Em construtores de sites, procure pela seção "SEO" nas configurações da página.

Após a publicação, verifique os resultados: nosso artigo sobre análise de meta tags explicará como garantir que as tags na página publicada correspondam às desejadas, e nosso artigo sobre pré-visualizações de SERP explicará como visualizar o snippet nos resultados de pesquisa em um celular.

Comparação: Gerador de Meta Tags e Alternativas

Ferramenta O que é grátis? Restrições Para quem é indicado?
PromoPilot — Gerador de Meta Tags Título, descrição, canônico, robôs, OG e Twitter Card, pré-visualizações Google e Facebook, HTML pronto. Escreva os textos uma página de cada vez, você mesmo. Página de destino, página inicial, site personalizado, teste de ideias
Yoast SEO / Rank Math Campos de título, descrição e OG diretamente no editor WordPress. Apenas WordPress, requer instalação de plugins. Para proprietários de sites WordPress
Configurações de SEO no construtor Campos de título e descrição para uma página O conjunto de campos é limitado pelas capacidades da plataforma. Sites sobre construtoras
Codificação manual Controle total É fácil cometer erros de sintaxe e criar duplicatas. Para desenvolvedores

Conclusão: se o seu site for em WordPress, preencha os campos no plugin de SEO e use o gerador como um rascunho com pré-visualização. Para um site personalizado ou uma landing page específica, o gerador produz o código pronto mais rapidamente.

Além do gerador, o PromoPilot oferece mais 87 ferramentas de SEO gratuitas, desde um depurador Open Graph até um gerador de marcação Schema.

Quais são as limitações do gerador de meta tags?

O gerador não sabe quais termos de pesquisa você está procurando — você escolhe as palavras-chave no título. Ele não verifica a exclusividade: se você inserir a mesma descrição em 50 páginas, a ferramenta não perceberá. E funciona com uma única página: para uma loja com centenas de produtos, as tags são compiladas usando um modelo no código do site, e não manualmente.

Quando uma ferramenta gratuita não é suficiente?

Gerador de Meta Tags vs. Modelos de Tags Prontos para Uso: Geração Manual de Regras para uma Única Página vs. Regras para Todo o Site

O gerador é ideal para cinco páginas. Para quinhentas, é necessária uma abordagem diferente. Um especialista é necessário se:

  • Você tem um catálogo, e as etiquetas devem ser atribuídas automaticamente a cada novo produto;
  • O site é multilíngue e são necessárias tags em cada idioma com a localidade correta;
  • Você não sabe quais consultas atraem compradores, e os títulos são escritos “a olho nu”;
  • Após a mudança de CMS, as tags foram perdidas ou duplicadas.

O que posso fazer pelo seu site?

Sou Valeriy Danyuk, desenvolvedor e especialista em SEO com 12 anos de experiência e mais de 200 clientes. Incluo meta tags nos templates desde o primeiro dia, para que os proprietários de sites não precisem se preocupar com elas a cada publicação.

SEO e promoção

Sites e lojas online

CRM e automação

Envie-me o endereço do seu site via Telegram e eu sugerirei uma fórmula de título para suas páginas principais.

Resultado

  1. O gerador de meta tags online monta um bloco de cabeçalho pronto: título, descrição, canônico, robots.txt, Open Graph e Twitter Card com uma pré-visualização.
  2. Mantenha o título entre 30 e 60 caracteres, a descrição entre 120 e 160 caracteres e coloque a palavra-chave e o benefício em primeiro lugar.
  3. Após colar o código, verifique se as tags não estão duplicadas e se og:image está especificado como o endereço completo.
  4. Para um catálogo e um site multilíngue, as tags são coletadas usando um modelo — ou uma plataforma onde isso já foi feito, como 1001site.

Colete tags para sua página inicial usando um gerador de meta tags gratuito — levará menos tempo do que ler este artigo.

Fontes

  • Página da ferramenta Gerador de Meta Tags do PromoPilot - campos, intervalos recomendados e perguntas frequentes.
  • Open Graph Protocol (ogp.me) — descrição das tags og:title, og:image, og:type, og:locale.
  • Documentação dos plugins Yoast SEO e Rank Math para WordPress.

Referências e fontes

Perguntas e Respostas

Qual é o tamanho ideal do título e da descrição?

Diretrizes do gerador: título — 30 a 60 caracteres, descrição — 120 a 160 caracteres. Contadores abaixo dos campos indicam se o texto excede o intervalo especificado. Coloque a palavra-chave e o benefício primeiro; Google truncará o final de textos longos.

Por que as tags Open Graph são necessárias?

O Open Graph controla as pré-visualizações de links no Facebook, LinkedIn, Telegram, WhatsApp e outros aplicativos: o título, a descrição e a imagem. Sem ele, o mensageiro exibirá texto e imagem aleatórios da página ou até mesmo apenas o link.

Onde devo colar o código gerado?

Na seção da página, antes da tag de fechamento . No WordPress é mais fácil preencher esses mesmos campos em um plugin de SEO (Yoast ou Rank Math) ou, em construtores de páginas, nas configurações de SEO da página. Certifique-se de que não haja tags duplicadas: duas tags em uma página é um erro.

Qual a diferença entre um gerador e a análise de meta tags?

O gerador ajuda você a escrever tags e produz código pronto. A análise de meta tags verifica o que já está na página ativa e encontra erros. Uma combinação prática: verifique a página, reescreva as tags problemáticas no gerador, insira-as e verifique novamente.

Consultamos o site, mas não há ninguém para corrigir o problema?

Esta ferramenta gratuita revela problemas. Analisarei o relatório, priorizarei e corrigirei os problemas: auditoria de SEO, otimização de velocidade, marcação e migração para um novo site sem perda de posicionamento.