Définition
Un site responsive s'adapte automatiquement à la taille de l'écran : ordinateur, tablette ou smartphone.
Explication détaillée
Google utilise le "mobile-first indexing" : c'est la version mobile de votre site qui est analysée pour le classement. Un site non responsive est fortement pénalisé. Plus de 60% des recherches se font sur mobile. Vérifiez votre site sur mobile et tablette.
Exemple concret
Un menu horizontal sur ordinateur se transforme en menu hamburger sur mobile = responsive.
Bonnes pratiques
- Testez votre site sur différents appareils et navigateurs.
- Utilisez le test d'optimisation mobile de Google.
- Concevez en "mobile-first" : d'abord le mobile, puis l'ordinateur.
- Assurez-vous que les éléments cliquables sont assez grands sur mobile.
- Vérifiez que les polices sont lisibles sans zoomer.
Erreurs courantes à éviter
- Avoir des éléments qui débordent de l'écran sur mobile.
- Utiliser des boutons ou liens trop petits pour être cliqués au doigt.
- Cacher du contenu important sur la version mobile.
- Ne pas tester régulièrement la version mobile du site.
Termes associés
Autres termes : Web
Passez de la théorie à la pratique
Maintenant que vous comprenez ce qu'est le/la Responsive, analysez votre site pour voir comment l'améliorer.
Analyser mon site gratuitement