Pourquoi adapter un site web sur mobile

Pourquoi adapter un site web sur mobile

Dans un monde lointain, l’utilisation des mobiles était assez restreinte. Aujourd’hui, pour rechercher de l’information, on saute sur le premier écran disponible, de façon immédiate. Et c’est souvent notre smartphone qui répond à nos questions, des plus courantes aux plus pointues.

Le pourcentage d’utilisateurs mobile en constante augmentation en France

Le pourcentage d’utilisateurs de smartphone est en constante progression. En septembre 2022 (derniers chiffres à l’écriture de cet article en novembre 2022), les parts de marchés mobiles passent largement devant les ordinateurs.

On constate 52% d’utilisateur mobile contre 45% ordinateur, le reste allant pour les utilisateurs de tablette. (Source : Statcounter)

C’est-à-dire, qu’1 personne sur 2 en moyenne utilise son téléphone pour lire cet article. C’est énorme !

En fonction de ton activité et de ta cible, il est même tout à fait possible que ces chiffres atteignent des sommets encore plus impressionnants !

Vérifie quelles sont tes propres statistiques grâce à l’analyse de ton site web dont nous avons parlé ici même !

Pourquoi adapter un site web sur mobile les utilisateurs du web

Comment savoir quelle taille d’écran prioriser pour développer un site web

Adapter la taille de son site web à toutes les tailles d’écrans c’est tout à fait possible, et en fonction du type d’outil que l’on utilise, cela peut demander plus ou moins de compétences techniques.

Dans le code d’un site web, et plus précisément dans le CSS, ce sont les médias queries (@media) qui permettent d’ajuster le contenu à la taille de l’écran et ses caractéristiques.

On va littéralement dire à notre site : Si l’écran est compris entre 380 et 980px alors je veux que mon affichage se fasse en colonne et non en ligne par exemple.

Sur les CMS, il est généralement inutile de toucher au code, des outils sont là pour vous aider. Chez Camodjed nous utilisons un constructeur qui s’appelle Divi sur WordPress et qui permet de régler l’affichage en fonction de la taille d’écran.

Si tu souhaites refaire votre site grâce à nos outils premium c’est par ici !

Mais alors comment savoir quels sont les tailles minimales et maximales, pour savoir sur quelle taille d’écran se concentrer ?

Pour la plupart de nos statistiques, nous utilisons statcounter.com qui est une mine d’informations précieuses.

Pourquoi adapter un site web sur mobile taille d'écrans

Améliorer l’expérience utilisateur grâce à un site responsive

L’expérience utilisateur est ta priorité dans la conception de votre site web.

C’est avec cela que va capturer tes prospects.

Les sites web sur mobiles étaient avant des versions plus légères du site classique. Pour cela des pages étaient supprimées complètement, rendant inaccessibles des informations parfois essentielles.

Aujourd’hui, pars du principe qu’un utilisateur doit pouvoir se servir intégralement de ton site depuis son mobile sans être restreint par le support.

Les sites web non adaptés et affichés tels quels sont illisibles sur petit écran. Imagine que ton écran de smartphone cherche à faire entrer la totalité du site en largeur devant tes yeux. La police est donc trop petite, les images ne se redimensionnent pas et ton utilisateur ira chercher ses données ailleurs.

Prévois une refonte de ton site web basé sur l’adaptabilité à chaque écran pour capter tous les visiteurs et prospects potentiels.

Pourquoi adapter un site web sur mobile UX

Google préfère les sites “mobile-friendly”

L’adaptation de site web sur mobile est devenu une des priorités de Google à tel point qu’il a conçu quelques-uns de ses algorithmes sur ces indicateurs et ce depuis 2016.

Un site web doit donc être mobile friendly pour être bien référencé sur Google. Cela va même plus loin, Google pénalise les sites qui ne sont pas responsive.

Viens tout déchirer avec moi

Adapter un site sur mobile est écoresponsable

Pourquoi dit-on qu’un site mobile-first est écoresponsable ?

Parce qu’un site qui est d’abord conçu pour les mobiles et ensuite pour l’affichage plus large, aura déjà des images dimensionnées convenablement sur les petits écrans, pour ne parler que de ce type de ressources.

Un navigateur consomme de la ressource énergétique, nous en avons déjà parlé dans cet article.

C’est d’autant plus vrai quand il doit adapter une image à la taille d’un écran, c’est une tâche supplémentaire qui nécessite des ressources qui auraient pu être économisées.

Pourquoi adapter un site web sur mobile ecoresponsable

Pour résumer, tu dois adapter votre site aux mobiles parce que :

+ de 50% de tes prospects s’y trouvent

Tu vas améliorer l’expérience utilisateur

Tu vas améliorer ton référencement

Tu vas améliorer ton empreinte carbone

Grâce à :

De l’huile de Coude ou Camodjed

Divi, le constructeur premium de WordPress

https://developer.mozilla.org/ pour plus d’info sur le CSS et les médias queries

Google AMP un outil qui permet de simplifier l’affichage des pages sur mobiles

StatCounter pour connaître les habitudes des usages du web

Google Search Console et son outil d’analyse : Index mobile friendly

Viens tout déchirer avec moi

Je réponds gratuitement à tes questions chaque vendredi matin à 9h30 pendant 30 minutes en visio ou par téléphone !

Pour cela, rien de plus simple, abonne-toi sur les réseaux et envoi un mail via ma page de contact !

Retrouve ce contenu sous toutes ces formes et plus encore sur les réseaux sociaux !

Viens tout déchirer avec moi

Partagez cet article !

Parlez-en autour de vous !!