G12 — Chapitre 7 - SEO Technique

Critère SEO G12 : Cache navigateur — guide + exemple

PARTIE 1 - Fondamentaux Chapitre 7 - SEO Technique Mot-clé : cache navigateur

Ce critère paraît “simple”, mais il crée beaucoup d’écarts en production.

Le critère **G12 — Cache navigateur** fait partie de notre checklist SEO (335 critères). Ici, tu as une méthode **pratique** pour le vérifier et le corriger — avec un exemple concret.

Ce que couvre exactement ce critère

Le critère SEO G12 porte sur l'implémentation du cache navigateur dans le cadre du Chapitre 7 - SEO Technique, Partie 1 - Fondamentaux. Il vise à s'assurer que les headers HTTP liés au cache, notamment cache-control et expires, sont correctement configurés pour optimiser la gestion des ressources côté client. Cette optimisation on-page permet de réduire les temps de chargement en minimisant les requêtes serveur répétées grâce à une mise en cache efficace dans le navigateur.

Pourquoi c'est important (SEO + UX)

Un cache navigateur bien configuré améliore significativement la vitesse perçue par l'utilisateur et la performance SEO. Google prend en compte la rapidité de chargement des pages comme un facteur de classement. Du point de vue UX, cela réduit les délais d'affichage lors des visites répétées, augmentant la satisfaction et le taux de rétention. Cela limite aussi la charge serveur, ce qui est crucial pour la scalabilité du site.

Comment vérifier (pas à pas)

  1. Ouvrez les outils de développement de votre navigateur (F12).
  2. Accédez à l’onglet Réseau (Network).
  3. Rechargez la page.
  4. Sélectionnez une ressource statique (image, CSS, JS).
  5. Inspectez les headers HTTP, notamment cache-control et expires.
  6. Vérifiez que les directives spécifient une durée de cache adaptée (ex : max-age=31536000 pour fichiers versionnés).
  7. Utilisez des outils d’audit SEO (ex : Lighthouse, Screaming Frog) pour valider la présence et la pertinence des headers.

Comment corriger proprement

Pour corriger les problèmes de cache navigateur, configurez les headers HTTP via votre serveur web ou CMS :

  • Sur Apache, utilisez le fichier .htaccess avec les directives Expires et Cache-Control.
  • Sur Nginx, modifiez le bloc server pour inclure add_header Cache-Control.
  • Pour fichiers statiques versionnés, appliquez un cache long (1 an).
  • Pour contenus dynamiques, privilégiez un cache court ou pas de cache.

Veillez à tester les modifications en vidant le cache navigateur et en renouvelant l’audit SEO.

Exemple concret (illustratif)

Voici un exemple d’en-tête HTTP configuré pour une ressource statique dans un fichier .htaccess Apache :

<code>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
</IfModule>
Header set Cache-Control "public, max-age=31536000"
</code>
Cette configuration assure une mise en cache d’un an pour les images JPEG, optimisant ainsi la performance et répondant au critère G12 du chapitre 7.

Checklist à cocher

  • [ ] Headers cache-control correctement configurés
  • [ ] Directives expires paramétrées selon type de ressource
  • [ ] Durée de cache adaptée (longue pour fichiers versionnés)
  • [ ] Absence de directives contradictoires ou invalides
  • [ ] Validation via audit SEO (Lighthouse, Screaming Frog)
  • [ ] Tests en environnement de production
  • [ ] Documentation des configurations pour maintenance future
FAQ

Questions fréquentes — G12

Quelle est l’erreur la plus fréquente sur “Cache navigateur” ?

Corriger une page isolée sans corriger le template/import : l’erreur revient à la prochaine génération.

Quel outil est le plus rapide pour contrôler à l’échelle ?

Pour ce type de critère, un crawl (ex. Screaming Frog) + une vérification ciblée dans PageSpeed Insights est généralement le combo le plus rapide.

Comment éviter que ça se reproduise sur 10K pages générées ?

Figer une règle d’auto‑génération (title/structure/schema/URLs) + ajouter un contrôle automatique (crawl ou test) avant import en production.

Prêt à passer de la théorie à l'action ?

Validez ce critère avec un audit, puis approfondissez la méthode dans l'Academy.

Auditer avec l'outil → Apprendre dans l'Academy →