El Open Graph y su impacto en el SEO

Definición del protocolo Open Graph

La definición oficial del protocolo Open Graph indica que se trata de un protocolo que permite a una página web convertirse en un objeto «rico» en una red social.

Más concretamente, el protocolo Open Graph es un conjunto de etiquetas que permite a un webmaster ofrecer información precisa sobre sus páginas a las principales redes sociales (Facebook, Google+, Twitter, Linkedin...). Esta información permitirá a las redes sociales visualizar mejor en una de estas páginas el enlace que sus usuarios hayan colocado.

El protocolo Open Graph fue creado originariamente por Facebook y a día de hoy es gestionado por la Open Web Foundation.

open graph tags

¿Qué impacto tiene el Open Graph en el SEO?

En teoría, el impacto del Open Graph en el SEO es limitado. En efecto, el protocolo Open Graph está destinado en origen a las redes sociales (Facebook, Google+, Twitter...) y no a los motores de búsqueda (Google, Bing...).

Sin embargo, en la práctica las redes sociales como Facebook han obtenido tal importancia desde hace algunos años que los motores de búsqueda no pueden ignorar los datos del Open Graph en sus algoritmos. Sería bastante osado describir con exactitud este impacto, pero sin duda alguna existe. También es cierto que los principales motores de búsqueda analizan estas etiquetas Open Graph. En concreto, el motor de búsqueda Google tal vez tenga tendencia a favorecer las páginas utilizadas en su red social Google+.

Históricamente, el webmaster debía fijarse sobre todo en las etiquetas title y meta description de sus páginas para el posicionamiento natural. Hoy en día, también tiene interés en introducir las etiquetas Open Graph en sus páginas, en concreto si sus páginas son muy compartidas en las redes sociales como Facebook.

Colocación de los tags Open Graph

Para iniciar el protocolo Open Graph, solo hay que:

  • añadir el namespace «http://ogp.me/ns#» al tag html;
  • añadir etiquetas meta con los atributos property y content dentro de las etiquetas head;
  • tener en cuenta que las especificaciones definen 4 etiquetas del Open Graph como «requerido»: og:title, og:type, og:url, og:image;
  • también hay otros tags útiles, sobre todo si tu página posee contenido rico (en vídeo).

Aquí tienes un ejemplo preciso de inserción de datos Open Graph:

<html xmlns:og="http://ogp.me/ns#">
<head>
<title>artículo sobre el Open Graph</title>
<meta property="og:title" content="artículo sobre el Open Graph para Yakaferci" />
<meta property="og:type" content="artículo" />
<meta property="og:url" content="http://www.yakaferci.com/open-graph/" />
<meta property="og:image" content="http://www.yakaferci.com/imagens/yakaferci_small.jpg" />
...
</head>
...
</html>

Para las especificaciones técnicas completas del Open Graph, puedes consultar el sitio oficial del Open Graph.

La herramienta gratuita de Yakaferci para analizar las etiquetas Open Graph de tus páginas

Yakaferci ofrece una herramienta para validar la calidad de tus etiquetas Open Graph.


Analizar las etiquetas Open Graph de la página:
Analizar mi página


Para iniciar el análisis de Yakaferci, basta con introducir el enlace hacia tu página en el cuadro de aquí arriba y pinchar en el botón Analizar. De este modo podrás acceder a las distintas páginas del informe.

La herramienta gratuita de Facebook para analizar las etiquetas Open Graph de tus páginas

Facebook ofrece otra herramienta útil: el Debugger Open Graph.

Las principales etiquetas del Open Graph

La etiqueta Open Graph meta og:title (requerido)

Es el título de tu página para Open Graph (por ejemplo: Facebook, Linkedin...).

No hay recomendaciones oficiales sobre la extensión máxima de este campo. No obstante, es preferible no sobrepasar 65 caracteres para estar seguros de que el título no se corta al visualizarlo en el sitio de una red social.

La etiqueta Open Graph meta og:type (requerido)

Es tu tipo de página (sitio web, artículo, vídeo, música...). Campo requerido. Este campo describe el tipo principal de objeto contenido en tu página. Estos tipos están predeterminados. Consulta el sitio oficial del Open Graph para ver la lista completa de los tipos posibles.

La etiqueta Open Graph meta og:image (requerido)

Es la URL de la imagen que representa tu página en la Open Graph. Campo requerido.

La etiqueta Open Graph meta og:url (requerido)

Es la URL «canónica», es decir, la de referencia de tu página. Campo requerido. La mayor parte del tiempo, la URL canónica se visualiza en el navegador al mostrar la página mencionada. Es útil sobre todo si tu sitio puede tener varias URL dinámicas que apuntan a la misma página.

La etiqueta Open Graph meta og:description

Es una descripción corta de tu página. Las recomendaciones oficiales indican que solo debe contener una o dos frases como máximo. Oficialmente, no hacen falta más de 300 caracteres.

La etiqueta Open Graph meta og:video

Si tienes un vídeo en tu página, aquí es donde debes situar su URL.

La etiqueta Open Graph meta og:locale

Es el idioma de tu página (en_US, fr_FR...).

La etiqueta Open Graph meta og:sitio_name

Es el nombre global de tu sitio web.