Prácticas recomendadas sobre la acción de compartir en sitios web y aplicaciones para móviles

Sitios web

Queremos que todos los sitios web (en particular, los sitios de noticias, las revistas, los blogs y otros sitios de medios) puedan llegar fácilmente a sus fans actuales y aumentar su número de seguidores. Sigue estas prácticas recomendadas para brindar a las personas 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 vistas previas de gran calidad.
  5. Utiliza el depurador de errores de contenido compartido para depurar tus etiquetas de Open Graph.
  6. Anima a tus creadores de contenido a que activen la opción “Seguir”.
  7. Implementa el seguimiento de eventos de JavaScript para seguir el uso de plugins en tiempo real.

Aplicaciones para móviles

También queremos que a los desarrolladores de aplicaciones para móviles les resulte fácil convertir a sus usuarios en sus mayores defensores. Para compartir contenido en Facebook de forma satisfactoria, la clave está en proporcionar a las personas experiencias que comprendan y en las que confíen. A continuación figuran algunas prácticas que te recomendamos seguir:

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

Prácticas recomendadas sobre la acción de compartir 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, realizar un seguimiento de 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. Si conoces y analizas estas tendencias, estarás en condiciones de mejorar tu sitio y brindar una experiencia óptima al compartir 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 comenzar a realizar un seguimiento de los resultados en nuestra guía de las 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 web. Si un amigo hace clic en una historia sobre una persona a la que le gusta una de tus páginas, pasaremos el parámetro ref a tu sitio y, desde ahí, podrás realizar un seguimiento con tu propio software de análisis. Para obtener más información, consulta los parámetros de los plugins sociales.


2. Acceso del rastreador de Facebook

El rastreador de Facebook captura contenido de tu sitio web y genera una vista previa que puede verse en Facebook. Este rastreador 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 web en la guía del rastreador.


3. Utiliza etiquetas adecuadas de Open Graph

Cuando alguien comparta contenido de tu sitio web en Facebook, 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 diferenciar el contenido importante del que no lo es.

Para controlar lo que elige el rastreador de Facebook en 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 o la imagen de vista previa, entre otros datos.

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 desconocidos. Esta será la URL que identifique al artículo en Facebook cada vez que se comparta.

Descripción

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

Identificador de la aplicación de Facebook

Identificador que permite que Facebook reconozca a tu sitio web.

Tipo de objeto

El tipo de 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 comparte 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 incitará 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 vistas previas de gran calidad

Tamaños de imagen

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

Imágenes pequeñas

La imagen se mostrará en la publicación de página con enlace aunque tenga menos de 600 × 315 píxeles, pero aparecerá con un tamaño mucho menor.

Asimismo, hemos rediseñado las publicaciones de página con enlace para que la relación de aspecto de las imágenes sea la misma en la sección de noticias de ordenadores y móviles. Intenta utilizar imágenes con una relación de aspecto lo más cercana posible a 1,91:1, para mostrarlas completas y 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 errores 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 en estas aplicaciones 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 con 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. Para que una imagen se pueda representar, el rastreador debe verla una vez al menos. Por lo tanto, la primera persona que comparta un contenido no verá ninguna imagen representada:

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 previamente en caché la imagen mediante el depurador de errores 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 elemento de contenido.

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

Estas etiquetas le indicarán al rastreador las dimensiones de la imagen, por lo que podrá mostrarla al instante sin necesidad de descargarla ni procesarla de forma asíncrona.


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

Es posible que para encontrar las metaetiquetas y los plugins sociales correctos tengas que realizar numerosos ajustes; por este motivo, proporcionamos una herramienta de depuración con la que podrás probar el modo en que nuestra herramienta de extracción ve tus páginas. Solo tienes que especificar la URL de tu página para obtener otra página con información útil, como las metaetiquetas de tu página que se van a escoger y los errores o las advertencias con relación a tu contenido que podrían afectar a los plugins sociales.

La herramienta de depuración también actualiza 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 la opción “Seguir”.

La opción “Seguir” permite que los creadores de contenido compartan actualizaciones públicas con sus seguidores y reserven las actualizaciones personales exclusivamente para sus amigos. Por ejemplo, los periodistas pueden permitir a sus lectores y espectadores seguir su contenido público, como fotos tomadas en un lugar determinado o enlaces a artículos publicados. Esta opción es un medio sencillo y eficaz para que los miembros de tu público conecten contigo y estén al tanto de tu contenido, sin necesidad de añadirlos a tu lista de amigos.

Primeros pasos con la opción “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 la configuración para permitir comentarios y notificaciones de estos.
  • Rellena tu biografía: asegúrate de que tu biografía tenga un aspecto profesional; añade una foto de portada, tu cargo y experiencia laboral, tus hitos profesionales y los eventos 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 o actualizaciones sobre aquello en lo que estés trabajando. Las publicaciones con la configuración de privacidad “Público” 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 las personas con los plugins sociales de tu sitio web a medida que estas tienen lugar. El SDK de Facebook para JavaScript permite suscribirse a eventos cuando alguien hace clic en un botón “Me gusta”, envía un mensaje con el botón “Enviar” o realiza 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 sobre la acción de compartir en dispositivos móviles

Deja que tus usuarios sean tus mayores defensores haciendo que les resulte sencillo compartir contenido en Facebook con sus amigos sobre tu aplicación.

Para compartir contenido en Facebook de forma satisfactoria, la clave está en proporcionar a las personas experiencias que comprendan y en las que confíen. Desde el punto de vista de las personas que usan 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, te permite dar notoriedad a 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 enviar a dicha persona a tu aplicación o a la página de esta en la tienda de aplicaciones, con el consiguiente aumento del tráfico y las descargas.

Puedes permitir que tus usuarios compartan contenido en dispositivos móviles de cuatro formas:

  • Cuadro de diálogo de contenido compartido para móviles: iOS y Android
  • API de contenido compartido para móviles: iOS y Android
  • Botón “Me gusta” para móviles: iOS y Android
  • Botón “Compartir” para 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 figura una serie de prácticas que te recomendamos seguir:

  1. Pide permisos para publicar de forma explícita cuando las personas compartan contenido.
  2. Utiliza App Links para enlazar desde Facebook a un lugar concreto de tu aplicación y proporcionar una experiencia sin interrupciones.
  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 si deseas realizar un seguimiento de los resultados que obtienes.

1. Pide permisos para publicar de forma explícita cuando las personas compartan contenido

Debes activar la solicitud de permisos cuando una persona intente realizar una acción en 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 una vez que las personas hagan clic en las opciones para compartir o publicar de la aplicación. Si tu aplicación solo necesita funciones básicas para compartir contenido (por ejemplo, compartir un elemento cada vez sin un editor personalizado), puedes utilizar nuestro cuadro de diálogo de contenido compartido para iOS y Android.


Uno de los aspectos más interesantes de compartir contenido en Facebook desde tu aplicación es que, cuando las personas interactúan con las historias publicadas desde esta en la sección de noticias, dichas historias pueden enviar a las personas a tu aplicación o a su página en la tienda de aplicaciones, con el consiguiente aumento del tráfico y las descargas. 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 una persona que usa 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 las personas puedan compartir contenido de forma privada

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


4. Utiliza Facebook Analytics si deseas 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. Si conoces y analizas las tendencias sobre uso y datos demográficos, así como sobre consumo y creación de contenido, estarás más preparado para mejorar tu empresa y brindar una experiencia en Facebook optimizada. Consulta la sección sobre Facebook Analytics para obtener más información.


5. Utiliza el encabezado HTTP de agente de usuario

Tal vez desees realizar un seguimiento del tráfico de referencia en dispositivos móviles de tu sitio web desde Facebook en iOS o Android. Esta es una práctica habitual cuando las personas 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 HTTP de referencia con un valor que incluya facebook.com.

  • Comprobar si el tráfico de referencia se origina en Facebook para iOS, Android o un navegador web para móviles en estos canales. Busca una cadena HTTP User-Agent con el valor FB_IAB/FB4A para Android y FBAN/FBIOS para iOS.