ResponsiveResponsive web design
Définition
Le responsive (responsive web design) désigne une façon de concevoir un site pour que sa mise en page s’adapte à la taille de l’écran, du téléphone à l’ordinateur, avec le même contenu à la même adresse.
Ce que ça change
Comment fonctionne un site responsive ?
Un site responsive n’existe qu’en une seule version. Sa mise en page se réorganise selon la largeur de l’écran : trois colonnes sur ordinateur deviennent une seule sur téléphone, le menu se replie, les images se redimensionnent, les boutons s’agrandissent pour le doigt. Le texte, les pages et les adresses restent identiques.
C’est la différence avec les anciens « sites mobiles » séparés, souvent installés sur une autre adresse, avec moins de contenu. Ils obligeaient à tout maintenir deux fois.
Un site responsive se vérifie sur un vrai téléphone, pas seulement en réduisant la fenêtre d’un ordinateur : la taille des boutons, la lisibilité du texte et la place du numéro de téléphone s’y jugent mieux.
Ce que ça change pour une TPE
La plupart des visiteurs d’une entreprise locale arrivent sur téléphone, souvent au moment où ils cherchent à appeler. Un site qui s’affiche mal sur mobile, avec un texte minuscule ou un numéro introuvable, perd ces visiteurs au moment précis où ils allaient vous contacter.
Google utilise en outre la version mobile d’un site pour l’indexer et le classer. Un contenu absent ou dégradé sur mobile est donc un contenu que Google prend moins en compte.
Concevoir « mobile d’abord » consiste à dessiner le site pour le téléphone en premier, puis à l’enrichir pour les grands écrans, plutôt que l’inverse.
Pour voir ce que doit contenir un site bien construit, lisez Que doit contenir un site vitrine professionnel ?.
Voir aussi