Gerador de Meta Tags

Gere Open Graph, Twitter Cards e meta tags HTML padrão.

Informações Básicas
0/60
0/160
Visualização de Redes Sociais

https://example.com

Seu Título de Página

A descrição da sua página aparecerá aqui. Torne-a atraente para encorajar cliques das redes sociais.

Meta Tags Geradas
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="theme-color" content="#000000">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">

metaTagsGenerator.seoScore.title

metaTagsGenerator.seoScore.title_tag
metaTagsGenerator.seoScore.description
metaTagsGenerator.seoScore.ogImage
metaTagsGenerator.seoScore.canonical

O que são Meta Tags?

Meta tags são elementos HTML que fornecem metadados sobre sua página web. Elas ajudam mecanismos de busca a entender seu conteúdo e controlam como suas páginas aparecem em resultados de busca e quando compartilhadas em plataformas de redes sociais.

metaTagsGenerator.content.robotsDirectives.title

metaTagsGenerator.content.robotsDirectives.intro

  • index/noindex: metaTagsGenerator.content.robotsDirectives.index
  • follow/nofollow: metaTagsGenerator.content.robotsDirectives.follow
  • noarchive: metaTagsGenerator.content.robotsDirectives.noarchive
  • nosnippet: metaTagsGenerator.content.robotsDirectives.nosnippet
  • max-snippet: metaTagsGenerator.content.robotsDirectives.maxSnippet

metaTagsGenerator.content.hreflang.title

metaTagsGenerator.content.hreflang.intro

  • metaTagsGenerator.content.hreflang.format
  • metaTagsGenerator.content.hreflang.xdefault
  • metaTagsGenerator.content.hreflang.bidirectional

metaTagsGenerator.content.jsonLd.title

metaTagsGenerator.content.jsonLd.intro

  • metaTagsGenerator.content.jsonLd.richResults
  • metaTagsGenerator.content.jsonLd.types
  • metaTagsGenerator.content.jsonLd.testing

Por que Meta Tags são Importantes?

Meta tags bem elaboradas são cruciais para:

  • SEO: Ajudam mecanismos de busca a indexar e classificar suas páginas corretamente
  • Compartilhamento Social: Controlam como seu conteúdo parece quando compartilhado no Facebook, Twitter e LinkedIn
  • Taxa de Cliques: Títulos e descrições atraentes aumentam cliques de resultados de busca
  • Consistência de Marca: Mantenha uma aparência profissional em todas as plataformas

Protocolo Open Graph

Tags Open Graph controlam como seu conteúdo aparece quando compartilhado no Facebook, LinkedIn e outras plataformas:

  • og:title - O título da sua página
  • og:description - Uma breve descrição do conteúdo
  • og:image - A imagem exibida ao compartilhar
  • og:url - A URL canônica da sua página

Twitter Cards

Twitter Cards aprimoram tweets com mídia rica quando seu conteúdo é compartilhado:

  • Card de Resumo: Layout compacto com imagem pequena
  • Card de Resumo com Imagem Grande: Imagem proeminente acima do conteúdo

Melhores Práticas

  • Mantenha títulos abaixo de 60 caracteres para exibição completa em resultados de busca
  • Descrições devem ter 150-160 caracteres para exibição ótima
  • Use imagens de 1200x630 pixels para melhor exibição em redes sociais
  • Crie meta tags únicas para cada página
  • Teste suas tags com validadores específicos da plataforma antes de publicar