Le responsive design est une méthode de conception web qui fait qu'un site s'adapte automatiquement à toute taille d'écran (desktop, tablette, mobile).
Le responsive design utilise des media queries CSS pour adapter la mise en page selon la largeur de l'écran. Exemple : sur desktop une page a 3 colonnes ; sur tablette 2 colonnes ; sur mobile 1 colonne. Le CSS détermine cela automatiquement. Le HTML reste identique — seul le CSS change. L'alternative (mauvaise) : un site mobile séparé (m.site.com) — double gestion, problèmes de synchronisation. Google recommande le responsive design comme bonne pratique. Responsive mobile-first : concevoir d'abord pour le mobile, puis adapter au desktop avec des media queries pour les grands écrans.
Le responsive design = une seule version de site, facile à maintenir. Mobile-first = bien classé sur mobile. Les sites non responsives = frustrent les utilisateurs sur mobile = taux de rebond élevé = mauvais classement.
Source : Google — Mobile-Friendly DesignL'optimisation mobile consiste à adapter un site au mobile. Google classe en « mobile-first » — les pages non optimisées pour le mobile se classent mal.
Le SEO technique englobe les optimisations de l'infrastructure de votre site — crawlabilité, indexation, vitesse de chargement, HTTPS et structure des données — qui permettent à Google de trouver et comprendre vos pages.
Les Core Web Vitals sont 3 métriques techniques de Google — LCP, INP et CLS — qui mesurent l'expérience utilisateur des pages et sont des facteurs de classement officiels depuis 2021.
Le schema markup, ce sont des données structurées au format JSON-LD ajoutées au HTML de la page qui aident Google et les LLM à comprendre le contexte et le type du contenu.
Découvrez comment appliquer ce concept à votre secteur et votre ville.