Pular para o conteúdo
🛠️ToolsShed

Gerador de Meta Tags

Gera meta tags HTML para SEO, Open Graph e Twitter Cards.

18/60

50/155

Visualização em Redes Sociais

OG Image: https://example.com/og-image.png

https://example.com/page

My Awesome Website

A short description of this page for SEO purposes.

HTML Gerado
<!-- Primary Meta Tags -->
<title>My Awesome Website</title>
<meta name="title" content="My Awesome Website" />
<meta name="description" content="A short description of this page for SEO purposes." />
<meta name="keywords" content="web, tools, free" />
<meta name="author" content="Author Name" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://example.com/page" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="A short description of this page for SEO purposes." />
<meta property="og:image" content="https://example.com/og-image.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com/page" />
<meta property="twitter:title" content="My Awesome Website" />
<meta property="twitter:description" content="A short description of this page for SEO purposes." />
<meta property="twitter:image" content="https://example.com/og-image.png" />

Sobre esta ferramenta

Meta tags são instruções invisíveis que você adiciona ao HTML do seu site para dizer aos mecanismos de busca, plataformas de redes sociais e navegadores do que sua página trata. Elas controlam como seu site aparece nos resultados de busca do Google e como fica quando alguém compartilha seu link no Facebook, Twitter ou LinkedIn. Sem meta tags apropriadas, os mecanismos de busca podem interpretar mal seu conteúdo e seus links ficarão simples quando compartilhados em redes sociais.

Este gerador de meta tags permite que você crie rapidamente todas as meta tags importantes que seu site precisa: título, descrição, palavras-chave, autor, diretivas de robôs e URLs canônicas. Ele também gera tags Open Graph para controlar como sua página aparece em redes sociais e Twitter Cards para aprimorar tweets. Basta preencher as informações da sua página, copiar o código HTML gerado e colá-lo na seção <head> da sua página. A visualização ao vivo mostra exatamente como sua página aparecerá quando compartilhada em plataformas sociais.

Desenvolvedores web, criadores de conteúdo e especialistas em SEO usam esta ferramenta para otimizar seu fluxo de trabalho e evitar erros de sintaxe. Quer você esteja lançando um novo blog, otimizando uma página de produto de e-commerce ou garantindo que o conteúdo duplicado não afete suas classificações, este gerador economiza tempo e garante consistência em todo o seu site.

Perguntas Frequentes

Implementação de Código

def generate_meta_tags(
    title: str,
    description: str,
    url: str,
    image: str = "",
    site_name: str = "",
    twitter_handle: str = "",
    locale: str = "en_US",
) -> str:
    lines = []
    lines.append(f'<title>{title}</title>')
    lines.append(f'<meta name="description" content="{description}">')
    # Open Graph
    lines.append(f'<meta property="og:title" content="{title}">')
    lines.append(f'<meta property="og:description" content="{description}">')
    lines.append(f'<meta property="og:url" content="{url}">')
    lines.append(f'<meta property="og:type" content="website">')
    lines.append(f'<meta property="og:locale" content="{locale}">')
    if site_name:
        lines.append(f'<meta property="og:site_name" content="{site_name}">')
    if image:
        lines.append(f'<meta property="og:image" content="{image}">')
        lines.append(f'<meta property="og:image:width" content="1200">')
        lines.append(f'<meta property="og:image:height" content="630">')
    # Twitter Card
    card = "summary_large_image" if image else "summary"
    lines.append(f'<meta name="twitter:card" content="{card}">')
    lines.append(f'<meta name="twitter:title" content="{title}">')
    lines.append(f'<meta name="twitter:description" content="{description}">')
    if twitter_handle:
        lines.append(f'<meta name="twitter:site" content="{twitter_handle}">')
    if image:
        lines.append(f'<meta name="twitter:image" content="{image}">')
    return "\n".join(lines)

print(generate_meta_tags(
    title="My Page",
    description="A great page.",
    url="https://example.com",
    image="https://example.com/og.png",
    site_name="Example",
    twitter_handle="@example",
))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.