Gerador de Meta Tags HTML
Preencha um formulário e receba o HTML pronto com SEO básico, Open Graph e Twitter Card. Tudo no seu navegador.
Preencha os campos
Aparece no Google e em redes sociais.
Aparece no snippet do Google.
Endereço completo, com https://.
URL absoluta. Tamanho ideal: 1200×630.
HTML gerado
Cole este bloco dentro da tag <head> do seu site.
<!-- Meta tags básicas -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0ea5e9">
<meta name="robots" content="index, follow">
<!-- Open Graph (Facebook, WhatsApp, LinkedIn) -->
<meta property="og:type" content="website">
<meta property="og:locale" content="pt_BR">
<!-- Twitter / X Card -->
<meta name="twitter:card" content="summary_large_image">Como funciona o Gerar meta tags
Preencha título, descrição, URL canônica, imagem, idioma e tipo. Geramos o bloco HTML completo com meta tags de SEO, Open Graph (Facebook/WhatsApp/LinkedIn) e Twitter Card.
Toda a geração acontece no seu navegador — nenhuma informação vai para os nossos servidores.
Perguntas frequentes
Onde colo o HTML gerado?
Dentro da tag <head> da sua página HTML, idealmente logo após <meta charset> e <meta viewport>. Em WordPress, use plugins como Yoast SEO ou Rank Math. Em Next.js/React, use o componente Head ou a API metadata do app router.
Posso usar essa ferramenta para qualquer site?
Sim, o HTML gerado é padrão e funciona em qualquer site: WordPress, WooCommerce, Magento, Shopify, sites custom em PHP, Next.js, React, Vue, etc. Basta colar dentro do <head> da página.
Preciso preencher TODOS os campos?
Não. Os mínimos críticos são título, descrição e URL canônica. Se você não preencher uma imagem, as redes sociais usarão uma imagem aleatória do conteúdo da página (geralmente ruim). Recomendamos preencher todos os principais.
Como gerar meta tags para diferentes idiomas?
Crie uma página por idioma (ex: /pt-BR/, /en/) e gere meta tags específicas para cada uma. Adicione tags <link rel="alternate" hreflang="pt-BR"> apontando para as outras versões. Esta ferramenta cria um bloco para um idioma de cada vez.
Referências oficiais
Fontes primárias usadas na construção desta ferramenta. Use-as para aprofundar ou validar os critérios técnicos.
- Google — Controlar o título nos resultados
Google Search Central
- Open Graph Protocol
ogp.me
- Next.js — Metadata API
Vercel / Next.js
Ferramentas relacionadas
Preview Google
Simule como sua página aparecerá nos resultados do Google em desktop e celular antes de publicar.
Abrir
Open Graph
Veja exatamente como seu site aparece quando compartilhado no Facebook, WhatsApp, LinkedIn e X (Twitter).
Abrir
Gerar Schema
Crie JSON-LD para Product, LocalBusiness, Organization, FAQPage e BreadcrumbList em segundos.
Abrir