Gerador de meta tags HTML

Preencha os metadados da página para gerar as tags title e meta. Revise a marcação e copie o resultado para a seção head.

Funciona localmente no seu navegador

Como gerar meta tags HTML

Preencha o título, a descrição e as palavras-chave e escolha as opções de viewport, codificação, cache e robots; a ferramenta monta as tags head correspondentes e mostra tudo como texto simples, pronto para copiar.

O bloco é montado no navegador: nada do que você digita é enviado e a ferramenta continua funcionando offline. O resultado é um ponto de partida para o head de uma página, não uma auditoria de SEO completa.

  1. Digite o título da página e, se tiver, a descrição e as palavras-chave. Só os campos preenchidos aparecem no resultado.
  2. Deixe os seletores nos valores padrão ou escolha o viewport, a codificação, o cache e os valores de robots adequados à página.
  3. Clique em Gerar meta tags. O elemento title e as meta tags aparecem abaixo do formulário como texto simples.
  4. Clique em Copiar e cole o bloco dentro do elemento head da página, depois da declaração de charset.
  5. Altere um campo e gere de novo para comparar duas variantes; Limpar redefine todos os campos e oculta o resultado.

O que as tags geradas fazem e o que elas já não fazem

O que cada tag faz

O elemento title é o título para o qual um resultado de busca aponta, e a description é o resumo exibido abaixo; os mecanismos podem mostrar um ou outro como está ou substituí-lo por outro texto da página. A tag viewport controla como os navegadores móveis dimensionam o layout, e a declaração de charset diz ao navegador como decodificar o arquivo.

author, copyright e designer são metadados personalizados: úteis para ferramentas internas e arquivos, mas não são sinais de ranking. A tag robots é a que tem efeito: noindex mantém a página fora dos resultados de busca e nofollow pede que os rastreadores não transmitam crédito de links.

O que é atual e o que é legado

A meta tag Content-Type é anterior ao HTML5; a forma curta <meta charset="utf-8"> é o equivalente moderno e o que documentos novos devem usar. As tags de cache também são legado: navegadores modernos as ignoram e o comportamento real é definido pelo cabeçalho HTTP Cache-Control. Elas continuam aqui para sistemas antigos e material didático.

A tag keywords não influencia o Google nem o Bing há anos; mantenha-a apenas se algum sistema interno exigir. As palavras na descrição e no texto visível pesam muito mais do que qualquer lista de palavras-chave.

Depois de colar o bloco

Mantenha um único elemento title e uma única description por página. Títulos duplicados fazem o mecanismo escolher um por você, e uma declaração de charset ausente ou tardia pode transformar caracteres acentuados em texto ilegível.

Confira o código da página publicada: mecanismos de template e plugins de CMS podem reescrever ou injetar tags head. Compare o que o navegador mostra com o que você colou e corrija o template, não a saída.

Ferramentas recentes: