10 conseils (et plug-ins) pour garder votre site WordPress adapté aux mobiles

Publié: 2023-04-13

La façon dont nous utilisons Internet a considérablement changé depuis l'époque de l'ordinateur familial encombrant dans le salon. En février 2023, plus de 60 % de tout le trafic Web provenait d'appareils mobiles (Oberlo). De plus, plus de 40 % des sites Web que nous visitons sont construits sur WordPress (HubSpot).

Besoin d'aide pour vendre des sites Web ? Obtenez votre copie de notre Million-Dollar Pitch Deck pour vendre du numérique dès aujourd'hui !

La bonne nouvelle pour vous et vos clients est que la création d'un site Web WordPress adapté aux mobiles n'a pas besoin d'être difficile. Mais trier les milliers de plugins pour décider lesquels vous faciliteront la vie et celle de vos clients peut être écrasant. Dans cet article, nous couvrirons les dix meilleurs conseils et une liste de plugins WordPress compatibles avec les mobiles pour faciliter la création d'un site optimisé.

Table des matières

  • Sites Web adaptés aux mobiles 101
  • Défis liés à la création de sites Web WordPress adaptés aux mobiles
  • Top 10 des astuces et plugins pour garder un site WordPress adapté aux mobiles
    1. Optimisez les images pour une conception axée sur le mobile
    2. Testez et améliorez la vitesse des pages
    3. Menus et navigation optimisés pour les mobiles
    4. Supprimer les plugins inutiles
    5. Créez des thèmes adaptés aux mobiles et aux ordinateurs de bureau
    6. Assurez-vous que votre mise en cache est efficace
    7. Pop-ups et messagerie optimisés pour les mobiles
    8. Boutons d'appel à l'action adaptables
    9. Compatibilité entre navigateurs
    10. Adaptabilité en mode sombre
  • Questions fréquemment posées
    • WordPress est-il optimisé pour mobile ?
    • Que faire si mon site Web n'est pas adapté aux mobiles ?

Sites Web adaptés aux mobiles 101

Que vous créiez les sites Web de vos clients au cas par cas ou que vous envisagiez de revendre des sites Web en marque blanche, vous devez garder le mobile en tête. Mais qu'est-ce que cela signifie d'avoir un site Web WordPress adapté aux mobiles ? En termes simples, il s'agit d'un site Web conçu pour avoir fière allure et fonctionner correctement sur des appareils plus petits comme les téléphones et les tablettes. Avec une taille d'écran beaucoup plus petite, il est important de faciliter la navigation des clients, d'utiliser des tailles de police faciles à lire et moins de graphiques ou d'animations pour contrôler la vitesse de chargement.

Pour les PME, s'assurer que leur site Web est adapté aux mobiles signifie que les clients peuvent trouver les informations (ou les produits) qu'ils souhaitent, avoir une bonne expérience d'utilisation du site Web et potentiellement revenir à l'avenir. L'optimisation mobile peut également améliorer les résultats de recherche puisque Google indexe la version mobile d'un site Web pour déterminer les résultats de classement (connu sous le nom d'indexation mobile d'abord). Des résultats de recherche améliorés signifient que plus de personnes verront le site Web de vos clients lorsqu'ils effectueront une recherche et rencontreront des clients potentiels lorsqu'ils effectueront une recherche.

Défis liés à la création de sites Web WordPress adaptés aux mobiles

Si vous cherchez à rendre un site WordPress compatible avec les mobiles, il y a certaines choses à surveiller. Quelques coupables peuvent faire en sorte qu'un site Web WordPress ait des temps de chargement lents sur les appareils mobiles, ce qui n'est pas une expérience formidable pour les clients potentiels visitant les sites Web de vos clients. Certaines causes courantes de lenteur des expériences WordPress mobiles sont :

  1. Hébergement de serveur lent : choisir la bonne solution d'hébergement de site Web peut faire une grande différence. Par exemple, si vous choisissez un hébergement partagé et que les autres sites reçoivent beaucoup de trafic, cela peut avoir un impact sur les ressources disponibles sur le site de votre client.
  2. Images volumineuses : l'inclusion d'images volumineuses (haute résolution ou fichiers volumineux) peut ralentir considérablement un site Web lors d'une visite mobile.
  3. Utiliser les mauvais plugins : si vos plugins sont obsolètes, non optimisés, ou si vous en avez trop sur votre site, cela peut ralentir considérablement les choses.
  4. Le mauvais thème : Tout comme les plugins, un thème obsolète ou mal codé peut avoir un impact sur la vitesse du site.
  5. Problèmes de mise en cache : la mise en cache, ou le stockage temporaire des données, peut aider les sites Web à se charger plus rapidement. Ne pas utiliser de plugin pour prendre en charge la mise en cache peut faire charger votre site Web à un rythme effréné.

Avec l'importance de rendre le site WordPress de votre client adapté aux mobiles, il existe d'excellents plugins (et paramètres par défaut) qui peuvent faire passer un site Web WordPress au niveau supérieur à la fois pour l'expérience utilisateur et l'amélioration des résultats de référencement.

Top 10 des astuces et plugins pour garder un site WordPress adapté aux mobiles

1. Optimisez les images pour une conception axée sur le mobile

La plupart des sites Web contiennent de nombreuses images accrocheuses pour les rendre attrayants et retenir l'attention du visiteur. Pour les entreprises proposant des produits au lieu de services, il existe également des images de produits à prendre en considération. Presque tout le monde a dû faire face à des images lentes à charger ou même cassées en essayant de naviguer sur un site Web sur son téléphone, et si l'expérience est trop lourde, cela se traduit généralement par la sortie du site.

La réduction de la taille, des dimensions ou des deux du fichier peut entraîner des temps de chargement plus rapides. Cela se traduit par des visiteurs plus heureux et un classement SEO potentiellement plus élevé, car la vitesse de chargement est un facteur de classement pour Google en ce qui concerne les résultats de recherche mobiles.

Les données sont un autre facteur pour les personnes naviguant sur des appareils mobiles. Les images volumineuses peuvent consommer des données, et si les gens s'inquiètent de leurs limites de données, cela peut les dissuader de rester sur le site d'une entreprise.

Plugin WordPress adapté aux mobiles : Smush

Smush est un plugin primé qui réduit la taille de l'image sans sacrifier la qualité. Il le fait grâce à un certain nombre de techniques, notamment:

  • Compression sans perte : suppression des données inutilisées sans affecter la qualité de l'image
  • Compression multipasse avec perte : suppression des données ou des informations moins importantes ou redondantes qui ne sont pas visibles à l'œil humain
  • Redimensionnement d'image : Définissez les images à des dimensions spécifiques pour votre site Web
  • Chargement paresseux : les images se chargent au fur et à mesure que les visiteurs défilent au lieu de tous en même temps, ce qui signifie que les images hors écran n'affecteront pas les temps de chargement

Smush permet aux utilisateurs d'optimiser simultanément toutes les images d'un site WordPress adapté aux mobiles, ou image par image.

Coût : Smush est un plugin freemium, avec une version de base gratuite et une option pro qui comprend des fonctionnalités plus avancées.

2. Testez et améliorez la vitesse des pages

Si vous ne testez pas en permanence la vitesse de votre page, vous ne saurez pas où vous réussissez et où il y a place à amélioration. Vous pouvez avoir une idée de votre point de départ avec un outil de test de vitesse comme Google PageSpeed ​​Insights ou GTmetrix pour mesurer la vitesse de votre site WordPress adapté aux mobiles.

Pour les entreprises, la vitesse du site peut avoir un impact direct sur les revenus puisque 70 % des consommateurs ont déclaré que la vitesse de la page influe sur la probabilité qu'ils achètent sur un site de commerce électronique (Unbounce). Idéalement, un site mobile devrait se charger en 1 à 2 secondes. Outre l'impact qu'il a sur le classement avec Google, Hubspot a trouvé des statistiques percutantes sur l'importance de la vitesse du site pour les propriétaires d'entreprise comme vos clients :

  • Le site Web mobile moyen se charge en 15,3 secondes (Think with Google).
  • Les taux de conversion des sites Web chutent en moyenne de 4,42 % à chaque seconde supplémentaire de temps de chargement (Portent).
  • La moitié des consommateurs préféreraient avoir une vitesse de site plus rapide que l'animation ou la vidéo sur les sites Web mobiles (Hubspot).
  • Les éléments de conception de page, et non les réseaux de données mobiles, sont responsables de la majorité des sites mobiles lents (Google).

Plugin WordPress adapté aux mobiles : NitroPack

NitroPack s'attaque à la vitesse et aux performances du site grâce à une variété de techniques, notamment :

  • Mise en cache (y compris le préchauffage automatique du cache, la mise en cache sensible à l'appareil et aux cookies, et la mise en cache sensible au navigateur et à la session)
  • Optimisation d'image (avec compression d'image avec et sans perte, chargement paresseux, dimensionnement d'image préemptif et dimensionnement d'image adaptatif)
  • Optimisation du réseau de diffusion de contenu (CDN)
  • Préchargement

NitroPack peut vous aider à vous assurer que le site WordPress de votre client est adapté aux mobiles et optimisé pour être aussi rapide que possible.

Coût : NitroPack propose un forfait gratuit ainsi que des tarifs mensuels et annuels pour les entreprises de tailles et de besoins multiples. L'option gratuite vient avec

3. Menus et navigation optimisés pour les mobiles

Lorsque vous envisagez de rendre un site WordPress adapté aux mobiles, il est essentiel de vous souvenir de la personne la plus importante : le client potentiel de l'autre côté de l'écran. La navigation sur un site Web sur un téléphone - même le plus grand et le plus récent modèle - sera toujours différente de l'expérience sur un ordinateur portable ou de bureau. Pensez à où et comment vous accédez aux menus, comment vous faites défiler, le rôle des pieds de page et des en-têtes, la hiérarchie des informations, etc. En plus des défis liés à l'utilisation d'un site Web sur un écran plus petit, de nombreux visiteurs peuvent avoir des besoins d'accessibilité numérique qui devraient également être pris en compte dans la conception du site Web.

Plugin WordPress adapté aux mobiles : WP Mobile Menu

WP Mobile Menu est un plugin WordPress populaire pour la création de menus optimisés pour les mobiles. Le plugin facile à utiliser vous permet de personnaliser la couleur, la police et les icônes. Vous pouvez également modifier l'emplacement du menu en fonction de la section du site de votre client et de ce qui a du sens du point de vue de la conception.

Le plugin fonctionne avec n'importe quel thème WordPress, est optimisé pour la recherche tout en étant entièrement réactif, il fonctionne donc quelle que soit la taille de l'écran et est optimisé pour WooCommerce.

Coût : WP Mobile Menu propose plusieurs forfaits mensuels ou annuels à différents prix, à partir de 6,49 $ par mois pour un site.

4. Supprimez les plugins inutiles

Bien que les plugins puissent résoudre une foule de problèmes, ils peuvent parfois en être la cause. Trop de plugins peuvent avoir un impact sur la compatibilité mobile du site WordPress de votre client.

  • Problèmes de performances : chaque plugin ajoute plus de code - et trop de code en excès peut rendre un site Web lent. Comme mentionné ci-dessus, des temps de chargement plus lents peuvent non seulement être une mauvaise expérience utilisateur, mais ils peuvent également avoir un impact direct sur les revenus.
  • Conflits de plugins : tous les plugins ne sont pas compatibles, et si deux plugins (ou plus) entrent en conflit, le site Web peut avoir des erreurs inattendues et potentiellement planter. Plus de plugins signifie plus de risques d'incompatibilité.
  • Risques de sécurité : chaque plugin comporte un risque. S'ils ne sont pas tenus à jour ou s'ils ne sont pas sécurisés, les utilisateurs peuvent cibler le site et exploiter ces vulnérabilités. Approchez chaque plugin avec un cadre de risque par rapport à la récompense.
  • Défis de maintenance : malgré leur nom, les plugins ne sont pas réellement plug-and-play. Ils nécessitent une maintenance, une mise à jour et une surveillance pour s'assurer qu'ils font ce qu'ils sont censés faire et ne nuisent pas aux performances de votre site.

Plugin WordPress adapté aux mobiles : Jetpack

Jetpack dispose d'une suite de fonctionnalités pour résoudre les problèmes de performances et de sécurité afin de rendre votre site Web WordPress plus adapté aux mobiles. Étant donné que Jetpack possède de nombreuses fonctionnalités, vous pouvez remplacer plusieurs plugins par un seul outil qui inclut la sécurité, les statistiques du site et l'optimisation des performances, entre autres.

Coût : Les outils de Jetpack incluent également une sécurité pour se protéger contre les logiciels malveillants et les spams, des sauvegardes en temps réel et une foule d'autres fonctionnalités à partir de 13,50 $ par mois en fonction de la robustesse de votre plan.

5. Créez des thèmes adaptés aux mobiles et aux ordinateurs de bureau

Un bon thème réactif est crucial pour rendre votre site Web WordPress plus adapté aux mobiles. Le droit d'eux peut garantir qu'un site Web répond aux exigences de fiabilité et d'accessibilité, des images qui se chargent rapidement, une mise en page intuitive qui fonctionne sur de petits (et grands) écrans et une navigation facile au toucher plutôt qu'avec une souris ou un trackpad. Google donne la priorité aux sites mobiles, et l'utilisation d'un thème réactif peut également améliorer les résultats de recherche, en mettant le site Web de votre client devant davantage de clients potentiels.

Plugin WordPress adapté aux mobiles : WPTouch

Le plugin WPTouch peut optimiser un site Web WordPress actuel sans modifier l'expérience de bureau.

Caractéristiques:

  • Livré avec un assistant d'installation facile pour vous guider tout au long de la configuration
  • Vous pouvez modifier les thèmes et ajouter ou supprimer des extensions directement dans le plugin
  • Détection des appareils mobiles, améliorant les temps de chargement
  • Paramètres entièrement personnalisables
  • Un panneau d'administration à sauvegarde automatique
  • Analytique intégrée
  • Prise en charge complète du personnalisateur WordPress
  • Support client à temps plein

Coût : WPTouch propose des forfaits à partir de 79 $ par an ou des options à la carte afin que vous puissiez choisir uniquement les produits qui répondent aux besoins de votre client.

6. Assurez-vous que votre mise en cache est efficace

Pour que le site WordPress de votre client reste adapté aux mobiles, vous devez vous assurer que votre cache est sous contrôle. Mais qu'est-ce que la mise en cache ? En termes simples, c'est le stockage temporaire des données qui est fréquemment utilisé afin d'y accéder le plus rapidement possible. Lorsqu'une personne visite votre site Web, le serveur vérifie d'abord le cache pour voir si l'information s'y trouve, puis vérifie la source d'origine. La mise en cache a lieu à différents endroits, y compris la mise en cache du navigateur, la mise en cache côté serveur et la mise en cache du réseau de diffusion de contenu (CDN).

Un système de mise en cache efficace peut réduire la charge du serveur, accélérer les temps de chargement des pages et ne stocker que les données les plus nécessaires et les plus pertinentes. L'expiration régulière des données peut également garantir que les informations stockées sont toujours à jour et la version la plus récente du contenu de votre site Web.

Plugin WordPress adapté aux mobiles : Colibri

Hummingbird peut optimiser un site mobile WordPress et augmenter la vitesse du site grâce à plusieurs tactiques.

L'une des plus grandes fonctionnalités offertes par Hummingbird est la mise en cache en créant une copie en cache des pages et des ressources d'un site Web, qui peuvent ensuite être consultées rapidement et servies aux visiteurs le plus rapidement possible.

Le plugin propose à la fois la mise en cache du navigateur et la mise en cache côté serveur. La mise en cache du navigateur stocke des données telles que des images, des feuilles de style et des scripts sur l'appareil d'un visiteur afin qu'il ne soit pas nécessaire d'y accéder depuis la source d'origine à chaque visite. Avec la mise en cache côté serveur, les informations sont conservées sur le serveur Web de votre client, ce qui permet également un accès plus rapide.

Avec Hummingbird, vous pouvez également décider de la durée de mise en cache de vos fichiers, déterminer quelles informations vous souhaitez mettre en cache, et quand et à quelle fréquence le cache est vidé.

Hummingbird est livré avec un outil d'analyse qui parcourt l'ensemble du site à la recherche de fichiers qui ralentissent les choses et vous propose des solutions pour les réparer.

Coût : Hummingbird est un plugin freemium, avec une version de base gratuite et une option pro qui comprend des fonctionnalités plus avancées.

7. Pop-ups et messagerie optimisés pour les mobiles

Les pop-ups et les messages sont des outils clés dans toute stratégie de marketing numérique. Cependant, il est crucial qu'ils n'interfèrent pas avec l'expérience de visite de ce site Web sur un écran plus petit comme un téléphone.

Vos clients peuvent utiliser des pop-ups pour développer leur liste de diffusion (ce qui mène à plus d'opportunités marketing), augmenter les conversions ou augmenter la taille du panier, et même faire des études de marché pour en savoir plus sur ce que veulent les clients potentiels.

Voici quelques façons d'utiliser efficacement les pop-ups sur votre site Web WordPress adapté aux mobiles :

  • Ventes et remises : vous pouvez promouvoir les ventes et les remises auprès de clients potentiels. Certaines idées incluent des remises en pourcentage pour les premiers acheteurs, des ventes à durée limitée ou saisonnières, ou une remise lorsque quelqu'un dépense un certain montant ou achète un nombre spécifique d'articles.
  • Développez votre liste de diffusion : une entreprise peut faire beaucoup avec une liste de diffusion engagée. Vous pouvez utiliser des pop-ups pour collecter des adresses e-mail et leur envoyer des campagnes marketing, des promotions et les tenir au courant des dernières nouveautés concernant votre entreprise.
  • Utilisez la preuve sociale et la rareté pour stimuler les ventes : les fenêtres contextuelles et les messages peuvent être un excellent moyen d'informer les clients potentiels s'il y a de faibles quantités d'un article ou de partager que d'autres personnes achètent le produit qu'ils regardent.
  • Interagissez davantage avec votre public : vous pouvez utiliser des messages pour encourager les visiteurs à vous suivre sur les réseaux sociaux, répondre à un sondage pour en savoir plus sur leurs besoins, partager une vidéo, encourager la vente croisée, etc.

Trop de pop-ups ou mal conçus peuvent être suffisamment intrusifs sur un site de bureau, mais lorsque les gens utilisent des écrans plus petits, ils peuvent faire ou défaire l'expérience de navigation. C'est pourquoi vous devez vous assurer qu'ils sont optimisés pour les sites Web mobiles.

Plugin WordPress adapté aux mobiles : OptinMonster

OptinMonster est un générateur de fenêtres contextuelles et un outil de conversion faciles à utiliser pour aider les entreprises comme vos clients à tirer le meilleur parti de leurs sites Web. Vous pouvez créer des fenêtres contextuelles lightbox, des barres flottantes, des fenêtres contextuelles coulissantes, des accueils en plein écran, une roue tournante pour les remises, des formulaires, des minuteries, etc.

Le plugin comprend un générateur de fenêtres contextuelles par glisser-déposer, de nombreux modèles, des tests A / B, des analyses, un ciblage de page avancé et une personnalisation basée sur le comportement afin que vos clients puissent personnaliser les fenêtres contextuelles en fonction des visites précédentes ou afficher des offres spécifiques. sur certaines pages.

Coût : OptinMonster a un forfait de base pour 16 $/mois et des plans plus robustes pour les entreprises avec plusieurs sites Web à partir de 32 $/mois.

8. Boutons d'appel à l'action adaptables

Lorsque les visiteurs sont déjà sur leur téléphone lorsqu'ils naviguent sur le site Web de votre client, il est parfois plus facile pour eux d'appeler pour obtenir les informations dont ils ont besoin. Au lieu de les envoyer creuser dans le menu ou sur Google pour trouver les coordonnées de l'entreprise, un bouton flottant d'appel immédiat permet aux clients de contacter vos clients plus rapidement.

Plugin WordPress adapté aux mobiles : WP Call

WP Call Plugin est un plugin convivial permettant aux entreprises d'ajouter des boutons d'appel en un clic à leurs sites Web WordPress adaptés aux mobiles. Le plug-in permet de personnaliser la couleur, le texte, la taille et l'emplacement du bouton n'importe où sur le site, y compris des pages et des barres latérales spécifiques. Le plugin dispose également d'analyses afin que vous puissiez savoir quelles pages sont les plus susceptibles de déclencher des appels.

Coût : WP Call est un plugin freemium, avec une version de base gratuite et une option pro qui comprend des fonctionnalités plus avancées.

9. Compatibilité entre navigateurs

Une chose à prendre en compte pour rendre un site Web WordPress adapté aux mobiles est la compatibilité entre navigateurs. La plupart d'entre nous s'en tiennent au même navigateur sur nos appareils. Par conséquent, lorsque vous visitez le site Web de votre client, vous ne pensez peut-être pas à vérifier la compatibilité entre les navigateurs. Mais c'est important pour plusieurs raisons :

  • Cohérence : la vérification de la compatibilité garantit que les clients potentiels bénéficient d'une expérience cohérente, quels que soient l'appareil et le navigateur qu'ils utilisent.
  • Accessibilité : si une personne ayant un besoin d'accessibilité accède au site Web de votre client, vous voulez vous assurer que tous les navigateurs ou outils spécialisés sont pris en charge.
  • SEO : Google donne la priorité aux sites Web qui sont correctement optimisés, donc si le site Web de votre client ne s'affiche pas correctement sur différents navigateurs, vous pourriez voir que cela a un impact sur son classement de recherche.

Plugin WordPress adapté aux mobiles : LambdaTest

Le plugin LambdaTest WordPress est un outil basé sur le cloud qui permet aux entreprises de tester leurs sites Web sur différents navigateurs sans avoir besoin de mettre en place un environnement de test dédié. Avec le plugin, vous pouvez tester votre site Web directement à partir de votre tableau de bord WordPress, ainsi qu'enregistrer des captures d'écran et des vidéos du site Web dans différents navigateurs.

Coût : LambdaTest est un plugin freemium avec 60 minutes de test par mois sur la version gratuite et des forfaits payants à partir de 15 $ par mois.

10. Adaptabilité du mode sombre

De nombreux utilisateurs mobiles gardent leurs appareils en mode sombre - en fait, plus de 80 % des personnes utilisent le mode sombre sur leurs téléphones (IncrediTools). Si vous voulez qu'ils aient une bonne expérience sur le site Web mobile de votre client, vous devez en tenir compte. Le mode sombre peut être plus facile à lire dans des conditions de faible luminosité, et de nombreuses personnes le choisissent pour aider à réduire la fatigue oculaire. Si un site Web n'est pas optimisé pour le mode sombre, les internautes sont moins susceptibles de rester sur ce site Web.

Plugin WordPress Mobile-Friendly : Droit Dark Mode

Le plugin Droit Dark Mode est livré avec une multitude de fonctionnalités pour permettre l'adaptabilité du mode sombre sur votre site Web. Il comprend à la fois la commutation automatique et manuelle du mode sombre afin que vous puissiez le configurer pour qu'il change en fonction de l'appareil ou de l'heure de la journée ou laisser les visiteurs passer cet appel eux-mêmes avec un bouton manuel. Il est également livré avec un jeu de couleurs personnalisable et est compatible avec tous les principaux thèmes WordPress.

Coût : Droit Dark Mode est un plugin freemium, avec une version de base gratuite et une option pro qui vient avec des fonctionnalités plus avancées.

Questions fréquemment posées

WordPress est-il optimisé pour mobile ?

Oui, WordPress est optimisé pour les appareils mobiles. Vous pouvez utiliser des plugins pour vous assurer que votre site Web WordPress est adapté aux mobiles, mais l'expérience WordPress standard est conçue pour être réactive quelle que soit la taille de l'écran.

Que faire si mon site Web n'est pas adapté aux mobiles ?

Si votre site Web n'est pas adapté aux mobiles, vous pouvez faire un certain nombre de choses. Pour rendre votre site Web WordPress adapté aux mobiles, commencez par les bases : assurez-vous que votre thème et votre conception sont beaux sur les petits appareils, et qu'il n'y a pas de choses évidentes comme des images ou des fichiers volumineux qui ralentissent l'expérience. À partir de là, vous pouvez consulter les plugins pour optimiser votre site Web afin qu'il ait fière allure sur n'importe quel appareil.