Responsive design

Le "responsive design" est le nom donné à la technique qui adapte la mise en forme d'un site internet à un support (ordinateur, mobile, tablette). C'est donc un crtière essentiel pour votre site internet : il doit être "responsive design".

Qu'est-ce que le responsive design ? Lisa Fotios/Pexels
Qu'est-ce que le responsive design ? Lisa Fotios/Pexels

Responsive design ?

Le fonctionnement est simple : on détecte la taille de l’écran et on adapte la mise en forme du contenu. Si la résolution détectée est celle d’un mobile, on affiche la mise en forme prévue pour les mobiles.

Cette logique nous permet de proposer une mise en forme des contenus parfaitement adaptée aux supports. Comme évoqué dans la section dédiée à WordPress, la séparation du fond et de la forme prend ici tout son sens. Le langage CSS est dédié à la mise en forme visuelle des contenus. Ce code permet d’améliorer l’affichage graphique indépendamment de vos contenus.

Si demain un nouveau type de support venait à être créé, seule cette partie du code serait à compléter.

Google et le responsive design

Parmi les différentes techniques utilisées pour adapter les sites internet aux mobiles, Google a choisi de préconiser l’utilisation du responsive design. Nous expliquons cela dans la page dédiée à l’historique des sites internet sur mobile.

Version mobile prioritaire pour le référencement de votre site

Mais Google référence avant tout votre site sur sa version mobile. Ce choix s’explique par le fait qu’une majorité des consultations de site internet s’effectue depuis un mobile. Attention, cela ne veut pas forcément dire que c’est le cas pour votre propre site. Cela signifie surtout que vous devez accorder une attention particulière au développement de l’interface mobile. Vous devez également penser vos contenus avant tout pour un affichage mobile. Meilleure sera l’expérience mobile de votre site internet, meilleur sera son référencement.

Tous les sites réalisés par En Voiture Simone sont responsive design. Ils sont parfaitement adaptés à la consultation depuis un smartphone ou un ordinateur.

Plus d'informations sur "Responsive design pour soigner vos clients mobiles" :