Checklist et vidéos pour l'amélioration des sites web mobiles

Mardi 10 décembre 2013

Vous ne savez pas par où commencer pour améliorer votre site web mobile ? Vous vous demandez comment prioriser tous les conseils ? Nous venons de publier une checklist pour vous aider à adopter une approche efficace pour l’amélioration des sites web mobiles. Plusieurs sujets de la checklist renvoient à un cas client ou à une étude pertinente, d’autres sujets incluent une vidéo expliquant comment rendre exploitables les données de Google Analytics et Webmaster Tools pendant le processus d’amélioration. Vous trouverez ci-dessous des sections abrégées de la
checklist complète. Veuillez nous faire savoir s’il y a d’autres choses que vous aimeriez voir, ou si vous avez des sujets supplémentaires à nous suggérer d’inclure.

Étape 1 : Cessez de frustrer vos clients

• Supprimez les fenêtres supplémentaires encombrantes de tous les user-agents mobiles |
  Recommandation Google,
  Techniques publicitaires les plus détestées
• Pop-ups JavaScript qui peuvent être difficiles à fermer.
• Overlays, en particulier pour télécharger des applications (envisagez plutôt une bannière telle que
  iOS 6+ Smart App Banners
  ou équivalent, navigation latérale, marketing par e-mail, etc.).
• Demandes d’enquête avant l’achèvement de la tâche.
• Fournissez des fonctionnalités adaptées aux appareils
• Supprimez les fonctionnalités qui nécessitent des plugins ou des vidéos non disponibles sur l’appareil d’un utilisateur (par exemple, Adobe Flash n’est pas lisible sur un iPhone ou sur les versions Android 4.1 et supérieures). |
  Cas client
• Servez aux utilisateurs de tablettes la version de bureau (ou si disponible, la version tablette). |
  Étude
• Vérifiez que l’expérience de bureau complète est accessible sur les téléphones mobiles et, si elle est sélectionnée, reste dans la version de bureau complète pour la durée de la session (c’est-à-dire que l’utilisateur n’est pas obligé de sélectionner la “version de bureau” après chaque chargement de page). |
  Étude
• Corrigez les pages mobiles à fort trafic et à mauvaise expérience utilisateur
• Apportez des corrections rapides aux performances (et continuez si vous êtes en retard par rapport à la concurrence) |
  Cas client
• Pour voir tous les sujets de “Cessez de frustrer vos clients”, veuillez consulter la
  Checklist pour l’amélioration des sites web mobiles.

Étape 2 : Facilitez l’achèvement des tâches

• Optimisez le crawling, l’indexation et l’expérience de recherche |
  Cas client
• Débloquez les ressources (CSS, JavaScript) interdites par robots.txt.
• Mettez en œuvre les bonnes pratiques des moteurs de recherche compte tenu de votre implémentation mobile :
• Design responsive: Veillez à inclure la requête @media .
• Site mobile séparé: Ajoutez
  rel=alternate media et rel=canonicalainsi que l’en-tête HTTP
  Vary: User-Agent qui aide Google à mettre en œuvre
  Sauter la redirection.
• Service dynamique: Incluez l’en-tête HTTP
  Vary: User-Agent .
• Optimisez les flux de travail des personas mobiles populaires pour votre site

Étape trois : Transformez les clients en fans !

• Envisagez des points d’intégration de recherche avec des applications mobiles |
  Annonce,
  Information
• Trouvez de nouvelles façons d’apporter de la valeur
• Développez pour le comportement mobile, comme l’acheteur en magasin. |
  Cas client
• Exploitez le GPS, l’appareil photo et l’accéléromètre du smartphone.
• Augmentez le partage ou le comportement social. |
  Cas client
• Envisagez une fonctionnalité tactile intuitive/ludique avec des balayages, des secousses, des appuis.

Écrit par
Maile Ohye, Responsable technique des programmes pour développeurs