Gerador de Meta Tags HTML
Gere meta tags de SEO e de redes sociais para o <head> da sua página: título, descrição, palavras-chave, autor, URL canônica, diretiva robots e cor do tema, além de tags Open Graph e Twitter Card para prévias de links ricas. Copie ou baixe o HTML pronto para colar.
Entrada
Exibido na aba do navegador e como título do resultado de busca. Tente usar de 50 a 60 caracteres.
O trecho exibido abaixo do resultado de busca. Tente usar de 150 a 160 caracteres.
Separadas por vírgula. O Google e a maioria dos principais buscadores ignoram esta tag, mas alguns buscadores de nicho ainda a leem — deixe em branco se tiver dúvidas.
A URL preferida para esta página — informa aos buscadores qual versão indexar quando existirem duplicatas.
Adiciona tags Open Graph e Twitter Card para que os links da sua página exibam um cartão de prévia rico. Recomendado: 1200×630px. Deixe em branco para não incluir tags sociais.
Colore a interface do navegador no celular (barra de endereço, alternador de tarefas). Deixe em branco para omitir a tag.
Saída
Cole isto dentro do <head> da sua página HTML.
Mais formas de usar esta ferramenta
API REST
curl -X POST https://api.iotools.cloud/v1/tool/html-meta-tag-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"title": "My Awesome Website",
"description": "A brief description of my awesome website for se…",
"keywords": "",
"author": "",
"canonicalUrl": "",
"ogImage": "",
"robots": "",
"themeColor": ""
}'Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.
Peça a um agente de IA
Use the IOTools `html-meta-tag-generator` tool (HTML Meta Tag Generator) on this input:
YOUR_INPUT_HERECole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/html-meta-tag-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Gerador de Meta Tags HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
| Custo por chamada de API/MCP | A partir de 5 créditos |
|---|---|
| Precisa de mais créditos? | Ver preços |
Também disponível via
Guias
O Gerador de Meta Tags HTML cria o bloco de tags <meta> e <link> que pertencem ao <head> de toda página web. Preencha alguns campos simples — título da página, descrição, URL canônica, imagem de compartilhamento social — e a ferramenta produz HTML limpo e pronto para colar, que você pode copiar ou baixar. Tudo roda no seu navegador; nada do que você digita é enviado a um servidor.
O que essas meta tags fazem
As meta tags descrevem sua página para mecanismos de busca e redes sociais. Elas não mudam o que o visitante vê na própria página — moldam como ela aparece em outros lugares:
- Título e descrição são o cabeçalho e o trecho que aparecem nos resultados de busca do Google. Um título e uma descrição claros e com o tamanho adequado melhoram a taxa de cliques.
- URL canônica informa aos mecanismos de busca qual versão de uma página deve ser indexada, evitando problemas de conteúdo duplicado quando a mesma página é acessível por várias URLs.
- Robots controla se os mecanismos de busca indexam a página e seguem seus links.
- Tags Open Graph (
og:title,og:description,og:image,og:url) alimentam o cartão de prévia exibido quando seu link é compartilhado no Facebook, LinkedIn, Slack, Discord e na maioria dos aplicativos de mensagem. - Tags Twitter Card fazem o mesmo para o X (Twitter), gerando um cartão de resumo com imagem grande.
- Cor do tema colore a interface do navegador (barra de endereço, alternador de tarefas) em dispositivos móveis.
Como usar a ferramenta
- Informe o título da página e a descrição meta — são as duas tags que quase toda página deveria ter.
- Adicione uma URL canônica, o autor e quaisquer outros campos opcionais que você precisar.
- Para obter cartões de prévia em redes sociais, cole a URL de uma Imagem de Compartilhamento Social (idealmente 1200×630px). A ferramenta então adiciona um bloco coerente de Open Graph e Twitter Card, puxando o título, a descrição e a URL dos campos que você já preencheu.
- Copie o HTML gerado e cole dentro do
<head>da sua página, ou baixe-o comometa-tags.html.
Campos opcionais em branco são ignorados automaticamente, então você nunca fica com atributos content="" vazios poluindo seu código.
As meta tags de palavras-chave ainda importam?
Não para o Google. O Google confirmou publicamente há anos que ignora a tag <meta name="keywords">, e a maioria dos principais mecanismos de busca faz o mesmo, pois ela foi muito abusada para spam. Alguns mecanismos menores ou regionais ainda a leem, por isso a ferramenta a mantém como campo opcional — mas você pode deixá-la em branco sem problemas.
O <meta charset> é realmente necessário?
Sim. <meta charset="utf-8"> deve ser a primeira tag do seu <head> para que o navegador decodifique o texto corretamente. A ferramenta sempre emite a forma moderna do HTML5 (utf-8 em minúsculas, sem barra de fechamento).
Essas tags garantem uma imagem de prévia?
As tags Open Graph e Twitter informam às plataformas o que exibir, mas cada plataforma guarda as prévias em cache. Depois de atualizar as tags, use o depurador da própria plataforma (como o Facebook Sharing Debugger) para fazer uma nova leitura da sua URL.