Marcado Open Graph
La mayor parte del contenido se comparte en Facebook como una URL, por lo que es importante que marques tu sitio web con etiquetas Open Graph para tener el control sobre cómo aparece tu contenido en Facebook. Para que tu sitio web sea compartido correctamente por nuestro rastreador, tu servidor también debe utilizar las codificaciones gzip y deflate.
Sin estas etiquetas Open Graph, el rastreador de Facebook utiliza la heurística interna para hacer una suposición sobre el título, la descripción y la imagen de vista previa de tu contenido. Designa esta información explícitamente con las etiquetas Open Graph para garantizar la máxima calidad de las publicaciones en Facebook.
Aquí tienes un ejemplo de contenido formateado con etiquetas Open Graph para una visualización óptima en Facebook:
Ejemplo de marcado
Por ejemplo, aquí tienes cómo marcar un artículo, noticia o entrada de blog con og:type="article" y varias propiedades adicionales:
Las propiedades incluyen metadatos descriptivos sobre el artículo que queremos presentar específicamente cuando alguien comparte el artículo.
Etiquetas básicas
Estas son las metaetiquetas más básicas que debes utilizar para todos los tipos de contenido:
| Tag | Descripción |
|---|---|
|
|
La URL canónica de tu página. Esta debe ser la URL no decorada, sin variables de sesión, parámetros de identificación del usuario o contadores. Los Likes y Shares para esta URL se agregarán en esta URL. Por ejemplo, las URL de dominios móviles deben apuntar a la versión de escritorio de la URL como la URL canónica para agregar Likes y Shares a través de diferentes versiones de la página. |
|
|
El título de tu artículo sin ninguna marca como el nombre de tu sitio. |
|
|
Una breve descripción del contenido, normalmente entre 2 y 4 frases. Se mostrará debajo del título de la publicación en Facebook. |
|
|
La URL de la imagen que aparece cuando alguien comparte el contenido en Facebook. Consulta más abajo para obtener más información, y echa un vistazo a nuestra guía de buenas prácticas para aprender a especificar una imagen de vista previa de alta calidad. |
|
|
Para utilizar Facebook Insights debes añadir el ID de la aplicación a tu página. Insights te permite ver las analíticas del tráfico a tu sitio desde Facebook. Encuentra el ID de la app en tu App Dashboard. |
También puedes añadir dos etiquetas adicionales para mejorar la distribución de tu contenido y conseguir más engagement:
| Tag | Descripción |
|---|---|
|
|
El tipo de medio de tu contenido. Esta etiqueta influye en cómo se muestra tu contenido en News Feed. Si no especifica un tipo, el valor predeterminado es |
|
|
La configuración regional del recurso. Por defecto es |