Il est assez courant de voir des gens utiliser des appareils portables pour rattraper leur retard de lecture ou pour rechercher quoi que ce soit en ligne. Un rapport estimations que 60% des recherches partent d’un appareil mobile. Si votre public cible fait partie de cette population constamment 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 WordPress adapté aux mobiles.

Un site Web adapté aux mobiles apparaît comme une version minuscule de votre site Web habituel. Pour obtenir ce look, il est nécessaire d’optimiser chaque élément de votre site Web pour qu’il réponde à la taille de votre écran. Et, pour attirer et conserver le trafic, vous devez vous assurer que votre site Web se charge rapidement, en particulier sur les mobiles.

Un Googlebot examine de nombreux aspects tout en vérifiant si une page Web est adaptée aux mobiles, notamment:

  • si la page contient trop d’annonces ou des logiciels non adaptés aux appareils mobiles, tels que Flash et Java.
  • si le contenu descend jusqu’à l’écran et que le texte est lisible, sans zoom ni défilement horizontal.
  • si les liens sont séparés de manière à ce qu’ils soient faciles à exploiter.

Pourquoi votre site Web 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 convaincantes 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 mobiles de votre site Web seront mieux classées dans les résultats de recherche, tandis que le contenu restant sera classé plus bas.
  • 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 avez des grilles et des mises en page propres, et éventuellement une URL universelle et une base de code.
  • La convivialité mobile améliore le renforcement de la marque et les ventes.

Comment rendre votre site Web WordPress adapté aux 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 optimisez votre site Web pour mobile, en plus d’utiliser un thème réactif.

1. Nous adoptons une approche mobile d’abord

Dans le scénario numérique actuel, on ne saurait trop insister sur l’importance d’être compatible avec les mobiles. 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 vont de l’avant 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 n’optimise pas simplement le site Web de bureau régulier existant pour les mobiles.

Une autre raison importante pour passer au mobile d’abord 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 savoir dans quelle mesure un site est prêt pour l’index mobile-first. Les classificateurs déterminent à quel point 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, certains sites sont déjà sur la liste d’index mobile, et d’autres suivront.

2. Optimiser les images

Les fichiers 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 les adapter aux é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 beaucoup 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

Pages mobiles accélérées pour WordPress

Accelerated Mobile Pages est une initiative open source de Google visant à fournir du contenu à chargement rapide sur les mobiles. Il permet aux éditeurs de créer une seule fois du contenu adapté aux mobiles et de le charger instantanément partout sur le Web mobile. AMP est en fait un grand nombre de optimisations sur le 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 ce ne soit pas un frein à la vitesse. Nous avons notre propre didacticiel AMP pour WordPress pour créer des pages AMP pour vous aider à démarrer. Nous recommandons également Début 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 à partir de 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 AMPed ont enregistré une augmentation de 20% des conversions de ventes au-delà des pages non-AMP.

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

Il n’y a aucun doute que les popups fonctionnent. Cependant, lors de l’utilisation des popups, nous devons toujours garder l’expérience utilisateur au premier plan. Les fenêtres contextuelles qui sont pertinentes pour le contexte, ont des titres accrocheurs et offrent une valeur réelle au lecteur ont une meilleure chance de conversion. D’un autre côté, les fenêtres pop-up spammées et difficiles à ignorer qui affichent des publicités sur le contenu principal sont suffisantes pour envoyer un visiteur se précipiter.

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 se classer très bien dans les résultats de recherche mobile (depuis janvier 2017). Les fenêtres contextuelles en réponse à des obligations légales, telles que les cookies et les confirmations d’âge, ou les boîtes de dialogue de connexion qui permettent d’accéder au contenu verrouillé conviennent à Google. Il en va de même pour les publicités qui occupent un espace d’écran minimal et sont facilement rejetables.

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 lors de la navigation d’un visiteur, ne trouvent pas la faveur 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 incluent d’éviter les popups plein écran, ou d’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 inserts 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 popups lors du déplacement de page en page ou les popups d’intention de sortie peuvent ne pas affecter le classement.

5. Envisagez de créer une application mobile

WordPress Mobile Ready

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 mensuels d’applications.

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. Son utilisation est intuitive et offre plus d’interactivité. Aujourd’hui, une grande partie de l’activité de commerce électronique, y compris les paiements, s’effectue via des 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 Web WordPress en une application ou de créer une application pour vos petites entreprises.

Les applications mobiles augmentent le trafic en permettant aux utilisateurs de toucher directement depuis leur téléphone. Les utilisateurs peuvent vous accéder en un instant en quelques clics. Les applications vous aident à toucher plus de clients et à bien s’intégrer aux réseaux 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 avec 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 PageSpeed ​​Insights. le 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 WordPress d’optimisation et plus de 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, veuillez partager les commentaires ci-dessous.

Share: