Open Graph

De Seobility Wiki
Saltar a: navegación, buscar

¿Qué es Open Graph?

Open Graph es un protocolo que se utiliza para influenciar la manera en que una página web se muestra en las redes sociales cuando se comparte.

Para ello, utiliza los metadatos que se integran en el código de las páginas, los cuales, al seguir un formato estandarizado, pueden ser usados por diferentes plataformas sociales. Esto permite que las y los desarrolladores web y SEOs influyan en cómo se presenta su página web al ser compartida en las redes.

Open Graph fue creado inicialmente por Facebook, pero desde entonces ha sido adoptado por otros canales de redes sociales, incluidos Twitter, Pinterest, LinkedIn, entre otros.

¿Para qué se utiliza Open Graph?

Las desarrolladoras y desarrolladores web utilizan Open Graph principalmente para mejorar el uso compartido de páginas de un sitio. Es decir, en lugar de que aparezca una imagen y una descripción generadas automáticamente, Open Graph les permite crear metadatos que indican a las redes sociales cómo representar una página cuando se comparte.

Por este motivo, al mejorar el modo en que se comparten las páginas en estas plataformas, Open Graph impacta directamente en el tráfico dirigido a un sitio web. Así pues, ofrece a las usuarias y usuarios, información relevante sobre el contenido y una imagen o un video llamativo, lo cual aumenta la interacción y logra una tasa de cliqueo más alta.

A su vez, al implementar meta etiquetas de Open Graph, las redes sociales también comprenden mejor la información de una página en un proceso similar al funcionamiento de los microdatos y JSON-LD en los buscadores. En ambos casos se consigue que el contenido sea más fácil de procesar y, por lo tanto, las plataformas sociales promueven el contenido a audiencias más relevantes, mejorando aún más su eficacia.

Open Graph

Un ejemplo del formato de una publicación de redes sociales utilizando las metaetiquetas Open Graph, como se ve en Facebook de History Latam

¿Qué son las metaetiquetas Open Graph?

Las metaetiquetas de Open Graph son el código que se utiliza para controlar cómo se muestra una URL y su contenido cuando se comparten en las redes sociales.

En este sentido, estas tags se agregan, generalmente, en la cabecera de una página web y se pueden identificar por el uso de "og:" en el inicio.

Ejemplos de diferentes etiquetas Open Graph

Hay muchas etiquetas Open Graph, siendo algunas de las más utilizadas:

  • og:title - La etiqueta de título u og:title, indica el título de la página.
<meta property="og:title" content="Metaetiquetas Open Graph: Todo lo que necesitas saber" />
  • og:image - Esta es la imagen que se debe mostrar.
<meta property="og:image" content="https://ejemplo.com/blog/wp-content/uploads/2020/01/fb-open-graph-1.jpg" />
  • og:type - El tipo de página web que se está compartiendo.
<meta property="og:type" content="artículo" />
  • og:url - La URL de la página.
<meta property="og:url" content="https://ejemplo.com/blog/open-graph-meta-tags/" />
  • og:description - La descripción del contenido que se desea mostrar.
<meta property="og:description" content="Esta es una descripción del contenido que se comparte." />
  • og:locale - Este es el idioma del contenido de la página.
<meta property="og:locale" content="es_ES" />
  • og:sitename - El nombre del sitio web (nota: no el nombre de la página sino el sitio en general).

Open Graph Wordpress

Una imagen de cómo las etiquetas Open Graph se pueden agregar fácilmente en WordPress usando el complemento Yoast

Redes sociales que implementan Open Graph

Varios canales de redes sociales han implementado Open Graph para permitir que las y los desarrolladoras/es web influyan en cómo se ven sus páginas cuando se comparten. Por lo general, siguen la misma sintaxis central, sin embargo, ciertos canales sociales usan etiquetas adicionales para agregar características específicas de la plataforma.

Por ejemplo, las redes sociales más grandes que actualmente funcionan con este protocolo son: Facebook, LinkedIn, Pinterest y Twitter. No obstante, es probable que haya muchas otras redes sociales que también lo utilicen, por lo cual es importante que los y las webmaster comprendan este concepto y lo implementen.

Importancia para el SEO

Open Graph no afecta directamente el rendimiento de SEO de un sitio, sin embargo, puede afectar los resultados de la promoción off page, ya que al mejorar la forma en que se muestran las publicaciones en las redes sociales que vinculan a una página web, los y las profesionales de SEO y las o los desarrolladoras/es web pueden mejorar la tasa de cliqueo, y también facilitar que las redes sociales comprendan y promocionen sus contenidos y publicaciones para la audiencia adecuada.

Ampliar conocimientos

Sobre las autoras y autores:
Seobility S
El equipo de Seobility Wiki está formado por expertas y expertos SEO, profesionales del marketing digital y especialistas en negocios con experiencia en SEO, marketing online y desarrollo web. Todos nuestros artículos pasan por un proceso editorial de varios niveles para proporcionarte la mejor calidad posible e información relevante y de utilidad. Conoce a la gente que hay detrás de la Wiki de Seobility.

Contenidos relacionados