Est-ce que mon site internet est mobile Friendly ?
60% des utilisateurs surfent aujourd’hui avec leur téléphone mobile. Cette tendance s’accélère et en 2018, ce seront près de 90% des internautes qui viendront sur votre site d’une tablette ou d’un Smartphone.
Le comportement des internautes a clairement évolué ces deux dernières années avec une phase de découverte sur mobile et ensuite une recherche approfondie à partir d’un ordinateur.
Google a donc pris en compte cette évolution et, depuis 2015, sanctionne de plus en plus les sites qui ne sont pas responsive design et qui ne respectent pas les quelques règles fournies par le moteur de recherche américain. Une mention “Mobile-Friendly” apparaît même aujourd’hui dans les résultats de recherche.
Site pas adapté aux mobiles = 50% d’internautes perdus
Nous allons à travers cet article vous révéler nos 10 conseils pour rendre votre site mobile Friendly.
Google mobile tester, l’outil de référence
Google a mis l’accent sur le mobile depuis 2015 et met à disposition la nouvelle version de son outil de test en 2017.
Entrez l’adresse URL de votre site internet et de celui de vos concurrents pour comparer. Voici les critères qui sont pris en compte par l’algorithme de Google.
Le temps de chargement:
Les connexions internet mobile sont aujourd’hui encore trop lentes pour afficher rapidement des sites avec des contenus lourds comme les vidéos.
Pour rendre l’utilisation de votre site internet fluide sur smartphone, il donc est essentiel de valider la vitesse de chargement des pages de votre site web.
Vous l’avez compris Google prend en compte le temps de chargement de votre site web dans son indexation.
Pour connaître le temps de chargement exact de votre site internet et avoir des conseils techniques d’optimisation de vos pages, le leader mondial en la matière est Pingdom.
Très simple d’utilisation, vous avez juste à taper l’adresse URL de votre site internet et il va directement tester le chargement de votre site internet depuis un de ses serveurs dans le monde.
Si votre site internet prend moins de 1 seconde à s’afficher, votre site web est optimisé et Google vous indexera bien. Entre 1 et 2 secondes, c’est correct.
En revanche si votre site web prend plus de 2 secondes à charger, la situation devient urgente à corriger. Un site web professionnel qui ne se charge pas ou mal n’est pas du tout du goût des internautes.
- 50% des internautes veulent qu’un site internet s’affiche en moins de 2 secondes.
- 40% d’entre eux quittent votre site web s’il prend plus de 3 secondes à charger.
L’outil de Google va encore plus loin. Il va scanner votre site avec une connexion normale et une connexion 3G qui est souvent celle présente sur les téléphones mobiles.
Sur mobile et avec une connexion 3G, le temps de chargement reste acceptable jusqu’à 5 secondes. Pour chaque seconde en plus, Google estime pour vous la perte potentielle d’internautes en pourcentage.
Voici les critères principaux conseillés par le moteur de recherche Google pour optimiser le temps de chargement de votre site internet:
Les images light pour mobile
Les images constituent les contenus visuels les plus significatifs sur un site. En revanche, elles sont généralement lourdes et pas très optimisées pour le web.
Optimiser vos images est le moyen le plus efficace pour diminuer le temps de chargement de votre site web.
Le conseil Orson.io: Utilisez ces 2 outils en ligne pour compresser vos images en fonction du type d’images que vous avez: JPG ou PNG. Les JPG sont des fichiers beaucoup plus léger donc à privilégier dans la majorité des cas. Si vous avez besoin de fond transparent, vous pouvez opter pour le PNG.
Ces outils en ligne sont plus performants que n’importe quel logiciel de retouche photo ou d’image tels que Photoshop. Ils vont vous assurer le meilleur compromis entre conserver une qualité de photo optimale pour le web et compresser le poids de votre image.
Succès garantit.
Les plugins, scripts aux minimum
Les plugins et les scripts correspondent à l’ensemble des outils que vous utilisez pour votre site internet pour afficher des boutons de partage Facebook ou Twitter par exemple, une carte Google Map ou un formulaire d’un outil externe. Ces plugins sont souvent lourds et prennent parfois du temps à charger puisqu’ils proviennent de serveurs externes.
Ces plugins bloquent généralement le chargement du reste du site donc, évitez de rajouter trop de plugins et demandez à vos développeurs ou à votre agence web de bien vérifier que vous n’avez pas de script inutile sur vos pages web.
Evitez par exemple les popups qui s’affichent directement à l’arrivée sur un site internet pour vous demander de vous inscrire à une newsletter ou pour profiter d’une offre promotionnelle. Les internautes n’aiment pas ça, donc Google non plus.
AMP (Accelerated Mobile Pages)
Conseil Orson.io: pour aller encore plus loin dans l’optimisation du temps de chargement de votre site, vous pouvez utiliser une technologie poussée par Google, qui est l’AMP.
https://www.ampproject.org/learn/overview/
L’AMP a pour vocation de rendre l’expérience utilisateur sur mobile meilleure en permettant d’avoir un système de cache élaboré pour afficher des pages internet en un temps record. Je vous passe les détails techniques mais l’AMP est plébiscité par Google et est mis en avant sur les résultats du moteur de recherche.
Cette technologie AMP est surtout pertinente sur des blogs, en effet, dès lors que l’AMP est activé sur une page, Google ne va charger que l’image principale puis l’ensemble des textes. De nombreux blogs ont mis en place l’AMP puisque leur contenu est généralement consulté sur une tablette ou sur un mobile ( Le Monde, Le Parisien … )
Pour l’implémenter, demandez à vos développeurs ou à votre agence.
L’ergonomie de votre site internet sur mobile:
Sur tablettes et smartphones, la taille des écrans est clairement réduite. Il est donc essentiel d’adapter l’ergonomie de son site web à ces différents terminaux. Il faut bien évidemment avoir un site internet responsive design. C’est à dire que le contenu de votre site internet doit s’adapter automatiquement aux écrans. Pas besoin de zoomer par exemple pour pouvoir lire les textes.
Les polices
La taille des polices des titres et de vos paragraphes doivent s’adapter également à la taille des différentes écrans. Sur mobile, il faut réduire la taille de l’ensemble de vos titres pour qu’ils soient plus lisibles et pour qu’on ai pas besoin de scroller pour lire un titre.
La taille des éléments
La navigation sur tablette et sur mobile se fait avec le doigt et non plus avec la souris. Pour que votre site internet soit considéré comme Google Friendly, il est important de prendre ce critère en compte lorsque vous êtes en train de créer votre site internet.
La taille d’un doigt moyen est de 32px en largeur et 32px en hauteur selon les guidelines d’Apple et de Google.
Les éléments liés à la navigation tels que le menu ou les boutons d’actions ( autrement appelés CTA pour call to action ) doivent respecter à minima ces tailles afin d’augmenter les conversions. Les effets ou animations au passage de la souris doivent être réduits au maximum puisqu’ils ne fonctionnent pas sur mobile.
Le mot de la fin : Mobile, mobile
95% des Français sont équipés d’Internet et 65% d’un smartphone. Le mobile ne se positionne pas dans le futur mais représente une réalité d’aujourd’hui.
Faites tout ce qu’il faut pour rendre votre site internet Mobile Friendly, non pas uniquement pour les moteurs de recherche mais surtout pour vos visiteurs.
Créez un site internet mobile friendly pour vraiment offrir une expérience utilisateur au top.
