En 2016, le trafic mobile a historiquement dépassé pour la première fois le trafic de bureau. Et si vous avez suivi l’évolution des algorithmes de Google au cours des dernières années, vous avez peut-être remarqué une tendance à prédominance mobile. De façon pratique, juste après que le trafic mobile a augmenté au-delà des totaux de trafic de bureau, Google a annoncé que l’indexation de leur moteur de recherche passerait au « Mobile-First ».

Bien que Google ait confirmé que l’annonce n’était pas immédiate et qu’elle se ferait lentement au fur et à mesure que les tests étaient en cours, plus d’un an et demi s’est écoulé depuis l’annonce initiale. Le 26 mars 2018, Google a officiellement annoncé le début du premier déploiement de l’indexation mobile. Il s’agit là d’un changement important par rapport au statu quo de l’indexation.

Actuellement, la plupart des sites sont à peine optimisés correctement pour les ordinateurs de bureau, sans parler des mobiles, où 21% des sites de petites entreprises ne sont pas « optimisés”. 😧 Si Google changeait soudainement le proverbe pour passer à l’indexation mobile-first, la grande majorité des sites qui dominent la concurrence seraient confrontés à une Grande Dépression SEO, ce qui pourrait détruire leur modus operandi actuel.

Alors, qu’est-ce que l’indexation mobile-first signifie vraiment ? Quand entre-t-elle en vigueur et comment pouvez-vous vous y préparer ? Dans cet article, nous vous expliquerons comment préparer votre site aux changements afin d’éviter d’éventuels désastres.

Avec n’importe quelle annonce Google, c’est parfois difficile à lire entre les lignes. Nous n’avons même pas eu la confirmation des deux facteurs de classement les plus importants depuis plus d’une décennie. Obtenir une réponse directe de Google est aussi rare qu’une éclipse solaire complète. L’indexation mobile-first est un concept assez simple, mais les gens le définissent souvent de façon inutilement complexe.

Permettez-moi de le décomposer simplement pour vous : Google a constaté que la majorité des gens dans le monde entier naviguent sur des appareils mobiles et visitent donc les versions mobiles des sites Web. Mais à l’heure actuelle, l’ensemble de leur système d’indexation examine d’abord la version de bureau d’un site pour évaluer la qualité et la pertinence pour les utilisateurs.

C’est une déconnexion énorme, potentiellement dommageable, pour Google, qui pourrait amener les chercheurs à abandonner la plateforme. Comment cela se fait-il ? Si la plupart des gens utilisent des appareils mobiles pour naviguer, mais que Google indexe les versions de bureau en fonction de leur pertinence et de leur qualité, il est probable que les utilisateurs mobiles obtiennent une expérience inférieure.

Et rappelez-vous la statistique précédente : 21% des sites mobiles des petites entreprises ne sont pas optimisés. Cela signifie que de nombreux utilisateurs de Google visitent inévitablement des sites mobiles de mauvaise qualité. Google et les sites d’entreprises ne peuvent plus se permettre que cela se produise. Pas quand 85% des utilisateurs ne retourneront pas sur votre site ou votre marque après avoir eu une mauvaise expérience mobile.

Et il ne serait pas rare que des baisses de trafic se produisent si Google n’abordait pas ce problème de déconnexion massive. En 2013, Google n’a subi qu’une interruption de service de cinq minutes, ce qui a entraîné une baisse du trafic mondial de 40 % et une perte nette de revenus de 545 000 $.

Les données montrent qu’Alphabet Inc (la société mère de Google), gagne plus de 3 200 $ en revenus chaque seconde. Cela signifie qu’une seule interruption de service de cinq minutes en 2018 entraînerait une perte nette près du double de celle de Google en 2013 :

Argent perdu lors d'une panne de site Web
Argent perdu lors d’une panne de site Web (Source de l’image : InvestorPlace)

On peut dire sans risque de se tromper que Google est en train de mettre à l’épreuve son modèle actuel, cherchant à prévenir toute catastrophe potentielle en termes de revenus et de part de marché.

Pour ces raisons, Google va lentement mettre en place des changements pour faire des sites mobiles la première priorité lorsqu’il s’agit d’indexer le contenu pour sa pertinence et sa qualité. Google indexera toujours les versions de votre site de bureau, mais il donnera la priorité aux mobiles.

Le mobile est plus important que jamais. Tout récemment, à la fin de 2017, les experts de l’industrie ont commencé à remarquer des tests et des déploiements du mobile-first pour quelques sites. Gary Illyes, analyste Google Webmaster, a annoncé cette information aux foules lors de la conférence SMX East.

Et à partir du 26 mars 2018, Google a officiellement annoncé le début du premier déploiement de l’indexation mobile. Mais rassurez-vous, ce sera lent et régulier. Cela signifie que vous n’avez pas à vous soucier de vous réveiller face à un éventuel apocalypse d’Internet où votre classement et votre trafic disparaissent du jour au lendemain.

John Mueller, analyste Google Webmaster Analyst, a également déclaré que les utilisateurs seront informés via Google Search Console lorsque leur site aura été déplacé. Vous pouvez voir un exemple de ce courriel ci-dessous.

Email d’activation du mobile-first de Google
Email d’activation du mobile-first de Google

Mais cela ne signifie pas non plus que vous pouvez rester assis à attendre que le déploiement se fasse sur votre site. Ça vient, que vous soyez prêt ou non. Voici comment vous pouvez savoir si votre site est prêt et quels changements vous devrez apporter pour rester à flot dans ce paysage changeant.

Rendez votre site mobile ou responsive dès que possible

Selon le communiqué de presse de Google, il y a quelques conditions à prendre en compte pour l’indexation mobile. Tout d’abord, Google a clairement indiqué que les sites utilisant des protocoles adaptés aux téléphones mobiles ou sensibles aux téléphones mobiles qui sont à jour seraient bienvenus avec cette mise à jour.

Si votre site est compatible avec les téléphones mobiles, c’est-à-dire si votre contenu est mis à jour dynamiquement entre le bureau et le mobile, vous n’aurez pas à apporter de changements fondamentaux à votre site. Bien que cela ne signifie pas que vous ne devriez pas vous soucier d’améliorer votre site mobile, cela signifie que vous avez moins de travail à faire.

Alors, comment savoir si votre site est mobile ou responsive ? L’un des moyens les plus simples est d’utiliser simplement l‘outil de test Mobile-Friendly de Google.

Test Google mobile-friendly
Test Google mobile-friendly

Vous pouvez également tester votre site Web à l’aide d’un outil tiers tel que Responsive Design Tool. Lorsque vous entrez votre site Web dans la barre de recherche, l’outil vous montrera à quoi ressemble votre site mobile sur mobile, tablette et bureau :

Tests de design responsive
Tests de design responsive

Si vous avez actuellement des sites mobiles et des sites de bureau distincts sur lesquels vous devez apporter des modifications, votre site n’est pas adapté à la mobilité. Par exemple, si le contenu et le balisage sont différents sur chaque site, Google vous recommande d’apporter des modifications.

Pour commencer, assurez-vous d’offrir des balises structurées pour les versions de votre site mobile et de votre site de bureau. Vous pouvez vérifier ces efforts à l’aide de l’outil Données structurées. Testez votre URL à l’aide de l’outil de données structurées, et cela enverra vos données directement à votre compte Google Search Console sous « Search Appearance → Structured Data ».

A partir de là, vérifiez si vos données structurées peuvent être parcourues sans erreur et si les sitemaps sont mis à jour en conséquence. Si vous trouvez des problèmes, la console de recherche vous donnera les étapes exactes que vous devez suivre pour résoudre les problèmes.

Données structurées Google
Données structurées Google

Avec la mise à jour rapide du nouvel index mobile-first, votre site doit être responsive ou adapté aux mobiles. Mais si votre site ne l’est pas, ne paniquez pas. Vous pouvez résoudre ce problème rapidement, sans vous ruiner ou refaire tout votre site Web.

Utiliser un thème WordPress responsive

L’un des grands avantages de l’utilisation de WordPress est que presque tous les thèmes vendus aujourd’hui sont responsives et prêts à l’emploi. Cependant, si vous utilisez un thème plus ancien ou si vous êtes en retard sur les mises à jour, il se peut très bien que votre thème WordPress ne soit pas encore compatible avec les mobiles. Voici quelques choses à faire.

Tout d’abord, assurez-vous que votre thème WordPress est à jour. Parfois, les développeurs reconstruisent le code sur des thèmes plus anciens ou les déplacent vers des frameworks pour s’assurer qu’ils sont compatibles avec les mobiles. Si vous sautez plusieurs versions, nous vous recommandons toujours de prendre d’abord une sauvegarde puis de tester la nouvelle version sur un site de mise à jour.

Deuxièmement, si vous utilisez un thème WordPress obsolète ou si le développeur n’est plus là, il est peut-être temps de passer à un nouveau thème. Il existe de nombreux thèmes WordPress gratuits et premiums parmi lesquels vous pouvez choisir. Vous pouvez opter pour un thème léger, rapide et responsive comme GeneratePress ou OceanWP. Ils vous permettent de créer à peu près n’importe quel site web et supportent même les boutiques eCommerce.

GeneratePress
GeneratePress

Voici quelques fournisseurs de thèmes que nous vous recommandons également de consulter :

Embaucher un développeur WordPress pour rendre votre site Mobile-Friendly

Vous avez peut-être un thème ou un site WordPress personnalisé et vous ne pouvez pas passer à un nouveau thème WordPress. Dans ce cas, vous devrez peut-être débourser un peu d’argent et engager un développeur WordPress pour vous assurer qu’il est compatible avec les mobiles. Cela peut impliquer le déplacement de votre site vers un nouveau framework ou même le remaniement de tout votre code de base. Assurez-vous d’obtenir une estimation de quelques endroits différents avant de procéder. Selon votre site, il peut s’agir d’une petite ou très grande entreprise. Voici quelques entreprises que nous vous recommandons :

Utilisez un plugin WordPress Mobile

Si vous êtes dans le pétrin, vous pouvez également utiliser un plugin mobile WordPress. Bien que nous le recommandions en dernier recours, il peut s’agir de l’un des moyens les plus simples de faire en sorte que votre site soit tout de suite convivial pour les utilisateurs mobiles.

Certains des principaux plugins WordPress pour l’optimisation mobile sont actuellement WPtouch, WP Mobile Pack, Jetpack, et OBox Mobile. Avec plus de cinq millions de téléchargements, WPtouch est l’un des plugins les plus mis à jour, supportés et fiables pour optimiser les expériences mobiles.

WPtouch WordPress plugin mobile
WPtouch WordPress plugin mobile

Actuellement actif sur plus de 200 000 sites et choisi comme premier choix de Google pour les solutions mobiles, c’est un pari sûr et efficace. Le forfait le moins cher commence à partir de 79,00 $, mais vous pouvez personnaliser vos caractéristiques à la carte si vous voulez modifier les forfaits et les prix. WPtouch fonctionne en ajoutant un thème mobile pour les visiteurs de votre site WordPress.

Il crée une version instantanée conviviale pour les mobiles qui attirera dynamiquement le contenu entre votre bureau et les sites mobiles. Dans le tableau de bord, vous pouvez personnaliser leurs thèmes prédéfinis pour qu’ils s’adaptent mieux à votre marque de bureau actuelle :

Exemple de WPtouch
Exemple de WPtouch

WPtouch est l’un des moyens les plus faciles de s’assurer que votre site mobile offre une meilleure expérience utilisateur pour le prochain index mobile-first.

Accent sur l’amélioration de la vitesse du site

Lorsqu’il s’agit d’optimiser votre site pour le mobile-first, la vitesse est l’un des facteurs les plus importants à prendre en compte. La vitesse joue un rôle majeur dans tout, de la facilité d’utilisation aux taux de rebond et à déterminer si les acheteurs potentiels reviendront ou non sur votre site.

En fait, les mauvaises expériences mobiles conduiront la majorité des utilisateurs à ne jamais revenir. Selon le dernier rapport sur la vitesse des pages Google, le temps moyen de chargement d’un site mobile en 2018 était de 15 secondes 🐌 Pouvez-vous imaginer attendre près d’une demi-minute pour charger une seule page ? Étonnant.

Comme vous pouvez l’imaginer, les utilisateurs exigent (et méritent) mieux. Selon le même rapport sur la vitesse des pages, 53% des visiteurs de sites mobiles quittent des pages qui mettent plus de trois secondes à se charger.

Les expériences mobiles lentes ne tuent pas seulement les conversions. Ils vous empêchent même d’avoir une chance de convertir des prospects. Lorsque le temps de chargement des pages augmente de quelques secondes seulement, la probabilité que quelqu’un rebondisse augmente de façon exponentielle.

Statistiques de rebond du temps de chargement des pages
Statistiques de rebond du temps de chargement des pages (Source de l’image : Google)

Si votre site Web mobile prend plus de dix secondes à charger, vous pourriez perdre presque tous vos clients potentiels et clients. Et j’ai des nouvelles pour vous : Votre site Web est probablement trop lent. Selon Google, le site moyen dans chaque industrie est trop lent.

Indice de vitesse moyenne
Indice de vitesse moyenne (Source de l’image : Google)

Réduire votre taux de rebond devrait toujours être une priorité absolue. Une des meilleures façons d’y parvenir est d’améliorer la vitesse de votre site. Vous voulez donner aux utilisateurs une chance réelle de consommer votre contenu plutôt que de le laisser dans un accès de rage.

Vous pouvez utiliser GTmetrix, WebPageTest ou Chrome DevTools pour voir à quelle vitesse votre site se charge sur une connexion mobile 2G ou 3G.

Testez la vitesse 3G avec GTmetrix
Testez la vitesse 3G avec GTmetrix

Avec l’outil Google Test My Site, vous pouvez analyser votre site mobile actuel et obtenir un aperçu direct des étapes nécessaires pour améliorer la vitesse de votre site. L’exécution de votre site à l’aide de l’outil générera une version gratuite de votre rapport qu’il enverra directement dans votre boîte de réception. Le rapport couvre la vitesse actuelle de votre site par rapport à celle de vos concurrents. Il vous montrera également vos pertes potentielles actuelles de visiteurs :

Vitesse mobile
Vitesse mobile

En plus des données de référence, Google vous donne des moyens directs et réalisables de rendre votre site plus rapide. Il estime même le temps que chaque tâche pourrait prendre sur vos temps de chargement globaux :

Recommandations pour rendre votre site plus rapide
Recommandations pour rendre votre site plus rapide

Cliquez sur l’un des conseils « Voir comment », et vous obtiendrez des tutoriels étape par étape sur la façon de résoudre l’un de ces problèmes sur votre site. Avant de simplement les transmettre à votre développeur, jetez un coup d’œil à certains de nos tutoriels que vous pouvez suivre pour les corriger rapidement vous-même :

Après avoir effectué les changements suggérés, relancez votre site dans l’outil et comparez les résultats. Vous devriez voir des améliorations spectaculaires qui mettront votre site en place pour le succès dans le monde mobile à venir. Rappelez-vous, vous ne serez probablement pas en mesure de tout réparer. La valeur la plus importante est le temps de chargement global de votre site.

Assurez-vous également de choisir un hébergeur WordPress rapide comme Kinsta. Nous nous sommes encore une fois classés au premier rang des tests de performance 2018 de ReviewSignal et nous sommes propulsés par la plateforme Google Cloud, l’un des réseaux les plus rapides au monde.

Implémenter Google AMP

Si vous êtes toujours aux prises avec la vitesse de votre site, vous voudrez peut-être aussi envisager d’implémenter Google AMP. Google AMP (Accelerated Mobile Pages Project) offre essentiellement un moyen de servir une version épurée de votre page Web actuelle sans toutes les choses qui la ralentissent, comme JavaScript, CSS, etc. Il existe des plugins tiers qui rendent maintenant ce processus assez facile.

Google AMP
Google AMP

Cependant, nous vous recommandons de procéder avec prudence en fonction du type de site que vous avez. En raison du fait que Google AMP est un grand changement, cela peut avoir un impact sur tout, des taux de conversion aux CTAs. Celles-ci, bien sûr, peuvent être remises en place mais nécessiteront un peu de travail. Si vous avez un site WooCommerce et que vous avez beaucoup de clients mobiles, assurez-vous de tout tester !

Nous avons fini par supprimer Google AMP du site de Kinsta après l’avoir testé. Cependant, cela ne veut pas dire que nous ne le testerons plus à l’avenir. Google améliore régulièrement cette technologie.

Faites du mobile votre priorité absolue

Avec le trafic mobile qui domine le paysage de la navigation en ligne et Google qui s’adapte en conséquence, il est maintenant temps de changer votre propre foyer interne. Et bien que la vitesse du site soit une mesure directe que vous pouvez prendre pour améliorer votre site pour l’index mobile-first, ce n’est pas la fin du tout.

Trafic mobile vs trafic de bureau
Trafic mobile vs trafic de bureau

Si vous voulez trouver le vrai succès avec un site mobile, il doit devenir votre priorité. Cela signifie que vous devez aller au-delà de l’optimisation dynamique et de la réactivité. L’ensemble de votre site doit s’adresser à l’utilisateur mobile. Tout, de la structure à la conception et aux éléments que vous utilisez.

Les utilisateurs naviguent très différemment sur leur mobile et sur leur bureau. Ainsi, le plus souvent, imiter simplement un site de bureau pour les appareils mobiles n’optimisera pas pleinement l’expérience de l’utilisateur. Sur mobile, les écrans sont plus petits, la puissance de calcul est limitée et les utilisateurs sont souvent en déplacement.

Les éléments de page typiques et les images haute résolution vont embourber l’expérience de l’utilisateur mobile. Avoir une architecture de site profonde peut causer des expériences mobiles terribles, forçant les utilisateurs à cliquer à travers des dizaines d’onglets pour atteindre le contenu dont ils ont besoin :

Architecture de site Web
Architecture de site Web (Source de l’image : Riverbed Marketing)

La résolution de ce genre de problèmes exige évidemment une réflexion sérieuse. Cela peut même nécessiter une refonte massive de la structure de votre site. Mais l’index imminent de Google sur les téléphones portables devrait être la goutte d’eau qui fait déborder le vase pour les chameaux.

Si la structure actuelle de votre site est profonde et difficile à naviguer sur mobile, vous devriez fortement envisager de tester l’expérience utilisateur sur mobile. Voyez quelles sections sont difficiles à activer et où se trouvent les points de chute communs.

Avec le mobile-first, vous devriez chercher à simplifier l’expérience des utilisateurs mobiles sur votre site. Au lieu de créer d’abord un site de bureau complexe et ensuite un site mobile, retournez le script. HubSpot l’a testé en 2015 lorsqu’ils ont décidé de tout simplifier sur leur site mobile.

Tout d’abord, ils ont commencé par les pages de renvoi de contenu. Ils les ont réduits en taille et ont limité la quantité de défilement, de pincement, de zoom et de clics qu’un utilisateur devait faire :

Formatage mobile
Formatage mobile (Source de l’image : Hubspot)

Ensuite, ils ont abordé les formulaires qui accompagnaient ces pages :

Formulaires mobiles
Formulaires mobiles (Source de l’image : Hubspot)

Après avoir mis à jour leurs pages d’atterrissage et leurs formulaires subséquents pour qu’ils soient condensés et simples sur mobile, ils ont obtenu une diminution moyenne de 27% des rebonds mobiles. La combinaison de la simplification du contenu et de l’architecture du site avec un design réactif a permis de réduire le taux de rebond de 10,7 %.

Sur mobile, vous devez tout régler avec précision, de la conception responsive à la vitesse, en passant par l’architecture et l’expérience utilisateur. Et la seule façon d’y parvenir, c’est d’accorder la priorité à la mobilité dans vos priorités.

Une autre chose importante à noter est qu’avec l’indexation mobile-first, le contenu qui est réduit ou caché dans les onglets ne sera pas traité différemment que le contenu visible (comme c’était le cas auparavant), puisque ce type de gestion d’écran est en fait une meilleure pratique mobile. Pour en savoir plus à ce sujet, cliquez ici.

Jetez un coup d’œil à ces conseils supplémentaires sur la conception du contenu de l’index mobile-first.

Suivre les mots-clés mobiles

Vous vous inquiétez de votre référencement avec le nouvel index mobile-first ? Bien que tout ce que nous avons mentionné ci-dessus peut aider à améliorer votre référencement, vous voudrez peut-être aussi garder une trace de votre classement par mot-clé sur mobile vs bureau. Ceci est particulièrement important pour ceux d’entre vous qui ont un domaine mobile distinct, tel que m.exemple.com.

 Vous pouvez facilement le faire avec un outil comme Accuranker ou SEMrush. C’est maintenant le bon moment pour mettre en œuvre cela, avant qu’il ne se produise, afin que vous puissiez surveiller efficacement comment votre site est impacté par le nouveau changement de Google.

Accuranker compare les classements des mobiles et des postes de travail
Accuranker compare les classements des mobiles et des postes de travail

Autres conseils de Google

Voici quelques conseils supplémentaires recommandés par Google :

  • Assurez-vous que la version mobile de votre site dispose également d’un contenu important et de haute qualité. Cela inclut le texte, les images (avec attributs alt), et les vidéos – dans les formats crawlable et indexable habituels.
  • Les métadonnées doivent être présentes sur les deux versions du site. Cela comprend les titres, les méta-descriptions, les en-têtes, etc. Consultez notre liste de contrôle SEO.
  • Vérifiez les liens hreflang sur des URL mobiles distinctes. Lors de l’utilisation d’éléments link rel=hreflang pour l’internationalisation, lier séparément les URL mobiles du bureau. Le hreflang de vos URL mobiles doit pointer vers d’autres versions de langue/région sur d’autres URLs mobiles, et de même lier le bureau à d’autres URLs de bureau en utilisant des éléments de lien hreflang. Si vous suivez notre guide multilingue WordPress, vous devriez être prêt à partir !
  • S’assurer que les serveurs hébergeant le site ont une capacité suffisante pour faire face à une augmentation potentielle du taux d’exploration. Cela n’affecte pas les sites qui utilisent un design web responsive et un service dynamique, seulement les sites dont la version mobile est sur un hôte séparé, tel que m.exemple.com.
  • Aucune modification n’est nécessaire pour l’interconnexion avec des URLs mobiles distinctes (sites m.-dot). Pour les sites utilisant des URLs mobiles distinctes, conservez le lien existant rel=canonique et le lien rel=alternate entre ces versions. Glenn Gabe se penche sur d’autres problèmes liés aux domaines mobiles et aux balises canoniques distinctes.

Conclusion

Il y a moins de deux ans, le trafic mobile a dépassé le trafic de bureau dans le monde entier et Google nous a fait savoir qu’il allait apporter des changements à la façon dont les choses étaient indexées. Et c’est maintenant là ! Google a commencé à déployer le nouvel index mobile-first à partir du 26 mars 2018.

Si votre site n’a pas encore été déplacé, il est encore temps de prendre de l’avance. Concentrez-vous sur la convivialité et la réactivité de votre site, l’amélioration de la vitesse et la priorité accordée à la mobilité dans tout ce que vous faites sur votre site.

Avons-nous raté d’autres conseils sur l’index mobile-first ? Faites-nous le savoir ci-dessous dans les commentaires.

Brian Jackson

Brian a une grande passion pour WordPress, l'utilise depuis plus de dix ans et développe même quelques plugins de qualité. Brian aime les blogs, les films et les randonnées. Connectez avec Brian sur Twitter.