Il est assez courant de voir des gens utiliser des appareils portatifs pour rattraper 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 qui est constamment en mouvement, vous n’avez vraiment aucune option – 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 adapté aux mobiles apparaît comme une petite version de votre site Web habituel. Afin d’obtenir ce look, il est nécessaire d’optimiser chaque élément 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 mobiles.
Un Googlebot examine de nombreux aspects lorsqu’il vérifie si une page Web est adaptée aux mobiles, notamment :
- si la page contient trop d’annonces ou des logiciels qui ne sont pas adaptés aux appareils mobiles, tels que Flash et Java.
- si le contenu taille jusqu’à l’écran et que le texte est lisible, sans zoom ni défilement horizontal.
- si les liens sont placés de manière distincte afin qu’ils soient faciles à exploiter.
Pourquoi votre site WordPress devrait-il être adapté aux mobiles ?
Rendre un site WordPress adapté aux mobiles est un corollaire naturel de l’augmentation explosive du nombre de mobiles, d’une meilleure connectivité réseau et de l’accès au wifi dans les lieux publics. Les raisons les plus impérieuses sont,
- Les moteurs de recherche considèrent la convivialité mobile comme un facteur de classement. La convivialité mobile 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 à parcourir peut entraîner un taux de rebond plus élevé qui peut nuire au référencement de votre site. En revanche, une page Web adaptée aux mobiles peut se traduire par une meilleure vitesse du site et un meilleur référencement.
- 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 universelle et d’une base de code.
- La convivialité mobile améliore le renforcement de la marque et les ventes.
Comment rendre votre site WordPress convivial pour les mobiles
De nos jours, les thèmes WordPress modernes tels que Total sont réactifs et peuvent afficher le site Web sur n’importe quel appareil. Mais, vous pouvez faire beaucoup de choses pour optimiser votre site web pour mobile, en plus d’utiliser un thème responsive.
1. Adoptez une approche Mobile First
Dans le scénario numérique actuel, l’importance d’être adapté aux mobiles ne peut pas être surestimée. Aux Etats-Unis, le temps des médias numériques pour les mobiles est plus élevé à 51% par rapport aux ordinateurs de bureau à 42%. Pour atteindre ce public 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 prennent une longueur d’avance et adoptent une approche mobile first.
L’approche mobile first crée une conception UX spécifiquement pour les mobiles et priorise la stratégie de contenu pour la plus petite taille d’écran. Il ne se contente pas d’optimiser le site Web de bureau standard existant pour les mobiles.
Une autre raison importante d’opter pour le mobile first est l’annonce de Google en novembre 2016 de passer progressivement à une 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 le premier index mobile, Google utilise des « classificateurs » pour déterminer dans quelle mesure un site est prêt pour l’index mobile-first. Les classificateurs déterminent dans quelle mesure le site de bureau est égal ou comparable au site mobile en ce qui concerne le contenu, les liens, le schéma, le 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 sont déjà sur la liste d’indexation mobile, et d’autres suivront.
2. Optimiser les images
Les fichiers d’images sont généralement lourds en octets. Ils se chargent plus lentement que d’autres ressources comme le texte et le HTML. Pour rendre votre site Web adapté aux mobiles, vous devez optimiser les images pour qu’elles s’adaptent à des écrans plus petits. Depuis la version 4.4 WordPress en grande partie s’occupe de ça, 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 les images, optimisez les images en les compressant dans des fichiers de plus petite taille. Si vous utilisez Photoshop, utilisez le Enregistrer pour le Web option. Des outils en ligne tels que TinyPNG ou des plugins comme WPSmush peut également faire le travail assez efficacement. Aussi, il y a un 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 mobiles. Il donne aux éditeurs les moyens de créer du contenu adapté aux mobiles une seule fois et de le charger instantanément partout sur le Web mobile. AMP est en fait beaucoup de optimisations au site Web de manière uniforme, comme l’exige Google. Une gamme standard de formats publicitaires, de réseaux publicitaires et de technologies sera disponible. Dans le même temps, les éditeurs peuvent également choisir leurs propres formats, à condition que cela ne ralentisse pas la vitesse. Nous avons notre propre tutoriel AMP pour WordPress pour créer des pages AMP pour vous aider à démarrer. Nous recommandons également Démarrage AMP de Google vous aide également à créer de superbes pages AMP, avec des modèles et des composants AMP prêts à l’emploi.
Le contenu AMP sera instantanément disponible sur une recherche Google et accessible via des plateformes sociales comme Twitter, LinkedIn et Pinterest.
Le formatage et la livraison spéciaux des pages pour 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 ont publié plus de 4 milliards de pages AMP. AMP entraîne 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 au-delà des pages non AMP.
L’AMP n’est pas encore un facteur de classement cependant, cela peut avoir un impact majeur sur l’expérience utilisateur et par conséquent sur le référencement.
4. Évitez les fenêtres contextuelles en plein écran
Cela ne fait aucun doute les fenêtres contextuelles fonctionnent. Cependant, lors de l’utilisation de fenêtres contextuelles, nous devons toujours garder l’expérience utilisateur au premier plan. Les popups qui sont pertinents par rapport au contexte, ont des titres accrocheurs et offrent une réelle valeur ajoutée au lecteur ont une meilleure chance de conversion. D’un autre côté, les popups indésirables, difficiles à ignorer, qui affichent des publicités sur le contenu principal sont suffisants pour faire fuir un visiteur.
Lorsqu’un utilisateur clique sur une page de Google, le contenu que vous avez indexé dans une recherche mobile doit être facilement accessible. Ou bien, ils peuvent ne pas être bien classés dans les résultats de recherche mobile (depuis janvier 2017). Les fenêtres contextuelles en réponse aux obligations légales, telles que les cookies et les confirmations d’âge, ou pour les boîtes de dialogue de connexion qui permettent l’accès au contenu verrouillé conviennent à Google. Il en va de même pour les publicités qui occupent un espace minimal sur l’écran et sont facilement éliminables.
Au contraire, les popups 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. Idem pour les interstitiels autonomes qu’un utilisateur doit ignorer avant d’accéder au contenu principal.
D’autres bonnes pratiques à suivre en ce qui concerne les popups sur les mobiles consistent à éviter les popups en plein écran ou à inclure du contenu extensible comme des accordéons ou des boîtes extensibles sur votre site mobile. Utilisez des messages plus petits comme des bannières, des encarts ou des diapositives, ou masquez le contenu derrière des onglets.
John Mueller de Google indique 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 lors du déplacement d’une page à l’autre ou les fenêtres contextuelles d’intention de sortie peuvent ne pas affecter le classement.
5. Envisagez de 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 – pour l’utilité, la productivité, la navigation, le divertissement, le sport ou le fitness. Facebook est l’application la plus téléchargée, avec 140 millions téléchargements d’applications mensuels.
De nombreux sites Web ont à la fois 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 mobiles. Cela étant, les applications mobiles sont là pour rester et croître en nombre. 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’utiliser directement 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 réseaux sociaux. Vous pouvez utiliser des applications pour mettre régulièrement à jour votre liste de produits et faire des remises et des offres. Ou, associez-vous à des sites Web partenaires pour accéder à votre application et pour une meilleure visibilité.
Envelopper
Après avoir effectué toutes les optimisations pour rendre votre site Web adapté aux mobiles, n’oubliez pas de le tester sur Aperçu de la vitesse de page. Les Test Google Mobile Friendly teste également les sites Web par URL.
Les conseils de cet article ne sont en aucun cas exhaustifs. Il existe des tonnes de plugins d’optimisation WordPress et d’autres guides pour vous aider à améliorer votre site Web sur mobile. Donc, si vous avez quelque chose à ajouter ou si vous avez des questions à nous poser, partagez-les dans les commentaires ci-dessous.