Open Graph | Ofertas y descuentos 2026

Cuando compartimos una página web en redes sociales, el resultado no siempre depende únicamente del contenido de la página. El título, la imagen y la descripción que aparecen en la publicación también pueden estar determinados por unas etiquetas específicas conocidas como Open Graph.

Estas etiquetas permiten indicar a plataformas como Facebook y otras aplicaciones qué información deben mostrar cuando alguien comparte una URL. Aunque Open Graph no es un factor de posicionamiento directo en Google, puede tener una relación indirecta con la visibilidad y el tráfico que recibe una página.

¿Qué es Open Graph?

Open Graph es un protocolo creado originalmente por Facebook que permite controlar cómo se representa una página web cuando se comparte en determinadas plataformas.

Para ello se utilizan unas etiquetas especiales dentro del código HTML de la página. Estas etiquetas proporcionan información sobre el título, la descripción, la imagen y la URL del contenido.

Por ejemplo, una página puede indicar mediante Open Graph cuál es la imagen que debe utilizarse al compartir un artículo en una red social.

De esta manera, el propietario de una web tiene mayor control sobre la apariencia de sus contenidos cuando otras personas comparten sus páginas.

¿Para qué sirven las etiquetas Open Graph?

Su principal función es mejorar la presentación de una página cuando se comparte fuera de la propia web.

Sin estas etiquetas, la plataforma que recibe la URL puede intentar obtener automáticamente el título, la imagen y otros elementos de la página. El resultado no siempre será el que el propietario de la web esperaba.

Con Open Graph puedes especificar información concreta.

Entre las etiquetas más habituales se encuentran:

og:title: indica el título que se mostrará.
og:description: proporciona una descripción del contenido.
og:image: especifica la imagen que debería utilizarse.
og:url: indica la URL de la página.
og:type: define el tipo de contenido.
og:site_name: identifica el nombre del sitio web.

Estas etiquetas se colocan normalmente dentro de la sección <head> del documento HTML.

Un ejemplo de Open Graph

Un código básico podría tener este aspecto:

<meta property="og:title" content="Título de mi artículo">
<meta property="og:description" content="Descripción breve del contenido">
<meta property="og:image" content="https://ejemplo.com/imagen.jpg">
<meta property="og:url" content="https://ejemplo.com/articulo">
<meta property="og:type" content="article">

Cuando alguien comparte esa página, la plataforma puede utilizar esta información para construir la tarjeta o vista previa correspondiente.

Open Graph y las redes sociales

Open Graph tiene especial importancia cuando una página recibe tráfico procedente de redes sociales o aplicaciones que generan vistas previas al compartir enlaces.

Una imagen adecuada, un título atractivo y una descripción clara pueden hacer que una publicación resulte más reconocible para el usuario.

Por este motivo, aunque Open Graph no esté diseñado específicamente para posicionar una página en los buscadores, sí puede formar parte de una estrategia general de distribución de contenidos.

¿Open Graph influye directamente en el SEO?

No es un factor de posicionamiento directo de Google.

Las etiquetas Open Graph están pensadas principalmente para controlar la información que se utiliza al compartir una página en plataformas compatibles.

Esto significa que añadir og:title o og:image no hace que una página suba automáticamente posiciones en Google.

Es importante diferenciar las etiquetas Open Graph de elementos que sí forman parte de la información utilizada por los buscadores, como el contenido de la página, determinados datos estructurados o las etiquetas HTML destinadas a describir el documento.

Entonces, ¿qué relación existe entre Open Graph y el SEO?

La relación es principalmente indirecta.

Imaginemos que publicas un artículo en tu página web. Si una persona lo comparte en una red social y la vista previa muestra correctamente el título, una buena imagen y una descripción interesante, es posible que más usuarios tengan interés en abrir el enlace.

Si esas visitas y acciones generan posteriormente más difusión, enlaces o reconocimiento de la página, pueden producirse efectos beneficiosos para la visibilidad general del contenido.

Sin embargo, esto no significa que Open Graph sea en sí mismo un factor de posicionamiento.

La diferencia es importante: Open Graph ayuda a presentar y distribuir mejor el contenido, mientras que el posicionamiento orgánico depende de muchos otros aspectos.

Open Graph y la etiqueta title no son lo mismo

Es frecuente confundir og:title con la etiqueta <title>.

La etiqueta <title> forma parte del documento HTML y se utiliza para indicar el título de la página. Es un elemento importante para los buscadores y también puede aparecer en diferentes lugares de los resultados de búsqueda.

En cambio, og:title está destinado principalmente a proporcionar el título que se utilizará al compartir la URL mediante sistemas compatibles con Open Graph.

Puedes hacer que ambos tengan un texto similar, pero técnicamente son elementos diferentes.

Open Graph en WordPress

Si utilizas WordPress, normalmente no es necesario añadir manualmente todas estas etiquetas.

Muchos plugins de gestión y optimización de sitios web pueden generar automáticamente las etiquetas Open Graph.

Después de configurarlas, es conveniente comprobar cómo aparece realmente una URL cuando se comparte.

También es importante asegurarse de que la imagen seleccionada tenga suficiente calidad y una proporción adecuada para evitar recortes inesperados.

¿Qué ocurre si no utilizas Open Graph?

Una página puede seguir funcionando y compartiéndose aunque no tenga etiquetas Open Graph.

En ese caso, la plataforma que recibe la URL puede intentar seleccionar automáticamente información de la página.

El problema es que puede escoger una imagen que no sea la más apropiada, utilizar un título diferente del que querías destacar o mostrar una descripción poco atractiva.

Por eso, configurar correctamente Open Graph puede ayudarte a tener un mayor control sobre la presentación de tus contenidos.

Open Graph y las imágenes

La etiqueta og:image merece especial atención porque la imagen suele ser uno de los elementos más visibles de una vista previa.

Lo recomendable es utilizar una imagen relacionada directamente con el contenido y comprobar que tenga suficiente resolución.

También conviene evitar imágenes con información importante situada demasiado cerca de los bordes, ya que algunas plataformas pueden recortar o adaptar la imagen al formato de su interfaz.

Cómo comprobar las etiquetas Open Graph

Si quieres saber si una página tiene correctamente configuradas las etiquetas Open Graph, puedes inspeccionar el código fuente de la página y buscar términos como:

También existen herramientas online que permiten comprobar cómo una plataforma interpreta los datos de una URL.

Esta comprobación puede ser especialmente útil después de cambiar el título, la imagen destacada o la configuración del plugin utilizado en WordPress.

En resumen

Open Graph es un sistema que permite controlar cómo se presenta una página web cuando se comparte en redes sociales y otras plataformas compatibles.

Sus etiquetas permiten definir elementos como el título, la descripción, la imagen y la URL que aparecerán en la vista previa.

Aunque Open Graph no es un factor de posicionamiento directo en Google, puede contribuir indirectamente a mejorar la presentación y difusión de los contenidos. Una configuración adecuada puede facilitar que los enlaces compartidos resulten más atractivos y reconocibles para los usuarios.

Por eso, si tienes una página web o un sitio WordPress, merece la pena comprobar que las etiquetas Open Graph están correctamente configuradas.