Pourquoi mon site s'affiche-t-il mal sur mobile et comment le rendre responsive ?

Si votre site s'affiche mal sur mobile, c'est généralement parce que son thème n'est pas (ou plus) « responsive », c'est-à-dire capable d'adapter automatiquement sa mise en page à la taille de l'écran. La solution passe par un thème responsive et des ajustements CSS ciblés, testés sur plusieurs appareils.

Les causes fréquentes d'un affichage cassé sur smartphone :

• un thème ancien conçu avant l'ère mobile ;
• des images ou tableaux à largeur fixe qui débordent de l'écran ;
• un menu non adapté au tactile ;
• une extension qui casse la mise en page après une mise à jour ;
• l'absence de la balise viewport dans le code.

L'enjeu est majeur : plus de la moitié du trafic web se fait sur mobile, et Google indexe les sites en priorité via leur version mobile (« mobile-first »). Un site illisible sur smartphone perd donc à la fois des visiteurs et du référencement.

Rendre un site responsive et le maintenir compatible avec les nouveaux appareils relève de la maintenance évolutive. C'est l'objet de la maintenance évolutive (TMA) de Pulsar Agency.