← Retour au cours

SEO technique : Core Web Vitals & audit 📈

⏱ 55 min · 🎬 Video · 🏆 30 XP
🎬
Vidéo en production
Notre équipe pédagogique tourne actuellement cette leçon avec un·e formateur·rice expert·e. Le contenu textuel ci-dessous est complet et utilisable dès maintenant.

📈 SEO technique 2026 : les fondations

Tu peux écrire les meilleurs contenus du monde — si Google ne peut pas crawler, indexer et rendre rapidement ton site, ton trafic stagne. Le SEO technique est non négociable.

⚡ Core Web Vitals (CWV)

Signaux de performance officiels Google. Le FID a été remplacé par INP en mars 2024 :

MétriqueMesureBonMauvais
LCP (Largest Contentful Paint)Temps d'affichage du plus gros élément< 2,5 s> 4 s
INP (Interaction to Next Paint)Réactivité aux interactions< 200 ms> 500 ms
CLS (Cumulative Layout Shift)Stabilité visuelle< 0,1> 0,25
TTFB (Time To First Byte)Réponse serveur< 800 ms> 1,8 s

Outils de mesure : PageSpeed Insights, GTmetrix, WebPageTest, Search Console (rapport CWV), Chrome DevTools Lighthouse. Toujours croiser field data (CrUX réel) et lab data (synthétique).

🕷️ Audit technique avec Screaming Frog

L'outil de référence (gratuit jusqu'à 500 URLs, 259 USD/an au-delà). Checklist d'audit :

  • Status codes — 0 erreurs 404 ou 500 sur pages indexables
  • Title & meta description — 50 à 60 caractères title, 150 à 160 meta
  • H1 unique — exactement 1 par page
  • Duplication content — < 5% de contenu dupliqué interne
  • Internal linking — orphan pages identifiées, profondeur de clic ≤ 3
  • Images — alt manquants, poids > 200 ko, format moderne (WebP, AVIF)
  • Hreflang — sites multilingues, balises symétriques

📄 Sitemap, robots.txt, canonical

  • sitemap.xml — déclare toutes tes URLs indexables, < 50 000 URL et 50 Mo par fichier (sinon split)
  • robots.txt — n'interdit JAMAIS le crawl d'une page que tu veux désindexer (utilise meta noindex)
  • canonical tag — sur chaque page, pointe vers la version primaire (utile pour params UTM, filtres e-commerce)
⚠️ Erreur classique : bloquer JS/CSS dans robots.txt. Google a besoin de rendre tes pages comme un navigateur — bloquer ces ressources fait chuter tes positions de 30 à 70%.

🏷️ Schema.org : données structurées

Le balisage JSON-LD aide Google à comprendre le contexte de tes pages. Schemas prioritaires :

  • Organization + WebSite + SearchAction — sur la home
  • Article ou BlogPosting — sur les articles
  • Product + Offer + AggregateRating — fiches produit (rich snippets étoiles)
  • FAQPage — sections FAQ (réduit en 2023, mais utile sur certaines requêtes)
  • HowTo — tutoriels
  • BreadcrumbList — fil d'Ariane visible dans les SERP
  • LocalBusiness — commerces locaux + Google Business Profile

Validateur officiel : Rich Results Test + Schema Markup Validator.

📱 Mobile-first indexing

Depuis juillet 2024, Google indexe uniquement la version mobile de ton site. Conséquences :

  • Si ta version mobile est tronquée, ce contenu manquant est invisible pour Google
  • Mêmes balises title, meta, H1, hreflang sur desktop ET mobile
  • Mêmes données structurées et mêmes images (alt compris)
  • Test mobile-friendly + test Lighthouse mobile obligatoires

⚙️ JS SEO : sites React/Vue/Next

Les SPA (Single Page Application) posent problème en SEO si mal configurées :

  • SSR (Server Side Rendering) — Next.js, Nuxt — meilleure option
  • SSG (Static Site Generation) — Gatsby, Astro — performance imbattable
  • ISR (Incremental Static Regeneration) — combo SSG + revalidation
  • Pré-rendu (Prerender.io) — solution de rattrapage si SPA pure
  • CSR pur (React vanilla) — à éviter pour pages indexables

🌍 Hreflang pour sites internationaux

Pour un site multi-pays (ex : itag-cm.com + itag-ca.com), hreflang évite le contenu dupliqué cross-pays :

LocaleCode hreflangURL
Cameroun (FR)fr-CMitag-cm.com/fr/
Canada (FR)fr-CAitag-ca.com/fr/
Canada (EN)en-CAitag-ca.com/en/
Default fallbackx-defaultitag-cm.com/

Règle absolue : les balises hreflang doivent être symétriques (chaque page pointe vers les autres versions ET vers elle-même).

💡 Astuce performance : Cloudflare + HTTP/3 + Brotli + WebP/AVIF + lazy-loading natif (loading="lazy") = TTFB et LCP divisés par 2 sur la majorité des sites WordPress.
📚 À retenir : audit Screaming Frog mensuel, CWV au vert sur 75% des URL, schema sur tous les types de page critiques, sitemap propre soumis dans Search Console. Sans ces bases, aucune stratégie content ne décolle.