abrir gráficos



logo de Facebook

abrir gráficos es una tecnología introducida por primera vez por Facebook en 2010 que permite la integración entre Facebook y sus datos de usuario y un sitio web. Al integrar las metaetiquetas de Open Graph en el contenido de su página, puede identificar qué elementos de su página desea mostrar cuando alguien comparte su página.



Por ejemplo, puede usar la etiqueta og: image para especificar qué imagen desea que Facebook use cuando se comparta su página. Al especificar la información de Open Graph, Facebook no tiene que adivinar qué información usar cuando se comparte su página.

Ejemplo de metaetiquetas de Open Graph

A continuación, se muestra un ejemplo de cómo aparecen las metaetiquetas de Open Graph en esta página para que comprenda mejor cómo se pueden utilizar. Si está familiarizado con HTML metaetiquetas , notará inmediatamente que la única diferencia real entre las metaetiquetas y las etiquetas de Open Graph son los atributos de propiedad disponibles.



|_+_|

Cómo agregar metaetiquetas de Open Graph

Como otras metaetiquetas, las etiquetas de Open Graph deben estar en el cabeza de una página HTML. Si cambia el HTML usted mismo, estas etiquetas se pueden agregar mediante cualquier Editor de HTML . Si está utilizando un CMS como WordPress, puede cambiar la plantilla o usar un complemento como Yoast para administrar estas etiquetas.

Descripción general de las metaetiquetas de Open Graph

A continuación se muestra una lista de las principales propiedades de las metaetiquetas de Open Graph que se pueden utilizar con una breve descripción. Intentamos enumerar cada uno de estos por nivel de importancia. Además, debe tenerse en cuenta que no todas estas etiquetas son obligatorias, pero ayudan a identificar correctamente partes de su página.



y: título

El título de la página.

y: imagen

La imagen que desea usar cuando se comparte la página. El uso de la propiedad og: image es útil si su página tiene varias imágenes y desea que se use una imagen en particular.

Nota

Facebook no utiliza ninguna imagen de menos de 300 píxeles de ancho y 200 píxeles de alto.

y: descripción

La descripción de la página.

y: tipo

El tipo de objeto o página que está describiendo. Algunos de los tipos que podrían usarse incluyen artículo, música, álbum, video, película y sitio web.

y: url

La URL canónica del objeto o la página.

y: locale

La ubicación de la información. De forma predeterminada, el valor de la configuración regional es en_US y no es necesario a menos que no sea inglés o esté fuera de los Estados Unidos.

Cómo probar la integración de Open Graph de su sitio web

Facebook ofrece un depurador de Open Graph que permite a cualquiera probar su página y ver cómo se ve cuando se comparte en Facebook. El uso de esta herramienta ayuda a verificar que se detecte su Open Graph y que no haya otros errores que no conozca en la página.