# Open Graph: qué es y cómo funciona

> Open Graph es un conjunto de metaetiquetas (og:title, og:image y otras) que define cómo se ve una página al compartirla en redes sociales y apps de mensajería.

URL: https://yes-seo.com/es/glosario/open-graph

**Open Graph** es un protocolo, creado por Facebook en 2010 y documentado en [ogp.me](https://ogp.me/), que permite a una página describirse a cualquier app que genere una vista previa de enlace. Cuando alguien pega tu URL en Facebook, LinkedIn, WhatsApp, Slack, Discord, iMessage o muchas otras apps, la app descarga la página, lee sus metaetiquetas `og:` y muestra una tarjeta con un título, una descripción y una imagen.

Sin etiquetas Open Graph, cada app adivina, y a menudo elige tu logotipo, una frase del aviso de cookies o nada en absoluto.

## Las etiquetas que importan

```

```

El protocolo define cuatro propiedades obligatorias (`og:title`, `og:type`, `og:image` y `og:url`) y la mayoría de las plataformas usan también `og:description`. Usa el atributo `property`, como hace la especificación.

## Cómo acertar con la imagen

La imagen hace la mayor parte del trabajo en un feed. Una imagen de 1200 × 630 píxeles (aproximadamente 1,91:1) se ve bien en la mayoría de las plataformas; las imágenes más pequeñas pueden mostrarse como una miniatura en lugar de una tarjeta grande. Mantén el texto importante y las caras lejos de los bordes, porque algunas apps recortan a formato cuadrado. Usa una URL HTTPS absoluta y un archivo JPEG, PNG o WebP de tamaño razonable, y asegúrate de que la imagen no esté bloqueada por robots.txt ni por protección contra hotlinking, o la vista previa saldrá vacía.

## ¿Open Graph afecta al SEO?

Las etiquetas Open Graph no son un factor de posicionamiento de Google, y Google construye sus propios fragmentos de resultados a partir de la [etiqueta title](https://yes-seo.com/es/glosario/etiqueta-title) y la [meta descripción](https://yes-seo.com/es/glosario/meta-descripcion). El beneficio es indirecto pero real: los enlaces compartidos con una vista previa clara y atractiva reciben más clics y más reenvíos, lo que trae visitantes y, con el tiempo, menciones y enlaces. Las tarjetas de vista previa son también la forma en que mucha gente conoce tu contenido en chats de grupo y comunidades, mucho antes de buscarte.

## Errores habituales

- **URL de imagen relativas**, como `/img/share.jpg`. Muchos analizadores necesitan la URL completa con `https://`.

- **La misma imagen genérica en todas las páginas**, de modo que todos los enlaces compartidos se ven iguales.

- **Un `og:url` distinto de la URL canonical**, que reparte los contadores de compartidos entre versiones.

- **Etiquetas añadidas con JavaScript.** La mayoría de los rastreadores de vistas previas no ejecutan scripts; pon las etiquetas en el HTML renderizado en el servidor.

- **Cachés obsoletas.** Las plataformas guardan en caché las vistas previas. Tras corregir las etiquetas, usa el depurador de la plataforma (como el Depurador de uso compartido de Facebook o el Post Inspector de LinkedIn) para actualizarlas.

## Cómo comprobarlo

El [Comprobador Open Graph](https://yes-seo.com/es/comprobador-open-graph) previsualiza cómo se ve tu enlace en Facebook, X, LinkedIn, WhatsApp y Slack, valida cada etiqueta y comprueba el tamaño de tu `og:image`. X también puede usar sus propias etiquetas: consulta [Twitter Card](https://yes-seo.com/es/glosario/twitter-card).

## Preguntas frecuentes

### ¿Las etiquetas Open Graph son un factor de posicionamiento?

No. Google no usa las etiquetas Open Graph para posicionar y construye los fragmentos de búsqueda a partir de la etiqueta title y la meta descripción. Open Graph mejora cómo se ven los enlaces al compartirse, lo que puede traer más clics y visibilidad.

### ¿Qué tamaño debe tener una og:image?

Usa 1200 × 630 píxeles (aproximadamente 1,91:1) para una vista previa grande en la mayoría de las plataformas. Mantén el contenido clave centrado por si una app recorta la imagen y sírvela desde una URL HTTPS absoluta.

### ¿Por qué sigue saliendo mi imagen antigua al compartir un enlace?

Las plataformas guardan en caché las vistas previas. Tras actualizar tus etiquetas, pasa la URL por la herramienta de depuración de la plataforma, como el Depurador de uso compartido de Facebook, para forzar un nuevo rastreo.