Tabla de contenidos
¿Qué es el Open Graph?
El Open Graph es un protocolo de metadatos que permite una mejor integración de los sitios web con Facebook. Estos datos permiten que las publicaciones del sitio web se transformen en objetos enriquecidos dentro de la red social. El fragmento enriquecido de la publicación incluirá título, descripción, imagen y dirección del sitio web de origen. La correcta implementación de metadatos contribuirá a que tanto los buscadores como las redes sociales comprendan y organicen mejor la información de nuestro sitio web, otorgándonos beneficios para el SEO y la visibilidad en redes sociales.
El Open Graph de Facebook es el equivalente a las Twitter Cards de Twitter y a los Pins enriquecidos de Pinterest.
Integración manual del Open Graph
Para implementar este protocolo en tu sitio web de forma manual tenemos que añadir varias metaetiquetas (denominadas open graph data o datos og) entre las etiquetas <head> y </head> de nuestro sitio web. En ellas indicaremos los meta datos específicos a los que van a acceder los rastreadores de Facebook y de buscadores como Google y Bing. Cada metaetiqueta indica una propiedad «og». Las siguientes etiquetas indican, por orden: título del post, descripción del post, imagen, dirección URL de origen, sitio web de origen e idioma:
<meta property=»og:title» content=»Titulo de la publicación»>
<meta property=»og:description» content=»Descripción de la publicación»>
<meta property=»og:img» content=»http://www.dirección-imagen.archivo.jpg»>
<meta property=»og:url» content=»http://www.tusitio.com/direccion-url/»>
<meta property=»og:site_name» content=»http://www.tusitio.com»>
<meta property=»og:locale» content=»es_ES»>
Esta herramienta podemos comprobar la apariencia final del contenido con el marcado de Open Graph.
Plugins para la integración del protocolo Open Graph
Si usamos gestores de contenido, una forma muy sencilla de integrar el Open Graph de Facebook es a través de plugins. Por ejemplo, el plugin WordPress SEO de Yoast lo implementa automáticamente activando la opción correspondiente en su apartado social. Los plugins NetxGen Facebook y WP Open Graph realizan igualmente dicha función. También contamos con El módulo Facebook Open Graph para Prestashop, el Phoca Open Graph para Joomla y el Open Graph Meta Tags para Drupal.