Un site responsive est un site dont la mise en page s’adapte automatiquement à la taille de l’écran : le même site s’affiche confortablement sur un téléphone, une tablette ou un grand écran d’ordinateur. Ce n’est plus une option : autour de 60 % des visites de sites web se font aujourd’hui depuis un mobile, et Google évalue les sites d’abord dans leur version mobile.
Concrètement, qu’est-ce qui change selon l’écran ? #
| Élément | Sur grand écran | Sur téléphone |
|---|---|---|
| Menu | Barre horizontale avec toutes les rubriques | Bouton « hamburger » (☰) qui déplie le menu |
| Colonnes | 2 ou 3 colonnes côte à côte | Tout s’empile en une seule colonne |
| Images | Larges, en pleine page | Redimensionnées à la largeur de l’écran |
| Texte et boutons | Taille standard | Assez gros pour être lus et touchés au doigt |
Le contraire du responsive, c’est le site « fixe » pensé pour ordinateur, qui s’affiche en tout petit sur mobile et oblige à zoomer et à faire défiler horizontalement. Si vous avez déjà pesté contre un site pareil dans une salle d’attente, vous savez exactement ce qu’il ne faut pas faire subir à vos visiteurs.
Faut-il payer plus cher pour un site responsive ? #
Non, plus maintenant. Tous les créateurs de sites (Wix, Squarespace…) et la quasi-totalité des thèmes WordPress récents produisent des sites responsive par défaut ; c’est devenu le standard du métier depuis des années. Si un prestataire vous facture le responsive comme une option, changez de prestataire. Le seul cas où la question se pose vraiment : un vieux site construit il y a dix ans ou plus, qu’il faut alors moderniser ou refaire.
À lire Créer son premier site internet : le guide pour ceux qui n’y connaissent rien
Comment vérifier que votre site l’est #
Deux tests simples. Sur ordinateur : rétrécissez la fenêtre de votre navigateur — la mise en page doit se réorganiser toute seule, sans barre de défilement horizontale. Sur votre téléphone : tout doit se lire sans zoomer, et les boutons doivent se toucher sans viser. Faites le test sur chaque page importante, pas seulement l’accueil ; les tableaux et les formulaires sont les premiers à déborder.
Responsive et « version mobile », c’est pareil ?
Presque. Autrefois, on créait un second site séparé pour mobile (les adresses en m.lesite.fr). Le responsive a remplacé cette approche : un seul site, une seule adresse, une mise en page qui s’adapte. C’est plus simple à entretenir et c’est ce que Google recommande.
Ai-je besoin d’une application mobile en plus de mon site ?
Pour une vitrine, non. Une application coûte cher à développer et à maintenir, et personne n’installe l’appli d’un artisan ou d’un restaurant de quartier. Un bon site responsive rend le même service sans installation.
Mon site date de 2012 et n’est pas responsive, je fais quoi ?
À cet âge, une refonte est presque toujours plus rentable qu’une adaptation : les outils actuels reconstruisent l’équivalent en responsive rapidement, et vous en profitez pour dépoussiérer textes et photos.
À lire Que se passe-t-il si je ne renouvelle pas mon nom de domaine ?
Un site responsive est-il mieux référencé ?
Google indexe les sites via leur version mobile et tient compte du confort d’utilisation : un site inutilisable sur téléphone part avec un handicap. Le responsive ne fait pas tout, mais son absence pénalise.
