Adaptation site mobile

Site mobile, pourquoi votre site doit-il s’adapter aux mobiles ?

Si vous vous posez encore la question, l’instant est grave car vous délaissez une grande partie de votre audience vous devez créer un site responsive design.

Pourquoi adapter son site aux appareils mobiles tel que les smartphones et tablettes ?

Voici 2 raisons indiscutables :

  • Les mobinautes représentent désormais plus de 50% des visiteurs d’un site, l’utilisation du mobile explose ! Des études récentes démontrent que le flux provenant des appareils mobiles concerne jusqu’à 60% des internautes le week-end.
  • Google déclasse les sites internet qui ne sont pas adaptés au mobile.

21 avril 2015, Google fait évoluer ses critères de recherche pour référencer votre site.

La déclaration de Google est sans ambiguïté :

« À partir du 21 avril 2015, nous étendrons l’utilisation de la compatibilité mobile comme un critère de classement. Ce changement affectera (…) nos résultats de recherche ».

Le Mobilegeddon est en marche et conduit Google a faire une seconde optimisation en Mai 2016. Les conséquences sont violentes pour les sites qui ne sont pas responsive design. Leur trafic naturel s’écroule.

Votre site internet doit aujourd’hui être mobile-friendly. C’est urgent et essentiel pour maintenir votre visibilité sur internet et vous assurer d’un référencement optimisé.

Comment faire pour rendre son site mobile-friendly ?

Un site mobile-friendly va s’adapter à la navigation depuis un smartphone ou une tablette. Il va proposer une navigation adaptée à la taille de l’écran et agencera le contenu afin de le rendre lisible.

Deux méthodes pour rendre un site mobile-friendly :

Avoir un site mobile.

Cela consiste à créer une nouvelle version de site uniquement dédié aux mobiles. Cela implique donc :

  • une conception dédiée,
  • un nom de domaine spécifique (ou sous-domaine),
  • une maintenance technique dédiée,
  • des mises à jours du contenu.

Pour faire simple, vous créez une deuxième version indépendante de votre site ce qui double le travail et les coûts à tous les niveaux. On ne recommande pas !

Avoir un site responsive design.

La méthode la plus populaire et la plus efficace est de concevoir ou d’adapter son site afin qu’il soit « responsive design« . Cela signifie que le site s’adapte automatiquement au terminal depuis lequel il est visionné. Il doit par ailleurs respecter un certain nombre de règles.

En optant pour cette méthode, vous investissez sur l’avenir car votre site pourra s’adapter à tous les appareils existants et à venir : télévisions, montres et autres supports pas encore inventés…

D’autres points sont à surveiller et des technologies à éviter

Certaines technologies et méthodes de conception de sites sont à proscrire car mal supportées par les appareils mobiles. Voici les principaux éléments à surveiller :

Technologie flash

Ne pas utiliser la technologie Flash

On utilise généralement cette technologie pour proposer des effets graphiques avancés sur un site internet. Problème, cette technologie n’est pas supportée par les mobiles. L’internaute aura donc un emplacement blanc ou un message d’erreur à la place de ce contenu.

Par ailleurs, Google estimera que votre site n’est pas mobile-friendly.

La solution consiste simplement à remplacer votre contenu Flash par une technologie compatible, comme le HTML5 par exemple, ou simplement le remplacer par un contenu fixe comme une image.

Ne pas utiliser de player Flash

Certains sites, de vielle génération, utilise ce qu’on appelle des players Flash. C’est une (vieille) technologie qui permet de lire des videos sur un site internet. Impact sur l’internaute, il aura un message d’erreur ou un emplacement blanc et encore une fois, Google considérera que le site n’est pas mobile-friendly.

La solution est simple. Hébergez vos vidéos sur des plateformes gratuites comme : YouTube ou encore Dailymotion. La plateforme Vimeo est également une solution mais payante. Chacune de ses plateformes vous communiquera un bout de code à placer sur votre site internet qui permettra à vos internautes de visionner vos vidéos sur tous les supports.

Vidéos en fond de page

Certains sites, de plus en plus, contiennent des vidéos en fond de page. C’est le cas du site AirBnB par exemple. Dans ce type de situation, la vidéo doit être remplacée par une image lorsque le site est visualisé sur un appareil mobile.

En effet, une vidéo qui se lance automatiquement sur un site mobile sans action préalable de l’internaute va directement dégrader le temps de la chargement de la page.

Et ça… c’est pas mobile-friendly.

La solution est technique mais assez simple pour votre developpeur. Lorsque le site est visualisé depuis un appareil mobile, la vidéo doit être automatiquement remplacée par une image.

A vous de jouer !

L’étape suivante sera d’accélérer la vitesse de chargements de vos pages sur mobile. Souvenez-vous, ils représentent 60% de votre audience. Il faut les soigner…

Frédérique Biau

Traductrice et Rédactrice autour des Nouvelles Technologies et du Web. Frédérique est en charge de partager nos astuces avec l'art et la manière !