ErroOpen Graph

og:title ausente — Por que importa e como corrigir

A tag og:title é essencial para o compartilhamento social. Sem ela, as plataformas usam o título da página ou a URL.

O que é og:title?

A meta tag og:title define o título do seu conteúdo quando compartilhado em plataformas de redes sociais como Facebook, LinkedIn, Discord, WhatsApp, Slack e Telegram. Faz parte do protocolo Open Graph, criado originalmente pelo Facebook em 2010.

Por que é importante?

O título é a primeira coisa que os usuários veem quando o seu link é compartilhado. Sem um og:title explícito:

  • O Facebook vai recorrer à tag <title> ou até à própria URL
  • O LinkedIn pode mostrar uma pré-visualização vazia ou quebrada
  • Discord e Slack podem exibir uma URL pura, sem contexto
  • WhatsApp e Telegram vão mostrar uma pré-visualização menos engajadora

Estudos mostram que links com títulos Open Graph adequados recebem até 50% mais cliques do que aqueles sem.

Como corrigir

Adicione a seguinte meta tag dentro da seção <head>:

<meta property="og:title" content="Your Compelling Page Title" />

Boas práticas

  1. Mantenha entre 50-60 caracteres — Títulos mais longos são truncados na maioria das plataformas
  2. Torne atraente — Pense como uma headline. Deve chamar atenção e incentivar cliques
  3. Não duplique o <title> da página sem critério — O título OG pode ser diferente e mais amigável para redes sociais
  4. Evite clickbait — As plataformas podem penalizar títulos enganosos
  5. Inclua a marca — Considere adicionar o nome do site, por exemplo: “Título do artigo | SuaMarca”

Exemplos

Bons exemplos:

  • How to Build a REST API with Node.js in 2025
  • The Complete Guide to CSS Grid Layout
  • 10 Tips for Better Open Graph Tags | OpenGraph.to

Maus exemplos:

  • Home — Vago demais, não diz nada sobre o conteúdo
  • My Website - Page - Category - Subcategory - Brand — Longo demais, será truncado
  • Vazio ou ausente — No pior caso, a própria URL será exibida

Implementação por framework

Next.js (App Router):

export const metadata = {
  openGraph: {
    title: 'Your Page Title',
  },
}

Astro:

<meta property="og:title" content="Your Page Title" />

WordPress: A maioria dos plugins de SEO como Yoast ou Rank Math trata isso automaticamente, mas você pode definir um título OG personalizado na seção de SEO do editor de posts.

Artigos relacionados