Prácticas recomendadas para el uso compartido en sitios web y aplicaciones para celulares

Para sitios web

Queremos que todos los sitios (en particular, los sitios de noticias, las revistas, los blogs y otros sitios de medios) puedan llegar fácilmente a sus fans actuales y aumenten su número de fans. Sigue estas prácticas recomendadas para brindar a los usuarios una experiencia óptima en Facebook.

  1. Utiliza las estadísticas de Facebook para medir el éxito de tu contenido
  2. Asegúrate de que el rastreador de Facebook pueda acceder a tu sitio
  3. Utiliza etiquetas adecuadas de Open Graph para aumentar la distribución
  4. Optimiza las imágenes para generar excelentes vistas previas
  5. Utiliza el depurador de contenido compartido para depurar tus etiquetas de Open Graph
  6. Anima a tus creadores de contenido a que activen "Seguir"
  7. Implementa el seguimiento de eventos de JavaScript para seguir el uso de plugins en tiempo real

Para aplicaciones para celulares

También queremos que a los desarrolladores de aplicaciones para celulares les resulte fácil convertir a sus usuarios en sus mayores defensores. La clave está en proporcionar a los usuarios experiencias que comprendan y en las que confíen cuando compartan contenido en Facebook. A continuación, figuran algunas prácticas que te recomendamos seguir:

  1. Pide permisos para publicar de forma explícita cuando los usuarios compartan contenido
  2. Utiliza App Links para enlazar desde Facebook a un lugar concreto de tu aplicación con el fin de brindar una experiencia sin fisuras
  3. Utiliza el cuadro de diálogo de mensajes para que tus usuarios puedan compartir contenido de forma privada
  4. Utiliza Facebook Analytics para realizar un seguimiento de los resultados que obtienes
  5. Utiliza el encabezado de agente de usuario HTTP para contar el tráfico de referencia de tu sitio web desde dispositivos móviles iOS y Android

Prácticas recomendadas para el uso compartido en sitios web

1. Utiliza las estadísticas de Facebook para medir el éxito de tu contenido

Las estadísticas de Facebook proporcionan a los desarrolladores y a los propietarios de sitios resultados acerca de su contenido. Puedes consultar el alcance de determinadas historias, seguir la creación y el consumo de un contenido concreto, y ver datos demográficos sobre las personas que comparten tu contenido e interactúan con él. Conociendo y analizando estas tendencias, estarás en condiciones de mejorar tu sitio y de brindar a tus usuarios una experiencia óptima cuando compartan contenido.

Estos datos están disponibles en internet y a través de una API para desarrolladores. Obtén información sobre cómo reclamar tu dominio y empezar a seguir resultados en nuestra guía de estadísticas.

Algunos plugins tienen también un parámetro ref que puede utilizarse para realizar un seguimiento de la generación de tráfico en tu sitio. Si un amigo hace clic en una historia acerca de una persona a la que le gusta una de tus páginas, pasaremos el parámetro ref de vuelta al sitio, donde podrás seguirlo con tu propio software de análisis. Para obtener más información, consulta los parámetros de plugins sociales.


2. Acceso del rastreador de Facebook

El rastreador de Facebook captura contenido de tu sitio y genera una vista previa en Facebook. El rastreador de Facebook se activa cuando alguien comparte una URL en Facebook e indica que le gusta una página o la recomienda en tu sitio utilizando un plugin. Si el contenido es de dominio público, no deberíamos tener problemas para acceder a él.

Puedes obtener más información sobre cómo asegurarte de que el rastreador de Facebook pueda acceder a tu sitio en la guía del rastreador de Facebook.


3. Utiliza etiquetas adecuadas de Open Graph

Cuando alguien comparta contenido en Facebook desde tu sitio, nuestro rastreador extraerá el HTML de la URL que se comparta. En una página HTML normal, este contenido es básico y puede ser incorrecto, ya que la herramienta de extracción tiene que determinar qué contenido es importante y cuál no.

Para asumir el control de lo que elige el rastreador de Facebook de cada página, utiliza metaetiquetas de Open Graph. Estas etiquetas proporcionan información estructurada sobre la página, como el título, la descripción, la imagen de vista previa, etc.

Ejemplos de uso correcto

Título

Título claro sin identificación de marca ni menciones al dominio.

URL

URL sin identificador de sesión ni parámetros superfluos. Todas las veces que se comparta el artículo en Facebook, esta será la URL que lo identifique.

Descripción

Descripción clara que conste al menos de dos oraciones.

Identificador de la aplicación de Facebook

Identificador de la aplicación de Facebook para que tu sitio web se identifique ante Facebook.

Tipo de objeto

El tipo del objeto:

Localización

Este artículo tiene algunas traducciones.

Autor y editor

Este artículo tiene un autor y un editor.


Ejemplos de uso incorrecto

Título incorrecto

El título no debe tener elementos de marca ni información superflua.

URL incorrecta

Esta URL tiene información superflua que cambia en función del usuario, lo que provoca que los Me gusta y las veces que se comparta el artículo se distribuyan en varias URL, en lugar de agruparse para todos los usuarios que lo compartan.

Descripción genérica

La descripción es demasiado genérica y no tentará a los usuarios a hacer clic.

Imagen genérica

La imagen es demasiado genérica y provocará el mismo efecto en todas las historias. La resolución es solo de 100 × 100 píxeles, por lo que no podrá mostrarse en dispositivos de mayor resolución.

Ausencia del identificador de la aplicación de Facebook

No olvides las etiquetas "fb:app_id", "article:author" y "article:publisher".


4. Optimiza las imágenes para generar excelentes vistas previas

Tamaños de imagen

Utiliza imágenes de al menos 1.200 × 630 píxeles para optimizar la visualización en dispositivos de mayor resolución. Como mínimo, utiliza imágenes de 600 × 315 píxeles, con el fin de mostrar publicaciones de la página con enlace que incluyan imágenes de mayor tamaño. Las imágenes pueden tener hasta 8 MB.

Imágenes pequeñas

Si la imagen tiene menos de 600 × 315 píxeles, se mostrará de todos modos en la publicación de la página con enlace, pero con un tamaño mucho menor.

Asimismo, rediseñamos las publicaciones de la página con enlace para que la relación de aspecto de las imágenes sea la misma en la sección de noticias del celular y de la computadora. Utiliza imágenes con una relación de aspecto lo más cercana posible a 1,91:1, con el fin de mostrar la imagen completa sin recortes en la sección de noticias.

Tamaño mínimo de imagen

El tamaño mínimo de imagen es de 200 × 200 píxeles. Si intentas utilizar una imagen más pequeña, aparecerá un error en el depurador de contenido compartido.

Imágenes de aplicaciones de juegos

En las aplicaciones de juegos, pueden utilizarse dos tamaños de imagen diferentes:

  • Historias de Open Graph: las imágenes se muestran con forma cuadrada. La relación de aspecto de las imágenes debe ser de 600 × 600 píxeles.
  • Historias que no son de Open Graph: las imágenes se muestran con forma rectangular. Utiliza una relación de aspecto de 1,91:1; por ejemplo, 600 × 314 píxeles.

Obtén más información sobre el uso de Open Graph para juegos.

Almacenar imágenes previamente en caché

Cuando se comparta un contenido por primera vez, el rastreador de Facebook extraerá y almacenará en caché los metadatos de la URL compartida. El rastreador debe ver una imagen al menos una vez para que se pueda mostrar. Por lo tanto, la primera persona que comparta un contenido no verá ninguna imagen:

Hay dos formas de evitar esta situación y mostrar imágenes la primera vez que un contenido reciba un Me gusta o se comparta:

1. Almacenar la imagen previamente en caché mediante el depurador de contenido compartido

Ejecuta la URL a través del depurador de URL para hacer una captura previa de los metadatos de la página. Debes realizar también esta acción si actualizas la imagen de un contenido.

2. Utilizar las etiquetas og:image:width y og:image:height de Open Graph

Estas etiquetas le indicarán al rastreador el tamaño de la imagen, por lo que podrá mostrarla al instante sin necesidad de descargarla y procesarla de forma asincrónica.


5. Utiliza el depurador de contenido compartido para depurar tus etiquetas de Open Graph

Dar con las metaetiquetas y los plugins sociales correctos puede implicar realizar numerosos ajustes; por este motivo, proporcionamos una herramienta de depuración que te permitirá probar cómo ven tus páginas nuestra herramienta de extracción. Simplemente, especifica la URL de tu página y obtendrás una página con información útil, como las metaetiquetas que se van a escoger de tu página y cualquier error o advertencia con relación a tu contenido que podría afectar a los plugins sociales.

La herramienta de depuración también actualiza todo el contenido extraído de tus páginas, por lo que puede resultar útil si necesitas actualizarlas con una frecuencia superior a la estándar de 24 horas.


6. Anima a tus creadores de contenido a que activen "Seguir"

"Seguir" permite a los creadores de contenido compartir actualizaciones públicas con sus seguidores y reservar al mismo tiempo las actualizaciones personales exclusivamente para sus amigos. Por ejemplo, los periodistas pueden permitir a sus lectores y espectadores seguir su contenido público, como las fotos tomadas en un lugar determinado o los enlaces a artículos publicados. "Seguir" es una forma sencilla y eficaz para que los miembros de tu público conecten contigo y estén al tanto de tu contenido, sin necesidad de agregarlos a tu lista de amigos.

Empezar a usar "Seguir":

  • Activa "Seguir": ve a "Configuración de la cuenta" y haz clic en la pestaña "Seguidores". Marca la casilla para permitir seguidores y, si lo deseas, ajusta tu configuración para permitir comentarios y notificaciones de estos.
  • Completa tu biografía: asegúrate de que tu biografía tenga un aspecto profesional. Agrega una foto de portada, tu cargo y tus antecedentes laborales, tus hitos profesionales clave y los acontecimientos importantes de tu vida.
  • Observa: sigue a otros periodistas, fotógrafos, escritores y cualquiera que cuente con un gran número de fans. Visita sus biografías y averigua qué tipo de contenido comparten.
  • Publica para tus seguidores: comparte fotos interesantes, enlaces a tu contenido, actualizaciones sobre aquello en lo que estés trabajando, etc. Las publicaciones que definas como "públicas" aparecerán en la sección de noticias de tus seguidores.

7. Implementa el seguimiento de eventos de JavaScript para seguir el uso de plugins en tiempo real

Es posible que quieras realizar un seguimiento de las interacciones de los usuarios con plugins sociales de tu sitio a medida que tienen lugar. El SDK de Facebook para JavaScript permite la suscripción a eventos cuando alguien hace clic en el botón "Me gusta", envía un mensaje mediante el botón "Enviar" o deja un comentario. En la guía de referencia de FB.Event.subscribe, encontrarás información sobre cómo realizar un seguimiento de estos eventos.

Prácticas recomendadas para el uso compartido en dispositivos móviles

Deja que tus usuarios sean tus mayores defensores al ofrecerles un modo sencillo de contarles a sus amigos sobre tu aplicación mediante el uso compartido de Facebook.

La clave está en proporcionar a los usuarios experiencias que comprendan y en las que confíen cuando compartan contenido en Facebook. Desde el punto de vista de los usuarios de tu aplicación, compartir contenido les permite hablar con sus amigos de lo que realmente les importa, con lo que mejora su experiencia con la aplicación. A ti, como desarrollador, el uso compartido te permite dar a conocer tu aplicación a través de impresiones en la sección de noticias de Facebook. Además, cuando una persona interactúa con el contenido publicado desde tu aplicación, este puede enviarle a la aplicación o a su página en la tienda de aplicaciones, con el consiguiente aumento del tráfico y de las instalaciones de la aplicación.

Hay cuatro maneras de permitir que tus usuarios compartan contenido en dispositivos móviles:

  • Cuadro de diálogo de contenido compartido para dispositivos móviles: iOS y Android
  • API de contenido compartido para dispositivos móviles: iOS y Android
  • Botón "Me gusta" para dispositivos móviles: iOS y Android
  • Botón "Compartir" para dispositivos móviles: iOS y Android
  • Cuadro de diálogo de mensajes: iOS y Android:

Las aplicaciones que siguen estas prácticas recomendadas hacen que las personas se sientan cómodas compartiendo contenido, por lo que generan una situación en la que tanto desarrolladores como usuarios salen ganando.

A continuación, figuran una serie de prácticas que te recomendamos seguir:

  1. Pide permisos para publicar de forma explícita cuando los usuarios compartan contenido
  2. Utiliza App Links para enlazar desde Facebook a un lugar concreto de tu aplicación con el fin de brindar una experiencia sin fisuras
  3. Utiliza Open Graph para personalizar tus historias y hacer que resulten más atractivas
  4. Utiliza el cuadro de diálogo de mensajes para que tus usuarios puedan compartir contenido de forma privada
  5. Utiliza Facebook Analytics para realizar un seguimiento de los resultados que obtienes

1. Pide permisos para publicar de forma explícita cuando los usuarios compartan contenido

Debes activar la solicitud de permisos cuando una persona intente realizar una acción con la aplicación que requiera ese permiso específico. Solicitar permisos en contexto es especialmente importante en el caso de los permisos de publicación. Recomendamos pedir estos permisos de publicación una vez que los usuarios hagan clic en las opciones de compartir o publicar de la aplicación. Si tu aplicación solo necesita funciones básicas para compartir contenido (por ejemplo, compartir un elemento a la vez o no necesita un editor de publicaciones personalizado), puedes utilizar nuestro cuadro de diálogo de contenido compartido para iOS y Android.


Uno de los aspectos más interesantes de que se comparta contenido en Facebook desde tu aplicación es que, cuando los usuarios interactúan con las historias publicadas desde ella en la sección de noticias, dichas historias pueden dirigirlos a tu aplicación o a su página en la tienda de aplicaciones, con el consiguiente aumento del tráfico y de las instalaciones de la aplicación. Puedes implementar esta opción utilizando App Links. App Links es un estándar que permite crear enlaces profundos a contenido de tu aplicación. Si un usuario de tu aplicación comparte contenido mediante Facebook (u otra aplicación compatible con App Links), puedes crear un enlace que haga posible volver directamente a dicho contenido dentro de tu aplicación.


3. Utiliza el cuadro de diálogo de mensajes para que tus usuarios puedan compartir contenido de forma privada

El cuadro de diálogo de mensajes permite utilizar Facebook Messenger para compartir explícitamente historias desde tu aplicación, de un modo más personal y a un público más limitado. App Links realiza una transición fluida a la ubicación correspondiente de tu aplicación.


4. Utiliza Facebook Analytics para realizar un seguimiento de los resultados que obtienes

Facebook Analytics proporciona a los desarrolladores y a los propietarios de páginas resultados acerca de su contenido. Al conocer y analizar estas tendencias sobre el uso y los datos demográficos, como también sobre el consumo y la creación de contenido, estarás en condiciones de mejorar tu negocio y de brindar a tus usuarios una mejor experiencia en Facebook. Visita Facebook Analytics para obtener más información.


5. Utiliza el encabezado de agente de usuario HTTP

Puede que quieras realizar un seguimiento del tráfico de referencia de tu sitio web desde la aplicación de Facebook para iOS o Android. Esta es una práctica habitual cuando los usuarios comparten enlaces a tu sitio web en su sección de noticias y sus contactos hacen clic en ellos en dispositivos móviles. Tu aplicación debe:

  • Buscar un encabezado de referencia HTTP con un valor que incluya facebook.com

  • Comprobar si el tráfico de referencia se origina desde la aplicación de Facebook para iOS y Android o desde un navegador web para celulares en estos canales. Busca HTTP User-Agent con el valor FB_IAB/FB4A para Android y FBAN/FBIOS para iOS.