Comme vous le savez, Google a annoncé qu’à partir d’aujourd’hui, l’algorithme étendra son utilisation de la convivialité mobile en tant que signal de classement pour les recherches mobiles.
La majorité des sites Web qui souffriront de cette mise à jour seront ceux qui ne présenteront qu’un design orienté bureau. Adapter la conception pour qu’elle fonctionne également pour les smartphones et les tablettes peut être facile, nécessitant quelques modifications des feuilles de style, ou peut être difficile, nécessitant une refonte complète.
Google prend continuellement en compte l’expérience utilisateur dans ses évaluations de classement, et avec l’explosion de l’utilisation des appareils mobiles au cours des dernières années, cette nouvelle annonce ne devrait pas surprendre.
Le Global Web Index (GWI) a révélé au troisième trimestre 2014 que sur 90 % de l’audience Internet mondiale interrogée, 80 % des adultes possédaient un smartphone et près de 50 % possédaient une tablette, 75 % et 37 % respectivement utilisant leur appareil pour surfer sur Internet. .
En mai 2014, Google a ajouté des recommandations « Expérience utilisateur » dans son outil PageSpeed Insights, une application qui permet aux propriétaires de vérifier si leurs sites offrent une bonne expérience mobile.
Cinq lignes directrices importantes pour le mobile
Peu de temps après, Google a annoncé l’ajout de ses outils pour les webmasters pour suivre les pages contenant des erreurs « Mobile Usability » – liées à cinq directives importantes:
- Une zone de visualisation définie qui s’adapte à l’écran de l’appareil.
- Contenu qui s’écoule dans la fenêtre d’affichage, afin que les utilisateurs n’aient pas à faire défiler ou à pincer l’écran pour voir la page entière.
- Des polices à l’échelle pour une lecture plus facile sur les petits écrans.
- Éléments faciles à toucher (par exemple des boutons) qui sont bien espacés des autres éléments tactiles.
- Conception visuelle et mouvement pilotés par une technologie adaptée aux mobiles.
Ensuite, Google a lancé l’outil « Mobile-Friendly Test », qui vérifie n’importe quelle page par rapport aux directives mentionnées précédemment. À peu près à la même époque, le moteur de recherche a lancé le label « Mobile-Friendly » dans les résultats de recherche, en fonction du résultat de l’outil de test.
À partir du 21 avril, la nouvelle mise à jour qui booste les pages offrant une bonne expérience mobile sera appliquée uniquement sur la base du label « Mobile-Friendly ».
Des moyens concrets de décider comment passer au mobile
Il existe différentes manières de devenir mobile avec votre site Web et il est important de connaître les types disponibles du point de vue de la conception et du référencement.
Dans son guide de référencement mobile, Google a répertorié trois configurations mobiles possibles parmi lesquels les propriétaires de sites peuvent choisir : conception de sites Web réactifs, service dynamique et URL distinctes.
Vous vous demandez lequel choisir ? Ici et les avantages et inconvénients de chacun !
1. Conception de sites Web réactifs
La conception Web réactive est l’endroit où le même code HTML est envoyé à tous les appareils, mais le navigateur est informé de la manière d’ajuster la page pour qu’elle s’adapte au mieux à l’écran (appelé rendu).
AVANTAGES
- Il n’y a qu’une seule URL
- Une fois le site Web adapté, les futures modifications de conception ne doivent être apportées qu’une seule fois.
- Les développeurs Web utilisent un seul ensemble de code pour toutes les plateformes.
- Le site Web peut être adapté à différents appareils.
- La conception Web réactive n’a pas à détecter l’« agent utilisateur » (le navigateur ou l’appareil demandant la page Web) et a tendance à se charger plus rapidement.
LES INCONVÉNIENTS
- Si le site Web de bureau est complexe, il peut être impossible de créer une conception Web réactive pour s’adapter à l’écran d’un appareil mobile.
- La création d’une conception Web réactive à partir d’un site Web de bureau peut nécessiter beaucoup de savoir-faire technique.
- Avec un seul site Web, même s’il est réactif, vous ne pourrez peut-être pas offrir aux utilisateurs mobiles l’expérience qu’ils attendent.
2. Service dynamique
Une version distincte de la conception est créée pour les utilisateurs mobiles, mais l’URL du site Web de bureau est conservée – le code HTML et CSS sont diffusés sur différents appareils en fonction de l' »agent utilisateur » demandeur.
AVANTAGES
- Il n’y a qu’une seule URL.
- Étant donné que le code utilisé pour rendre la page est séparé, la conception peut être créée pour les besoins des utilisateurs mobiles.
- Il n’y a pas besoin de redirection.
LES INCONVÉNIENTS
- Il existe deux ensembles de codes de page à gérer.
- La liste des chaînes d’agent utilisateur doit être constamment mise à jour pour suivre les nouveaux modèles d’appareils mobiles.
- Si la détection de l’agent utilisateur a un problème, l’utilisateur peut voir la mauvaise version du site Web.
3. URL distinctes (site Web mobile distinct)
L’URL de bureau a un sous-domaine équivalent mais distinct créé pour les utilisateurs mobiles. Une page distincte est diffusée sur les ordinateurs de bureau et les appareils mobiles, à l’aide de la détection et de la redirection de l’agent utilisateur vers la bonne URL.
AVANTAGES
- Le code utilisé pour rendre la page est séparé, de sorte que le design peut être créé pour répondre aux attentes des utilisateurs mobiles.
- Ne nécessite pas de modifier la conception du bureau.
LES INCONVÉNIENTS
- Plus sujet aux erreurs car plusieurs balises doivent être configurées.
- Le sous-domaine séparé nécessite une configuration supplémentaire.
- Les clients mobiles qui entrent l’URL du bureau devront attendre d’être redirigés.
Une fois que vous avez décidé quel type de site Web mobile convient le mieux à votre entreprise et que le nouveau site est opérationnel, vérifiez si tout est en ordre avec cela. liste de contrôle pour le référencement mobile:
1. Exécuter l’outil de test adapté aux mobiles sur quelques types de pages pour s’assurer qu’ils passent le test.
2. Pour vous assurer que Google « voit » ces pages correctement, utiliser la fonctionnalité « Explorer comme Google » des outils pour les webmasters (avec Fetch and Render), en utilisant l’option Mobile: Smartphone, pour vérifier qu’aucun élément de conception (comme des images) ne manque.
3. Si vous avez opté pour le service dynamique, utilisez la fonction « Explorer comme Google » des Outils pour les webmasters pour assurez-vous que l’en-tête HTTP Vary est correctement défini.
4. Si vous avez opté pour des URL distinctes, utilisez la fonctionnalité « Explorer comme Google » des Outils pour les webmasters, en utilisant à la fois Desktop et Mobile: Options du smartphone pour garantir que les balises canoniques et alternatives sont correctement définies.
5. Une fois que tout s’est bien passé, utilisez le Fonctionnalité « Soumettre à l’indexation » sur la page d’accueil et les catégories principales (en utilisant l’option « Explorer cette URL et ses liens directs ») pour accélérer l’indexation de vos modifications de conception et de code.
6. Surveillez la section « Facilité d’utilisation mobile » des outils pour les webmasters afin de détecter toute erreur susceptible de s’afficher au fil du temps.
Vous devriez maintenant être « à l’épreuve des mobiles » et prêt à offrir à vos utilisateurs la meilleure expérience utilisateur possible et à bénéficier également de l’amélioration du classement de Google.
Pour plus d’informations sur la manière d’effectuer une transition en douceur vers le mobile, lisez l’intégralité du guide de cette mise à jour sur Le blog de conception de sites Web de New Design Group.
