Nombreux sont ceux qui cherchent à booster leur référencement naturel dans l’espoir de dépasser leurs concurrents. Une des pistes d’amélioration pourrait bien se trouver du côté de l’optimisation mobile. Nous évoquons tout d’abord au travers de deux témoignages d’experts en E-commerce l’importance du mobile dans la stratégie webmarketing, puis nous vous expliquons plus en détails dans cet article les secrets pour perfectionner votre SEO, l’expérience utilisateur et aller de l’avant.
2016 : les internautes sont des mobinautes
C’était annoncé depuis longtemps et cela s’est passé l’an dernier : en 2016, le mobile a dépassé l’ordinateur en devenant le premier device utilisé pour naviguer sur internet. Ce n’est pas vraiment une surprise puisque, dès 2015 déjà, Google annonçait que les recherches sur mobile avaient surpassé celles sur desktop sur son moteur de recherche.
Cela dépend bien sûr des secteurs, mais on constate que chez certains e-commercants le taux de pénétration du mobile atteint désormais des sommets. C’est ce que confirme Chloé Neyrial, chargée de développement E-commerce chez Babymoov. « La part du mobile dans la navigation du site web Babymoov.co.uk, site de vente en ligne de la marque au Royaume-Uni a considérablement augmenté en 2016. Les clients du site ecommerce Babymoov sont désormais plus de 70% à effectuer leurs achats sur mobile. Cela s’explique par le fait qu’au UK, les consommateurs sont beaucoup plus en avance que les français quant aux nouvelles technologies ». Le marché britannique est bien plus mature qu’en France, même si l’on remarque également que la part du mobile se développe chaque année. C’est ce que constate aussi Mathieu Remy, chargé du développement international chez Glisshop.com, spécialiste des sports d’hiver sur Internet : « En 2016, la moitié des visites du site a été réalisée à partir de mobiles (smartphones et tablettes) et cette proportion tend à augmenter d’années en années. Nos visites sur support mobiles ont fait +20% entre 2015 et 2016. »
Mobile first
Le mobile a donc désormais percé et est bien entré dans les usages de navigation sur internet. Pourtant, bien que les agences web et les webmasters ont été sensibilisés à l’importance du responsive design et que la plupart des sites internet ont revu leur ergonomie pour s’adapter au mobile, on constate que la majorité des sites web passent à côté du mobile. Pourquoi ? Parce que la majorité des sites sont conçus et pensés pour le desktop d’abord puis pour le mobile. Un exemple : les formulaires de contact ou d’inscription à un service ou pour commander. S’ils étaient déjà bien ennuyeux à remplir sur un ordinateur, cela devient une véritable plaie sur un smartphone, quand bien même le site est responsive.
A l’heure où le mobile est devenu le premier terminal, il est plus que temps d’orienter ses conceptions et ses actions en étant mobile-first focus.
Qu’est-ce que le mobile a changé dans la stratégie web ?
A cette question la réponse de Mathieu de Glisshop est la suivante :
Nous avons du nous adapter techniquement avec un site en responsive design mis en ligne il y a quelques années. Nous adaptons nos contenus pour optimiser la navigation sur mobile et faisons des tests réguliers. Le mobile est un enjeu majeur puisqu’il représente la moitié de notre audience.
Un enjeu qui pose des problèmes parce que les taux de conversion entre différents supports varient beaucoup. Le taux de conversion tablette est deux fois inférieur au desktop, et le taux de conversion mobile est deux fois inférieur à celui sur tablettes. La montée en puissance du mobile nous pose donc des problèmes de conversion.
Interrogée sur le même sujet, Chloé de Babymoov affirme « qu’il a fallu repenser toutes les actions en responsive :
- Adapter les structures de pages
- Enlever des blocs sur certaines pages : exemple des fiches produit du site Babymoov UK où l’on a créé des blocs déroulant « description », « delivery » et« reviews » pour une lecture plus facile sur mobile,
- Adapter les bannières : éviter trop de texte, privilégier des mots clés écrits en gros
- Nouveaux moyens de communication : notifications mobile, sms, newsletter responsive
On le voit au travers de ces deux témoignages d’experts en E-commerce et Webmarketing qu’il existe des solutions qui ont déjà été mis en place.
Comment optimiser son site web pour les utilisateurs mobile ?
Examinons ensemble plus en détails les principes fondamentaux du responsive design, de la vitesse d’accessibilité au site, mais aussi et surtout prenons en considération l’expérience de l’utilisateur sur les appareils mobiles.
Gardons en tête l’objectif de créer des sites web orientés mobile, c’est à dire qu’ils doivent convenir parfaitement aux utilisateurs de mobile et amener facilement et efficacement à des conversions. Gagnez cette bataille et vous prendrez les devants face à vos concurrents, c’est certain. L’objectif de Google étant résolument orienté vers la satisfaction des utilisateurs de mobiles, en améliorant l’engagement et les facteurs influençant sur le ranking, vous aurez un effet mélioratif sur votre référencement naturel. Ce qui est bon pour l’utilisateur se ressent sur les moteurs de recherche.
Ce que Google veut
Pour reprendre le titre de l’ouvrage de benjamin Thiers et Julien Ringard, ce que Google veut est l’interrogation de tous les experts SEO. Anticiper ce que sera le SEO en 2017, quelles seront les bonnes pratiques du référencement naturel en 2017, les outils à utiliser, comment utiliser le marketing de contenu pour soutenir son référencement dans les prochains mois, telles sont les questions que se posent ceux qui veulent être numéro 1 ! Gary Illyes de Google félicite d’ailleurs ceux qui considèrent que le mobile sera le facteur-clé de réussite en 2017 :
Those of you who said « mobile », you were spot on! https://t.co/CtuCW4xV15
— Gary Illyes ᕕ( ᐛ )ᕗ (@methode) 13 décembre 2016
Voici 3 infos-clé tirées de documents promotionnels édités par Google :
- Aujourd’hui plus de recherches se font sur smartphone que sur ordinateur,
- Les gens sont 5 fois plus nombreux à quitter un site s’il n’est pas mobile friendly,
- Plus de la moitié des utilisateurs mobiles quitteront un site web s’il met plus de 3 secondes à se charger.
Comme de plus en plus de personnes font des recherches sur mobile que sur ordinateur, le mobile génère davantage de pages vues. Si votre site n’est pas compatible avec le mobile, les visiteurs risquent de partir. Et si votre site est lent à charger, ils ne prendront pas le temps d’attendre et iront voir ailleurs…
L’indexation Mobile First
Le mobile First Index sonne sans doute le glas du SEO tel que nous l’avions connu, c’est à dire orienté desktop. Même si jusqu’à présent, les classements sont restés basés sur la version desktop d’un site, cela va vite changer. Et lorsque les changements seront effectifs, le contenu et les liens, la vitesse, l’expérience utilisateur et bien d’autres facteurs seront les principaux bras de levier de votre visibilité sur les moteurs de recherche. Tout ce qui comptait pour le support desktop sera encore à l’oeuvre, mais deviendra certainement mineur. On vous le répète encore : Mobile First !
De cela il ne faut pas en voir une menace mais plutôt une réelle opportunité pour ceux qui veulent prendre l’avantage sur leurs concurrents. Il faudra renouveler ses efforts bien sûr mais surmonter cet obstacle est la voie à suivre, et cela avant que vos rivaux ne prennent de l’avance sur vous. Lorsqu’on demande à Mathieu Rémy comment il voit le SEO et les évolutions en 2017, il nous répond que « le SEO est au centre de nos préoccupations, nous suivons les tendances quotidiennement, nous nous efforçons d’optimiser nos sites et de les alimenter en contenu. Nous le gérons en interne depuis cette année afin d’être plus réactifs et plus autonomes. Cette stratégie a porté ses fruits sur la saison en cours et nous allons attaquer 2017 dans la même dynamique. »
L’approche mobile-friendly
L’un des objectifs prioritaires à avoir en tête pour obtenir cet avantage est de voir comment délivrer aux utilisateurs des contenus mobiles conviviaux. Il y a 3 approches possibles :
- Un site web responsive
- Du contenu dynamique
- des adresses web différentes pour chaque site : une url pour une version desktop, une url pour une version mobile.
Le responsive design est la solution recommandée par Google pour répondre à la problématique du mobile. Si Google le dit, alors autant suivre cette voie !
Ok, le responsive design n’a rien de récent et existe depuis belle lurette. Néanmoins, il existe encore aujourd’hui de nombreux sites qui sont, d’un point de vue technique, responsive mais ne parviennent pas à produire une expérience forte pour les utilisateurs de mobiles. En fin de compte, le responsive design ne répond qu’en partie à la question du comment créer véritablement des sites web mobile-friendly.
L’optimisation mobile
Il existe de nombreux outils, notamment chez Google (non nous n’avons aucune action chez eux !), pour ce qui est de tester la fonctionnalité mobile. Par exemple lorsque vous êtes sur la Google Search Console, il vous est proposé de corriger les problèmes d’ergonomie mobile. Il est fortement recommandé d’utiliser ce type d’outil lorsque vous cherchez à développer votre site web, ou pour faire un audit préalable à toute modification ultérieure ou encore durant toute la durée de vie de votre site.
L’outil Search Console vous permet de checker les paramètres suivants pour mobile :
- Utilisation de Flash : la plupart des navigateurs mobile étant réfractaires à flash, il vaut mieux s’en détourner.
- Configuration ViewPort : cette balise permet aux navigateurs d’afficher la page à l’échelle selon le type de navigateur. Autrement dit, mieux vaut qu’elle soit optimisée pour afficher la bonne mise en page de votre site. Cela concerne aussi bien la balise méta, que la largeur fixe ou encore le redimensionnement du contenu. Pour plus d’explications, consultez également l’article du blog Tasse de Café « Responsive Design : le viewport »
- Taille de la police réduite : il s’agit souvent d’un problème de mise à l’échelle qui nécessite que les mobinautes effectuent un zoom avant, ce qui n’est pas des plus pratiques.
- Des éléments trop proches : ceci est un problème d’ergonomie fréquent. Différents éléments tels que l’ajout au panier, un bouton en savoir plus, agrandir la photo, etc sont si proches qu’il n’est pas possible de toucher l’un sans toucher l’élément voisin. Le genre de choses qui fait enrager les utilisateurs mobiles !
- L’utilisation d’un interstitiel : déjà sur desktop il ya quelques années les pop-ups n’avaient pas bonne presse. Sur mobile, une fenêtre en pop-in qui s’ouvre pour proposer l’inscription à la newsletter, une promo (voire même de télécharger l’application) est en général perçue comme une expérience négative. C’est quelque chose que Google va clairement chercher à réprimer en 2017. Privilégiez plutôt des interstitiels larges et peu haut en bas. Et n’oubliez pas de mettre en place un capping : on le voit une fois, on dit non et merci !
Voici un autre outil en ligne pour votre optimisation mobile proposé par Google : le test d’optimisation mobile
Vitesse d’affichage
La vitesse d’affichage de la page est un paramètre important sur tous les appareils, mais c’est encore plus vrai sur mobile. Le temps devient plus précieux sur smartphone. Une page qui se charge relativement rapidement sur un réseau Wifi risque de ne pas être aussi prompte à s’afficher en mode réseau de données mobile. Certes la 4G a apporté des améliorations, mais la couverture reste encore en 2017 inégale.
Cependant pour palier ce problème il existe des best practices pour améliorer la vitesse de chargement des pages. Et c’est encore (décidément !) Google qui vient à la rescousse avec son outil Page Speed Insights, permettant en un clin d’oeil de tester la vitesse de chargement des pages et d’obtenir les indications pour les points qui peuvent être améliorés. Essayez donc le Mobile Friendly Test de Page Speed Insights de Google.
Vous pouvez également utilisé le très joli site testmysite.withgoogle.com qui évalue votre ergonomie mobile, la vitesse sur mobile ainsi que sur ordinateur, vous prodiguant au passage d’intéressantes recommendations :
- éliminer les codes JavaScript et CSS qui bloquent l’affichage du contenu au dessus de la ligne de floraison,activer la compression
- optimiser les images (trop lourdes !),
- exploiter la mise en cache du navigateur,
- activer la mise en cache du navigateur,
- éviter les plug-ins,
- réduire la taille des ressources html
Ces modifications peuvent être faîtes assez facilement. Si par exemple votre site tourne sous wordpress, il existe de nombreux plugins qui vont vous permettre de régler plusieurs de ces problèmes.
Un autre outil intéressant à utiliser est le rapport donné par Analytics (oui encore Google !), dans la section Comportement, Vitesse du site.
Dans l’exemple ci-dessus nous pouvons constater que le temps de chargement de la page est de 4,76 secondes, ce qui est au-dessus du temps recommandé de deux ou trois secondes. Au vue du faible temps de réponse du serveur l’explication de cette longueur de temps de chargement de la page est sans doute à chercher du côté des optimisations du site évoquées plus haut (Page Speed Tools). Gageons qu’en faisant quelques modifications, il y aurait moyen d’économiser de précieuses secondes.
Ainsi, en prenant un peu temps pour benchmarker son site, on peut aisément identifier et résoudre 80% des pistes d’amélioration avec seulement 20% d’efforts.
En outre, on ne peut pas parler de vitesse de chargement sur mobile sans évoquer le format AMP, acronyme de Accelerated Mobile Page. Cette fonctionnalité open source lancée il y a un peu plus d’un an permettant d’afficher beaucoup plus vite une page web. Nous vous en reparleront très prochainement dans un futur article.
Bref, vous l’aurez compris, la rapidité compte pour beaucoup. Pour vos utilisateurs et pour les moteurs de recherche.
L’expérience utilisateur sur mobile
Avoir une architecture mobile friendly et la vitesse de chargement sont des éléments fondamentaux d’un site web optimisé pour mobile. Ce sont des paramètres nécessaires mais pas suffisants, dans le sens où ils ne garantissent pas à eux seuls d’avoir un site web parfaitement optimisé. Que vous demandiez à votre agence web ou votre webmaster (ou vous-même) d’optimiser les aspects techniques ne suffit pas. Il est nécessaire de se mettre dans la peau de l’utilisateur et de faire preuve de psychologie du consommateur. Il vous faudra faire l’aller-retour entre ce que les gens font avec leur mobile et ce que vous vous voudriez qu’il fasse. L’un des conseils (largement inspiré de notre Product Owner chez YouDot ), est de rédiger des Users Stories.
AnswerLab et Google ont publié les résultats d’une étude réalisée conjointement pour déterminer comment les utilisateurs interagissent sur un large éventail de sites mobile. C’est certainement l’un des meilleurs rapports qu’il nous ait été donné de lire sur le sujet. Les résultats de l’étude se présentent sous la forme de 25 slides, avec à chaque fois un grand principe à appliquer, au travers de 5 grandes catégories :
- homepage et navigation sur le site,
- fonction recherche sur le site
- Conversion et ecommerce
- Formulaires
- Ergonomie et forme
La clé du succès est de se concentrer sur l’expérience mobile. Donnez aux utilisateurs ce qu’ils attendent, ce dont ils ont besoin. Facilitez-leur la tâche pour atteindre vos objectifs.
Et bien que ces outils soient très utiles, rien ne vaut un bon test utilisateur in situ. Fixez les objectifs qu’un utilisateur doit réaliser sur votre site et faîtes le test avec un échantillon d’utilisateurs (plus ou moins familier avec le smartphone) et aussi avec différents types de smartphones (iOS, Android, Windows…). Les retours d’expérience que vous obtiendrez sont essentiels pour comprendre de façon concrète comment les utilisateurs interagissent avec votre site web.
Vous pouvez également vous servir d’outils comme Inspectlet pour enregistrer et revoir comment les personnes ont navigué sur votre site web, pour déterminer les zones chaudes, savoir comment se fait le scroll et un tas d’autres fonctionnalités. En combinant cet outil avec Google Analytics, vous découvrirez des informations pertinentes pour comprendre pourquoi les personnes quittent le tunnel d’achat à la deuxième étape.
Au final la clé du succès pour l’optimisation de la performance sur mobile est d’associer différents outils et les tests utilisateurs en situation réelle.
Prendre l’avantage sur ses concurrents n’est pas chose aisée. Dans le jeu du SEO, le mobile représente un atout important. Google l’a dit lui-même en indiquant que 2017 serait l’année du Mobile First !
N’hésitez pas à nous laisser un petit commentaire ci-dessous pour nous dire quelles ont été les optimisations mobile que vous avez mis ou comptez mettre en place pour votre site !