O que São Meta Tags?
Meta tags são trechos de código no seu HTML que descrevem o conteúdo da sua página. Elas são invisíveis para os visitantes, mas visíveis para mecanismos de busca e plataformas de IA. Pense nelas como rótulos que explicam do que trata sua página.
Para otimização GEO, as meta tags ajudam buscadores com IA a entender o contexto, o propósito e como exibir seu conteúdo quando compartilhado. Meta tags adequadas melhoram a descoberta e a apresentação do seu conteúdo.
Meta Tags Essenciais
Meta Description
Um breve resumo do conteúdo da sua página. Aparece nos resultados de busca e nas respostas de buscadores com IA. 150-160 caracteres é o ideal.
<meta name="description" content="Learn how to optimize your website for AI search engines with Bloffee's complete GEO optimization platform. Improve your content for ChatGPT, Claude, and other AI tools." />Melhores Práticas: Escreva descrições únicas para cada página. Inclua palavras-chave principais de forma natural. Torne-a atraente e precisa.
Title Tag
O título da sua página aparece nas abas do navegador, nos resultados de busca e quando compartilhada. Recomendam-se 50-60 caracteres. Inclua sua marca e palavra-chave principal.
<title>Complete Guide to Meta Tags & Open Graph</title>URL Canônica
Informa aos mecanismos de busca a versão preferida da sua página. Evita problemas de conteúdo duplicado. Essencial para GEO.
<link rel="canonical" href="https://geo-score.online/learn/technical/meta-tags-complete" />Robots Meta Tag
Controla como mecanismos de busca e bots de IA interagem com sua página. Use "index, follow" para permitir acesso completo.
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />Tags Open Graph
As tags Open Graph controlam como seu conteúdo aparece quando compartilhado em redes sociais. Originalmente criadas pelo Facebook, agora são usadas por muitas plataformas, incluindo ferramentas de IA.
Exemplo Completo de Open Graph
<meta property="og:title" content="Complete Guide to Meta Tags" />
<meta property="og:description" content="Master meta tags and Open Graph for GEO optimization." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://geo-score.online/learn/technical/meta-tags-complete" />
<meta property="og:image" content="https://geo-score.online/images/meta-tags-guide.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:site_name" content="Bloffee" />
<meta property="og:locale" content="en_US" />
<meta property="article:published_time" content="2025-01-10T00:00:00.000Z" />
<meta property="article:modified_time" content="2025-01-10T12:00:00.000Z" />
<meta property="article:author" content="Bloffee" />Requisitos de Imagem do Open Graph
Sua og:image é crucial. Ela aparece quando o conteúdo é compartilhado. Siga estas especificações:
- Tamanho recomendado: 1200 x 630 pixels
- Tamanho mínimo: 600 x 314 pixels
- Tamanho máximo do arquivo: 8 MB
- Formato: JPG ou PNG
- Proporção: 1.91:1
Tags do Twitter Card
Os Twitter Cards funcionam de forma similar ao Open Graph, mas são específicos para o Twitter/X. Eles aprimoram a aparência dos seus links na plataforma.
Exemplo de Twitter Card
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@bloffee" />
<meta name="twitter:creator" content="@bloffee" />
<meta name="twitter:title" content="Complete Guide to Meta Tags" />
<meta name="twitter:description" content="Master meta tags and Open Graph for GEO." />
<meta name="twitter:image" content="https://geo-score.online/images/meta-tags-guide.jpg" />Tipos de Twitter Card
- summary: Miniatura quadrada pequena
- summary_large_image: Imagem grande tipo banner (recomendado)
- app: Para promoções de aplicativos móveis
- player: Para conteúdo de vídeo/áudio
Meta Tags Avançadas para GEO
Informações do Autor
Ajude buscadores com IA a entender a autoria e a autoridade do conteúdo.
<meta name="author" content="Bloffee Team" />
<link rel="author" href="https://geo-score.online/about" />Idioma e Localidade
Especifique o idioma do conteúdo para sites internacionais.
<html lang="en">
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="nl_NL" />
<meta property="og:locale:alternate" content="fr_FR" />Charset e Viewport
Tags técnicas essenciais para renderização adequada.
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />Modelo Completo de Meta Tags
Use este modelo como ponto de partida para todas as suas páginas:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<title>Your Page Title | Brand Name</title>
<meta name="title" content="Your Page Title | Brand Name">
<meta name="description" content="Clear description of your page content in 150-160 characters.">
<meta name="author" content="Your Name or Company">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
<link rel="canonical" href="https://yoursite.com/page-url">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
<meta property="og:url" content="https://yoursite.com/page-url">
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Clear description for social sharing.">
<meta property="og:image" content="https://yoursite.com/image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="Your Brand">
<meta property="og:locale" content="en_US">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:url" content="https://yoursite.com/page-url">
<meta name="twitter:title" content="Your Page Title">
<meta name="twitter:description" content="Clear description for Twitter.">
<meta name="twitter:image" content="https://yoursite.com/image.jpg">
</head>
<body>
<!-- Your content -->
</body>
</html>Testando suas Meta Tags
Sempre teste as meta tags antes de publicar:
Facebook Sharing Debugger
Teste tags do Open Graph: developers.facebook.com/tools/debug/
Twitter Card Validator
Teste Twitter Cards: cards-dev.twitter.com/validator
LinkedIn Post Inspector
Teste o compartilhamento no LinkedIn: linkedin.com/post-inspector/
Dicas Rápidas de Meta Tags
- •Escreva meta descriptions únicas para cada página
- •Mantenha os títulos com menos de 60 caracteres
- •Use imagens de alta qualidade para og:image (1200x630px)
- •Sempre inclua URLs canônicas
- •Teste com ferramentas de depuração antes de publicar
- •Atualize og:image ao redesenhar ou rebrandar
Recursos Relacionados
- Implementação de Schema
Adicione dados estruturados junto com meta tags
- Checklist Técnico de SEO
Guia completo de otimização técnica
- Texto Alternativo de Imagem
Otimize imagens para busca com IA