2.5Responsive & aperçu mobile
Plus de la moitié du trafic web est mobile — et Google indexe d'abord la version mobile de votre site (« mobile-first »). Un site responsive s'adapte automatiquement à la taille de l'écran : ce qui est sur trois colonnes au bureau s'empile en une colonne sur téléphone. Les bons thèmes le gèrent nativement, mais rien ne remplace la vérification : un texte trop petit, un bouton illisible ou une image qui déborde sur mobile font fuir.
Vous vérifierez l'affichage mobile de votre site (aperçu intégré de l'éditeur, outils du navigateur), corrigerez les problèmes courants, et apprendrez que certains blocs proposent des réglages spécifiques par appareil.
Vocabulaire de la section
- Responsive design
- L'adaptation automatique de la mise en page à la taille de l'écran (bureau, tablette, mobile) : une seule version, tous les écrans.
- Mobile-first (Google)
- Google évalue et indexe prioritairement la version MOBILE du site : un site mal adapté au mobile est pénalisé au référencement.
- Aperçu par appareil
- Les boutons Bureau/Tablette/Mobile de l'éditeur : voir le rendu de chaque écran sans quitter WordPress.
- Réglages par appareil (blocs)
- Certains blocs permettent de masquer un élément sur mobile, ou d'ajuster taille de police/colonnes selon l'écran.
- Problèmes mobiles courants
- Texte trop petit, boutons trop proches, images qui débordent, colonnes non empilées, menu illisible — à traquer.
Pourquoi vérifier l'affichage mobile de son site ?
En pratique — Vérifier et corriger l'affichage mobile
- Dans l'éditeur, basculez l'aperçu en mode Mobile (icône smartphone) : votre page telle qu'un visiteur mobile la voit.
- Traquez les problèmes : texte lisible ? boutons assez grands et espacés ? images non débordantes ? colonnes bien empilées ?
- Corrigez : réduisez une taille de titre trop grande, vérifiez que les colonnes s'empilent, testez le menu (souvent en « burger »).
- Vérifiez sur un VRAI téléphone (ou les outils de développement du navigateur, F12 → mode mobile) : le test réel révèle ce que l'aperçu masque.
Points clés à retenir
- Plus de la moitié du trafic est mobile ET Google indexe le mobile d'abord : le responsive n'est pas optionnel.
- Un bon thème est responsive nativement, mais la VÉRIFICATION reste indispensable.
- Utilisez l'aperçu par appareil de l'éditeur, puis testez sur un vrai téléphone.
- Défauts à traquer : texte minuscule, boutons collés, images débordantes, colonnes non empilées.
Questions fréquentes
Mon site est-il automatiquement responsive ?
Si votre thème est moderne et bien conçu, oui pour l'essentiel. Mais des réglages manuels (colonnes forcées, tailles de police fixes, images mal insérées) peuvent casser l'adaptation. D'où la vérification systématique sur mobile après chaque construction de page.
Comment tester rapidement sans smartphone ?
Les outils de développement du navigateur (F12 → icône mobile/« Toggle device toolbar ») simulent différents écrans. C'est pratique et rapide, mais un test sur un vrai téléphone reste le juge final (tactile, performance réelle, menu burger).