Error Open Graph

Falta og:title — Por qué es importante y cómo solucionarlo

La etiqueta og:title es esencial para compartir en redes sociales. Sin ella, las plataformas usarán el título de la página o la URL.

¿Qué es og:title?

La meta etiqueta og:title define el título de tu contenido cuando se comparte en plataformas de redes sociales como Facebook, LinkedIn, Discord, WhatsApp, Slack y Telegram. Es parte del protocolo Open Graph, creado originalmente por Facebook en 2010.

¿Por qué es importante?

El título es lo primero que ven los usuarios cuando se comparte tu enlace. Sin un og:title explícito:

  • Facebook recurrirá a la etiqueta <title> o incluso a la propia URL
  • LinkedIn puede mostrar una vista previa vacía o rota
  • Discord y Slack podrían mostrar una URL simple sin contexto
  • WhatsApp y Telegram mostrarán una vista previa menos atractiva

Los estudios muestran que los enlaces con títulos Open Graph adecuados reciben hasta un 50% más de clics que aquellos sin ellos.

Cómo solucionarlo

Añade la siguiente meta etiqueta dentro de tu sección <head>:

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

Buenas prácticas

  1. Mantén entre 50-60 caracteres — Los títulos más largos se truncan en la mayoría de las plataformas
  2. Hazlo atractivo — Piensa en ello como un titular. Debe captar la atención e invitar al clic
  3. No copies el <title> de la página sin más — El título OG puede ser diferente y más adaptado a redes sociales
  4. Evita el clickbait — Las plataformas pueden penalizar los títulos engañosos
  5. Incluye tu marca — Considera añadir el nombre de tu sitio, por ejemplo: “Título del artículo | TuMarca”

Ejemplos

Buenos ejemplos:

  • Cómo construir una API REST con Node.js en 2025
  • La guía completa de CSS Grid Layout
  • 10 consejos para mejores etiquetas Open Graph | OpenGraph.to

Malos ejemplos:

  • Inicio — Demasiado vago, no dice nada sobre el contenido
  • Mi Sitio - Página - Categoría - Subcategoría - Marca — Demasiado largo, se truncará
  • Vacío o ausente — En el peor caso, se mostrará la propia URL

Implementación según el framework

Next.js (App Router):

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

Astro:

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

WordPress: La mayoría de los plugins de SEO como Yoast o Rank Math manejan esto automáticamente, pero puedes establecer un título OG personalizado en la sección de SEO del editor de entradas.

Artículos relacionados