Open Graph: Controla cómo se ve tu página cuando la comparten

Los Open Graph tags controlan la vista previa de tu contenido en redes sociales. Aprende cuáles son importantes, cómo usarlos y errores comunes.

¿Alguna vez compartiste un enlace y la vista previa se veía horrible?

Pegas tu URL en Slack, WhatsApp o LinkedIn y el resultado es: sin imagen, un título cortado o directamente algo que no tiene sentido. ¿Te suena?

Eso pasa cuando no tienes Open Graph (OG) tags — o los tienes mal configurados.

Los OG tags son etiquetas meta que le dicen a las plataformas sociales exactamente cómo mostrar tu enlace: qué título usar, qué descripción, qué imagen.

<meta property="og:title" content="Herramienta gratuita de auditoría SEO" />
<meta property="og:description" content="Analiza la salud SEO de tu sitio en minutos." />
<meta property="og:image" content="https://ejemplo.com/og-image.png" />
<meta property="og:url" content="https://ejemplo.com/" />
<meta property="og:type" content="website" />

Sin ellas, la plataforma intenta adivinar. Y casi siempre adivina mal.

¿Qué tiene que ver esto con SEO?

Directamente, nada. Google no te sube de posición por tener OG tags.

Pero indirectamente, mucho. Una vista previa atractiva significa más clics cuando alguien comparte tu enlace. Más clics = más tráfico = más posibilidades de que alguien enlace tu contenido. Y los backlinks sí afectan el SEO.

Piénsalo así: invertiste horas creando contenido. Si cuando alguien lo comparte, la vista previa es un desastre y nadie hace clic, ese esfuerzo se pierde.

Las etiquetas que no pueden faltar

EtiquetaPara qué sirveCómo escribirla
og:titleTítulo de la tarjetaMenos de 60 caracteres, que enganche
og:descriptionResumen debajo del título150-200 caracteres, deja claro el valor
og:imageImagen de vista previa1200×630 px, buena calidad, con tu marca
og:urlURL canónicaURL absoluta completa
og:typeTipo de contenido"website" o "article"

La más importante es og:image. Una tarjeta sin imagen tiene una tasa de clics muy inferior.

Las trampas más comunes

No tener OG tags. Las plataformas agarran lo que pueden y casi nunca queda bien.

Imagen demasiado pequeña. Muchas plataformas piden mínimo 600×315. Si la imagen es más chica, se recorta o no aparece.

El caché. Facebook y LinkedIn cachean los datos de OG. Si cambias tus tags, la vista previa puede seguir mostrando la versión vieja por días. Hay que ir a la herramienta de depuración de cada plataforma y forzar la actualización.

La misma imagen para todas las páginas. Es mejor que nada, pero si todos tus artículos muestran el mismo logo genérico, se ve descuidado.

Revisión a escala

Verificar manualmente unas pocas páginas es factible. Cientos, no. Una auditoría automatizada debería:

  1. Encontrar páginas sin OG tags
  2. Detectar páginas sin og:image
  3. Verificar dimensiones de la imagen
  4. Revisar valores vacíos

Kaitico revisa la presencia y completitud de los OG tags en cada página, marcando lo que falta y los problemas que afectan tus vistas previas.

Want to check your site for this issue?

Kaitico scans your entire site and finds all SEO issues in minutes.

Start Free Audit