En 2017, passez à la version mobile !
Depuis déjà presque deux ans (information donnée par Google en avril 2015), le moteur américain attribue un meilleur positionnement dans ses résultats aux sites web également visibles sur un smartphone ou une tablette. Si certains ont pu penser que cette annonce ne concernait que le seul monde du référencement sans autre impact qu’un positionnement un peu moins bon, la réalité les a vite rattrapé. Aujourd’hui les statistiques sont claires : près d’un internaute sur deux vient sur votre site depuis son téléphone ou sa tablette.
Si les conditions de visualisation de celui-ci sont mauvaises, il partira chercher l’information sur un autre ou pire, acheter ce dont il a besoin ailleurs.
Comment savoir si son site web est compatible avec une lecture sur un smartphone ? Quelles sont les techniques qui permettent d’adapter son site ?
Comment savoir si son site web répond à cette nouvelle norme du web ?
Pour les possesseurs de smartphone, le test est simple. Rendez-vous sur l’adresse de votre site et observez comment celui-ci s’affiche sur votre mobile.
Un site qui n’est pas compatible avec la lecture sur mobile va s’afficher de la même manière sur un écran de PC que sur un mobile à ce détail près : la surface d’un écran de téléphone étant de 80% moindre comparée à celle d’un ordinateur, la police de caractère va s’afficher de manière trop petite pour être lue. L’utilisateur est alors obligé de zoomer continuellement et de faire défiler les pages verticalement et horizontalement pour lire le contenu du site.
Un site compatible permet d’adapter la taille de la police de caractère à celle de l’écran pour un confort visuel optimal. Le menu se replie en haut et à gauche de l’écran du Smartphone et reste accessible. Le contenu du site est bien réorganisé en hauteur et l’utilisateur n’a plus qu’à faire défiler verticalement la page comme sur un PC.
Pour ceux qui souhaitent conserver leur vieux téléphone de 1995 qui ne permet pas de surfer sur Internet, il existe d’autres possibilités pour savoir si son site est compatible avec la lecture sur un écran plus petit.
L’ensemble des navigateurs connus (Google Chrome, Mozilla Firefox, Internet Explorer, Opéra ou Safari) ont mis à la disposition des utilisateurs, des extensions et des plug-ins qui permettent de tester son site web en mode téléphone.
Le site www.responsinator.com est un outil en ligne qui permet de simuler la visualisation d’un site aussi bien en lecture verticale qu’horizontale sur différents écrans d’iPhone, d’appareils de type Android et d’iPad.
Quelles techniques pour rendre un site mobile friendly ?
La meilleure technique et celle préconisée par Google pour rendre son site web lisible correctement sur un smartphone reste le Responsive Design. Cette méthode de développement de site permet de n’avoir qu’un seul site à gérer de manière centralisée et valable aussi bien pour la lecture sur PC que sur smartphone.
Pour autant, quelques précautions sont à prendre.
Les jolies animations Flash qui garnissent votre site sont attractives mais ne peuvent pas être vues par les téléphones mobiles.
Les liens contenus dans le texte doivent être suffisamment éloignés de celui-ci pour que l’utilisateur puisse cliquer dessus sans se tromper de ligne et afficher par exemple la mauvaise page.
Le format Google AMP (Accelerated Mobile Pages) développé par le moteur américain peut être une bonne alternative. Il s’agit d’une solution open source qui permet de rendre l’affichage des pages d’un site web sur mobile plus rapide. Cette technologie permet de travailler sur deux axes primordiaux :
– l’affichage plus rapide du contenu grâce à un allègement spécifique de la page,
– le stockage de celle-ci dans le cache de Google pour appeler les pages plus rapidement.
Quoiqu’il en soit, la mise en conformité de votre site web avec cette nouvelle donne est primordiale pour profiter d’un trafic sur appareils mobiles de plus en plus élevé.
Avez-vous déjà trouvé votre projet phare de 2017 ?
Et sinon ? Vous en pensez quoi ?