Il est assez courant de voir des personnes utiliser des appareils portables pour rattraper leur retard dans leur lecture ou pour rechercher quoi que ce soit en ligne. Un rapport estime que 60 % des recherches commencent à partir d’un appareil mobile. Si votre public cible fait partie de cette population toujours en mouvement, vous n’avez vraiment pas le choix – vous devez vous assurer que votre site Web est beau et fonctionne bien sur les téléphones mobiles. Dans cet article, examinons certaines choses que vous pouvez faire pour rendre votre site Web WordPress convivial pour les mobiles.
Un site Web optimisé pour les appareils mobiles apparaît comme une petite version de votre site Web habituel. Pour y parvenir, vous devez optimiser tous les éléments de votre site web pour répondre à la taille de votre écran. Et, pour attirer et retenir le trafic, vous devrez vous assurer que votre site Web se charge rapidement, en particulier sur les appareils mobiles.
Un Googlebot examine de nombreux éléments lorsqu’il vérifie si une page Web est adaptée aux mobiles, notamment :
- si la page comprend trop de publicités ou de logiciels qui ne sont pas adaptés aux appareils mobiles, tels que Flash et Java.
- si la taille du contenu est réduite à l’écran et que le texte est lisible, sans zoom ni défilement horizontal.
- si les maillons sont bien espacés pour qu’ils soient faciles à toucher.
Pourquoi votre site WordPress doit être adapté aux mobiles
Rendre un site Web WordPress adapté aux mobiles est un corollaire naturel de l’augmentation explosive du nombre de téléphones mobiles, d’une meilleure connectivité réseau et de l’accès Wi-Fi dans les lieux publics. Les raisons les plus convaincantes sont,
- Les moteurs de recherche considèrent la compatibilité des appareils mobiles comme un facteur de classement. La compatibilité des appareils mobiles est déterminée page par page. Cela signifie que les zones adaptées aux mobiles de votre site Web seront mieux classées dans les résultats de recherche, tandis que le contenu restant sera moins bien classé.
- Une page Web difficile à naviguer peut entraîner un taux de rebond plus élevé, ce qui peut nuire au référencement de votre site. À l’inverse, un site Web adapté aux mobiles peut se traduire par une meilleure vitesse et un meilleur référencement du site.
- Rendre vos pages Web adaptées aux mobiles signifie souvent que vous disposez de grilles et de mises en page propres, et éventuellement d’une URL et d’une base de code universelles.
- La compatibilité des appareils mobiles améliore l’image de marque et les ventes.
Comment rendre votre site Web WordPress convivial pour les mobiles
Aujourd’hui, les thèmes WordPress modernes comme Total sont réactifs et peuvent afficher le site Web sur n’importe quel appareil. Cependant, vous pouvez faire beaucoup de choses pour optimiser votre site Web pour les appareils mobiles en plus d’utiliser un thème réactif.
1. Nous, une approche mobile first
Dans l’environnement numérique d’aujourd’hui, on ne saurait trop insister sur l’importance d’être adapté aux mobiles. Aux États-Unis, le temps consacré aux médias numériques mobiles est 51 % plus long que celui des ordinateurs de bureau de 42 %. Pour atteindre ce public de tap and swipe, les propriétaires de sites Web ne se contentent pas d’optimiser la conception de sites Web existants pour plusieurs tailles d’écran. Ils ont une longueur d’avance et adoptent d’abord une approche mobile.
La première approche mobile crée une conception UX spécifiquement pour le mobile et priorise la stratégie de contenu pour la plus petite taille d’écran. Cela ne se limite pas à l’optimisation du site Web de bureau standard existant pour mobile.
Une autre raison importante pour choisir d’abord les appareils mobiles est l’annonce de Google en novembre 2016 de passer progressivement à l’indexation mobile-first. Cette méthode d’indexation implique que Google vérifie d’abord les pages mobiles du site pour l’indexation, avant les pages de bureau. Lors de la sélection d’un site pour l’index mobile en premier, Google utilise des « classificateurs » pour déterminer dans quelle mesure un site est prêt pour l’index mobile en premier. Les classificateurs déterminent dans quelle mesure le site de bureau est égal ou comparable au site mobile en termes de contenu, de liens, de contour, de multimédia, etc. En fait, en octobre, Gary Illyes de Google a indiqué à un public lors de la conférence SMX East à New York que certains sites figuraient déjà sur la liste d’indexation mobile, et que d’autres seront ajoutés.
2. Optimiser les images
Les fichiers image sont généralement de plusieurs octets. Ils se chargent plus lentement que d’autres ressources comme le texte et le HTML. Pour que votre site Web soit adapté aux mobiles, vous devez optimiser les images pour qu’elles s’adaptent à des écrans plus petits. Depuis la version 4.4, WordPress s’en charge en grande partie, mais vous pouvez toujours utiliser un plugin WordPress pour optimiser davantage vos images.
Vous pouvez faire bien plus pour optimiser les images, en gardant toujours à l’esprit que l’optimisation des images nécessite un équilibre entre l’expérience utilisateur, l’attrait visuel et les performances de la page. Tout d’abord, supprimez les images qui n’ajoutent pas de valeur. Ensuite, avant même de télécharger vos images, optimisez-les en les compressant dans des fichiers de plus petite taille. Si vous utilisez Photoshop, utilisez l’option Enregistrer pour le Web. Des outils en ligne comme TinyPNG ou des plugins comme WPSmush peuvent également faire le travail assez efficacement. En outre, il existe une page Github qui peut vous aider à comparer différents outils de compression. Pour en savoir plus sur l’optimisation d’image, utilisez notre guide d’optimisation d’image.
3. Mettre en œuvre des pages mobiles accélérées
Accelerated Mobile Pages est une initiative open source de Google pour fournir du contenu à chargement rapide sur les appareils mobiles. Il donne aux éditeurs les moyens de créer du contenu adapté aux mobiles une seule fois et de le charger instantanément n’importe où sur le Web mobile. AMP consiste en fait en de nombreuses optimisations pour le site Web, effectuées de manière uniforme, conformément aux exigences de Google. Une gamme standard de formats publicitaires, de réseaux publicitaires et de technologies sera disponible. En parallèle, les éditeurs peuvent également choisir leurs propres formats, à condition que cela ne soit pas un frein à la vitesse. Nous avons notre propre tutoriel WordPress AMP pour créer des pages AMP pour vous aider à démarrer. Nous recommandons également AMP Start de Google, qui vous aide également à créer de superbes pages AMP, avec des composants et des modèles AMP prêts à l’emploi.
Le contenu AMP sera instantanément disponible dans une recherche Google et sera accessible via des plateformes sociales telles que Twitter, LinkedIn et Pinterest.
Le formatage et la livraison spéciaux des pages mobiles rendent ces pages beaucoup plus rapides sur les appareils mobiles. Le temps de chargement moyen d’une page AMP à charger depuis Google est inférieur à une demi-seconde. En octobre 2017, plus de 25 millions de domaines de sites Web avaient publié plus de 4 milliards de pages AMP. AMP génère une augmentation de 10% du trafic sur le site Web et double le temps passé sur la page. Les sites Web de commerce électronique AMP ont enregistré une augmentation de 20 % des conversions de ventes par rapport aux pages non AMP.
L’AMP n’est pas encore un facteur de classement, mais il peut avoir un impact énorme sur l’expérience utilisateur et, par conséquent, sur le référencement.
4. Évitez les fenêtres contextuelles en plein écran
Les pop-ups fonctionnent définitivement. Cependant, lors de l’utilisation de fenêtres contextuelles, nous devons toujours garder l’expérience utilisateur au premier plan. Les pop-ups qui sont pertinents par rapport au contexte, ont des titres accrocheurs et offrent une valeur réelle afin que le lecteur ait de meilleures chances de conversion. D’un autre côté, les pop-ups de spam difficiles à ignorer qui affichent des publicités au-dessus du contenu principal suffisent à faire fuir un visiteur.
Lorsqu’un utilisateur clique sur une page Google, le contenu qu’il a indexé dans une recherche mobile doit être disponible. Sinon, ils pourraient ne pas être bien classés dans les résultats de recherche sur mobile (en janvier 2017). Les fenêtres contextuelles en réponse aux obligations légales, telles que les cookies et les confirmations d’âge, ou les boîtes de dialogue de connexion qui permettent l’accès au contenu bloqué, conviennent à Google. Il en va de même pour les publicités qui occupent un espace minimal sur l’écran et peuvent être facilement ignorées.
En revanche, les pop-ups qui apparaissent dès qu’un visiteur accède à la page à partir d’une recherche, qui couvrent le contenu principal, ou qui apparaissent pendant qu’un visiteur navigue, ne trouvent pas les faveurs de Google. Il en va de même pour les interstitiels indépendants qu’un utilisateur doit supprimer avant d’accéder au contenu principal.
D’autres bonnes pratiques à suivre concernant les pop-ups sur mobile consistent à éviter les pop-ups en plein écran ou à inclure du contenu extensible tel que des accordéons ou des boîtes extensibles sur votre site mobile. Utilisez des messages plus petits comme des bannières, des lignes intégrées ou des diapositives, ou masquez le contenu derrière des onglets.
John Mueller de Google prévient que les interstitiels qui apparaissent entre le clic de recherche et l’accès au contenu ont un impact négatif sur le classement. Par conséquent, les fenêtres contextuelles de page à page ou les fenêtres contextuelles d’intention de sortie peuvent ne pas affecter le classement.
5. Pensez à créer une application mobile
Une application mobile est un programme informatique qui s’exécute sur un appareil mobile, tel qu’un téléphone ou une montre. Par exemple, Amazon a une application d’achat Alexa. Les applications sont désormais disponibles et téléchargeables pour tout : utilitaire, productivité, navigation, divertissement, sport ou fitness. Facebook C’est l’application la plus téléchargée, avec 140 millions de téléchargements mensuels.
De nombreux sites Web ont des sites Web mobiles et des applications mobiles. Une application fournit des informations spécifiques dans un format facile à comprendre. Il est intuitif à utiliser et offre plus d’interactivité. Aujourd’hui, une grande partie de l’activité de commerce électronique, y compris les paiements, se fait via des téléphones mobiles. Cela étant, les applications mobiles sont là pour rester et se multiplier. La meilleure partie est qu’il est facile de transformer votre site WordPress en une application ou de créer une application pour vos petites entreprises.
Les applications mobiles augmentent le trafic en permettant aux utilisateurs d’accéder directement à partir de leur téléphone. Les utilisateurs peuvent vous accéder en un instant en quelques clics. Les applications vous aident à atteindre plus de clients et à bien vous intégrer aux médias sociaux. Vous pouvez utiliser des applications pour mettre à jour régulièrement votre liste de produits et faire des remises et des offres. Ou connectez-vous à des sites partenaires pour accéder à votre application et pour une meilleure visibilité.
Pour finir
Une fois que vous avez effectué toutes les optimisations pour rendre votre site Web convivial pour les mobiles, n’oubliez pas de le tester sur PageSpeed Insights. Le test de compatibilité des appareils mobiles de Google teste également les sites Web par URL.
Les conseils de cet article ne sont pas exhaustifs. Il existe des tonnes de plugins d’optimisation WordPress et d’autres guides pour vous aider à améliorer votre site Web sur les appareils mobiles. Donc, si vous avez quelque chose à ajouter ou si vous avez des questions à nous poser, partagez-les dans les commentaires ci-dessous.
