El protocolo Open Graph: optimizar el intercambio de contenidos en las redes sociales

A través de nuestra Agencia SEO Optimizar 360

¿Qué es el protocolo Open Graph?

Le Protocolo Open Grapho simplemente OG, es una tecnología desarrollada por Facebook para optimizar la forma en que se presenta el contenido de una página web cuando se comparte en las redes sociales.

Este método de optimización consiste en añadir metaetiquetas en el código fuente de la página para mejorar la visibilidad y el aspecto de las publicaciones.

Los principios del protocolo Open Graph

Cuando un usuario comparte una página web en una red social como Facebook, Twitter o Pinterestla plataforma recupera cierta información del sitio para generar una vista previa de la publicación. Esta vista previa generalmente incluye :

Un título
Una descripción
Una imagen asociada

La importancia de las metaetiquetas OG

Para controlar esta información cuando se comparte una página, el protocolo Open Graph utiliza metaetiquetas específicas que se añaden a la cabecera del documento HTML. Estas etiquetas permiten a las redes sociales saber qué datos mostrar en la vista previa de la publicación para ofrecer a sus usuarios una mejor experiencia.

Las diferentes etiquetas Open Graph

El protocolo OG ofrece varias etiquetas que pueden utilizarse para personalizar la visualización de tus contenidos en las redes sociales:

og :title : define el título de la página que se mostrará en la vista previa.
og :descripción Añada una breve descripción del contenido o un resumen de la página.
og :imagen URL: indica la URL de la imagen que se utilizará como ilustración principal de la publicación. Esta imagen debe estar en formato JPEG, GIF o PNG y tener un tamaño adecuado para las redes sociales (se recomiendan 1200×627 píxeles).
og :tipo Tipo de contenido compartido: especifica el tipo de contenido compartido (artículo, vídeo, producto, etc.).
og :url : especifica la URL canónico de la página, es decir, la dirección web que se utilizará como referencia al compartirla.
og :local Información local: indica el idioma y la región del contenido para mostrar información local a usuarios internacionales.
og :nombre_sitio : menciona el nombre del sitio web de donde proceden los contenidos.
og :audio y og :video archivos de audio o vídeo vinculados al contenido de la página.

Ejemplo de código HTML con etiquetas OG

He aquí un ejemplo de código fuente que incorpora algunas etiquetas Open Graph para la página de un artículo:

< !DOCTYPE html>
<html>
  <head>
    <meta property="og :title" content="Titre de l'article" />
    <meta property="og :description" content="Un résumé de l'article pour donner envie aux utilisateurs des réseaux sociaux de cliquer." />
    <metahttps://www.mon-site.com/images/mon-image.jpg" /&gt;
    <meta property="og :type" content="article" />
    <meta property="og :url" content="https://www.mon-site.com/articles/titre-de-l-article" />
    <meta property="og :locale" content="fr_FR" />
    <meta property="og :site_name" content="Le nom de mon site Web" />
  </head>
  ...
</html>

Ventajas del protocolo Open Graph para la optimización de motores de búsqueda (SEO)

Mejora de la visibilidad y el aspecto de las publicaciones

Al controlar la información que se muestra cuando se comparte una página web, OG ayuda a garantizar que su contenido sea valorado en las redes sociales. Las publicaciones acompañadas de una buena vista previa (título, descripción e imagen llamativos) tienen más probabilidades de llamar la atención y generar más clics y engagement.

Menor tasa de rebote

Con la opción de añadir una descripción clara y llamativa del contenido en el og :descripciónDe este modo, los usuarios sabrán exactamente qué esperar cuando hagan clic en su enlace. Esto reduce la probabilidad de clics accidentales y, por tanto, reduce la porcentaje de rebotes.

Mejor asignación del tráfico a su sitio web

El uso de metaetiquetas OG garantiza que su contenido esté correctamente vinculado a la vista previa publicada en una red social, lo que permite a los usuarios identificarle y acceder fácilmente a su sitio web para saber más y compartir más.

Compatibilidad e integración del protocolo Open Graph

Aunque inicialmente fueron diseñadas por Facebook, las etiquetas OG también son reconocidas por otras redes sociales como Twitter y LinkedIn. Sin embargo, algunas plataformas tienen sus propias metaetiquetas (como Twitter Cards), por lo que es recomendable integrar tanto las etiquetas Open Graph como las específicas de cada red para optimizar el alcance y el engagement de tus publicaciones.

Para asegurarte de que las etiquetas Open Graph se aplican correctamente a tu sitio web, puedes utilizar diversas herramientas que ofrecen las propias redes sociales, como "Sharing Debugger" de Facebook o "Card Validator" de Twitter. Estas herramientas le permiten comprobar si las etiquetas pueden recuperarse correctamente, así como previsualizar el aspecto de sus publicaciones en distintas plataformas.

Por último, varios plugins y extensiones para CMS (Sistema de gestión de contenidos) como WordPress y Joomla ofrecen añadir automáticamente etiquetas Open Graph a las páginas para facilitar su integración y gestión.

Con el protocolo Open Graph, optimizar sus contenidos para compartirlos con éxito en las redes sociales es ahora tan fácil como 1-2-3. Adopte ya este método para mejorar la visibilidad de sus páginas web y ponga todas las posibilidades de su lado para generar más tráfico y compromiso en su sitio.