Prácticas recomendadas

Obtén información sobre las prácticas recomendadas a fin de implementar los elementos compartidos de Facebook de sitios web y aplicaciones móviles para la compilación de experiencias con aplicaciones que las personas comprendan y en las que confíen.

Recomendaciones para sitios web

  • Implementa el rastreador de Facebook para obtener una vista previa del contenido de Facebook disponible públicamente.

  • Debes activar GZIP o la codificación deflate en tu servidor web para asegurarte de que nuestro rastreador comparte correctamente tu sitio web.

  • Utiliza metaetiquetas de Open Graph para asegurarte de que el rastreador de Facebook extrae información útil, como el título, la descripción y la imagen de vista previa, acerca de tu sitio web cuando se comparte en Facebook.

  • Utiliza el depurador de contenido compartido para probar cómo ve nuestro extractor tus sitios web. La herramienta de depuración también actualiza el contenido extraído de tus sitios web, por lo que puede resultar útil si necesitas actualizarlos con una frecuencia superior a la estándar de 24 horas.

  • Haz un seguimiento de las interacciones de las personas en tu sitio web a medida que se produzcan con el SDK de Facebook para JavaScript. Por ejemplo, puedes suscribirte a eventos cuando alguien haga clic en un botón “Me gusta”, envíe un mensaje con el botón “Enviar” o realice un comentario. Consulta la guía de referencia de FB.Event.subscribe para aprender a hacer un seguimiento de estos eventos.

  • Activa la opción “Seguir” para permitir 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 o 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.

    • Activa “Seguir”: ve a "Configuración de la cuenta" de tu página 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 e historial 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 seguidores. 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.

Imágenes

  • Utiliza imágenes de al menos 1080 píxeles de ancho para optimizar la visualización en dispositivos de mayor resolución. Como mínimo, deberías usar imágenes que tengan 600 píxeles de ancho a fin de mostrar anuncios con enlace que incluyan imágenes. Recomendamos usar imágenes con una relación de aspecto de 1:1 en el contenido del anuncio para obtener un mejor rendimiento para los anuncios con enlace que incluyan imágenes.
  • Para almacenar las imágenes en caché previamente mediante la URL, utiliza el depurador de contenido compartido de URL con tal de almacenar previamente los metadatos del sitio web. Debes realizar también esta acción si actualizas la imagen de un elemento de contenido.
  • Utiliza las etiquetas og:image:width y og:image:height de Open Graph para indicar al rastreador las dimensiones de la imagen a fin de que pueda mostrarla al instante sin necesidad de descargarla ni procesarla de forma asíncrona.

Imágenes de aplicaciones de juegos

  • Las imágenes de historias de Open Graph se muestran con un formato rectangular. La relación de aspecto en estas aplicaciones debe ser de 600 × 600 píxeles.
  • Las imágenes de las historias que no son de Open Graph se muestran con forma rectangular. Debes usar una relación de aspecto de 1,91:1 (por ejemplo, 600 × 314 píxeles).

Recomendaciones para móviles

  • Utiliza App Links para crear un enlace a una ubicación específica de la aplicación de Facebook y activar una experiencia fácil de usar.

  • Utiliza el cuadro de diálogo de mensajes para que tus usuarios puedan compartir contenido de forma privada. Permite que las personas compartan historias con contenido desde tu aplicación, de un modo más personal y a una audiencia restringida más específica mediante Facebook Messenger.

  • Haz un seguimiento de los eventos de la aplicación con el administrador de eventos de Facebook.

  • Usa el encabezado de agente de usuario HTTP para 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:

    • Busca 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 un parámetro HTTP User-Agent con el valor FB_IAB/FB4A para Android y FBAN/FBIOS para iOS.