Comment optimiser son site web : la check-list complète (REX terrain)

Sommaire (9 sections)

Un site web qui charge en 4 secondes perd la moitié de ses visiteurs avant même que la page s'affiche. Un site qui charge en 800 ms les garde, les engage, les convertit.

Le problème : la plupart des freelances et agences livrent des sites "qui marchent" mais pas optimisés. Le client est content le jour de la livraison, et 6 mois plus tard il se demande pourquoi son SEO ne décolle pas.

Voici la check-list que j'applique sur tous les projets Socium Web, avec le REX terrain de ce qui marche vraiment.

Pourquoi optimiser un site change tout

3 raisons concrètes :

1. Conversion : un site qui charge en moins d'1 seconde a un taux de conversion 2 à 3 fois supérieur à un site qui charge en 4 secondes (source : Google Web.dev).
2. SEO : Google utilise les Core Web Vitals comme signal de classement officiel depuis 2021. Un site lent recule mécaniquement dans les résultats.
3. Image de marque : un site lent ou cassé sur mobile, c'est le même message qu'une vitrine sale ou un téléphone qui ne répond pas. Le prospect part voir ailleurs.

Chantier 1 : la vitesse de chargement (Core Web Vitals)

Google mesure 3 indicateurs principaux :

• LCP (Largest Contentful Paint) : temps avant que l'élément principal s'affiche. Cible : < 2,5 secondes
• INP (Interaction to Next Paint) : temps de réponse à une interaction utilisateur. Cible : < 200 ms
• CLS (Cumulative Layout Shift) : stabilité visuelle (pas de boutons qui sautent). Cible : < 0,1

Pour mesurer, 2 outils :

• PageSpeed Insights : test à la demande, données labo + terrain
• Google Search Console : données réelles de vos visiteurs sur 28 jours

Pour aller plus loin sur le détail technique, j'ai un article complet sur les Core Web Vitals.

Ce qui plombe la vitesse (par ordre d'impact)

D'expérience sur 40+ audits :

1. L'hébergement : un mutualisé bas de gamme à 3€/mois ajoute 800 ms à 2 secondes de TTFB (Time To First Byte). Aucune optimisation côté front ne compense un serveur lent.
2. Les images : 90% des sites livrent encore des PNG/JPG non compressés et sans format moderne (WebP, AVIF).
3. Les plugins WordPress : un site avec 30 plugins charge 3x plus lentement qu'un site avec 8 plugins ciblés.
4. Les polices Google Fonts : 4 polices différentes = 4 requêtes externes bloquantes.
5. Le code non compressé : pas de minification HTML/CSS/JS, pas de gzip/brotli.

REX : Next.js sur Vercel, optimisation par défaut

Sur Socium Web, je livre la majorité des sites en Next.js déployés sur Vercel. Pourquoi ?

• Image optimization automatique via next/image : conversion WebP/AVIF, compression, responsive, lazy loading. Zéro config.
• CDN edge global : 119 régions, le contenu est servi depuis le datacenter le plus proche du visiteur.
• Compression brotli automatique : 20-30% plus efficace que gzip, sans config.
• Build-time optimization : pages pré-rendues en HTML statique, servies en milliseconds.

Résultat : sur les sites Socium livrés, je tape régulièrement 95-100/100 sur PageSpeed sans optimisation manuelle. C'est le hosting et le framework qui font 80% du boulot.

Pour le détail sur l'hébergement, lire le guide complet sur l'hébergement web.

Chantier 2 : le mobile (60%+ du trafic en 2026)

En 2026, sur la majorité des sites Socium, 60 à 75% du trafic vient du mobile. Et Google utilise depuis 2019 le Mobile-First Indexing : l'algo regarde la version mobile en priorité pour classer votre site.

Concrètement :

• Responsive design obligatoire : le site doit s'adapter à toutes les tailles d'écran (320px à 2560px+)
• Boutons cliquables : taille minimum 44x44 px, pas trop proches les uns des autres
• Lecture confortable : font-size de 16px minimum, contraste suffisant
• Pas de scroll horizontal : si le visiteur doit scroller à droite pour lire, vous perdez 80% des utilisateurs
• Vitesse mobile : tester sur PageSpeed Insights / Mobile (souvent 30-50% plus lent que la version desktop)

Chantier 3 : le SEO technique

L'optimisation technique pose les fondations sur lesquelles le contenu va se classer. Sans ça, vous pouvez écrire les meilleurs articles du monde, ils ne remonteront pas.

Structure HTML

• Un seul H1 par page : c'est le titre principal, il doit contenir le mot-clé cible
• Hiérarchie H2/H3 cohérente : pas de saut de niveau (H2 puis H4)
• Balises sémantiques : <header>, <nav>, <main>, <article>, <section>, <footer>. Google et les lecteurs d'écran les lisent.

Métadonnées

• Balise <title> : 60 caractères max, mot-clé en début, marque en fin
• Balise <meta description> : 155 caractères max, accrocheuse, sans bourrage
• Open Graph + Twitter Card : pour les partages sur LinkedIn / Facebook / Twitter

J'ai un article dédié aux balises title et meta description.

URLs propres

• Format : /blog/site-web/comment-optimiser-site-web (pas /?page_id=42)
• Mots-clés dans l'URL : OK, mais raisonnablement (3-5 mots max)
• Pas d'underscore : utiliser des tirets -
• Pas de majuscules : tout en minuscule

Données structurées (schema.org)

Le JSON-LD est un signal SEO puissant et sous-utilisé. Il aide Google à comprendre votre contenu et peut afficher des rich snippets (étoiles, prix, FAQ) directement dans les résultats.

Schemas utiles :

• LocalBusiness pour une entreprise locale
• Article pour un article de blog
• FAQPage pour une section FAQ
• Product + AggregateRating pour un produit
• BreadcrumbList pour le fil d'Ariane

Sur Socium Web, j'utilise LocalBusiness + BreadcrumbList + Article (selon les pages) automatiquement via Next.js.

Sitemap + robots.txt

• sitemap.xml : la carte de votre site pour Google. À soumettre dans la Search Console.
• robots.txt : indique à Google ce qu'il peut crawler. À ne pas négliger : un robots.txt mal configuré peut bloquer tout votre site (vu plusieurs fois sur des sites WordPress après refonte).

Chantier 4 : l'optimisation des images

Les images sont le poste n°1 d'optimisation sur la plupart des sites.

Compression

Avant d'uploader sur le site :

• Photoshop / Affinity : exporter en WebP qualité 75-85
• Squoosh.app : outil web gratuit Google, conversion + compression
• TinyPNG / ShortPixel : compression sans perte (PNG, JPG, WebP)

Cible : < 200 KB par image pour un visuel courant. < 80 KB pour un thumbnail.

Format moderne

• WebP : -30% de poids vs JPG, supporté par 97% des navigateurs en 2026
• AVIF : -50% de poids vs JPG, support 90%+ en 2026
• JPG : fallback pour les vieux navigateurs

Sur Next.js, next/image fait la conversion automatiquement (WebP/AVIF selon le navigateur).

Lazy loading

Charger les images uniquement quand elles arrivent dans le viewport. Réduit le LCP de 30-50% sur les pages longues.

• Native : ajouter loading="lazy" sur les <img> (sauf pour les images au-dessus du fold)
• Next.js : next/image le fait par défaut

Balises alt descriptives

• Accessibilité : les lecteurs d'écran lisent les alt
• SEO : Google indexe les alt et fait remonter vos images dans Google Images
• Format : description courte et factuelle, pas de bourrage de mots-clés

Chantier 5 : le maillage interne

Un site optimisé a un maillage interne propre : chaque page importante reçoit des liens depuis d'autres pages du site, et chaque page renvoie vers des pages connexes.

Bénéfices :

• SEO : transmission de "jus" de page à page
• Engagement : le visiteur navigue plus longtemps sur le site
• Pages profondes : les pages éloignées de la home reçoivent quand même de la visibilité

Pour le détail tactique, j'ai un article dédié sur le maillage interne.

Chantier 6 : la conversion (le CTA)

Optimiser un site, ce n'est pas que la vitesse et le SEO. C'est aussi transformer les visiteurs en prospects ou clients.

3 leviers :

1. CTA clair : un seul bouton principal par page, contraste fort, verbe d'action ("Demander un devis", "Réserver un appel"). Pas 5 boutons concurrents.
2. Réassurance : avis clients, logos partenaires, garanties, mention RGPD, contact visible
3. Friction zéro : formulaires courts (3-5 champs max), pas de captcha intrusif, pas d'inscription obligatoire

Pour la mesure, Microsoft Clarity (gratuit, sans cookie) permet d'enregistrer les sessions visiteurs en heatmap. C'est le levier le plus rapide pour comprendre où ça bloque.

Hébergement et nom de domaine : la fondation

Deux choses qu'on ne corrige pas avec du code :

• L'hébergement : un mutualisé OVH bas de gamme à 3€/mois ne peut pas servir un site rapide, peu importe le code. Pour un site pro, viser Infomaniak ou Vercel (selon stack). Voir comment choisir un hébergement web.
• Le nom de domaine : court, mémorable, sans tirets multiples, en .fr pour la France. Voir comment choisir un nom de domaine.

Pour aller plus loin

• Quand faut-il refaire son site web ? : signaux concrets pour décider d'une refonte
• Réussir une refonte de site web : la méthode complète
• Référencement Google : les bases : tout le SEO en un guide
• Core Web Vitals : approfondir la mesure technique de vitesse

---

Questions fréquentes

Pourquoi mon site est lent alors que tout semble bien installé ?

Quel est le seuil de PageSpeed à viser ?

Est-ce que l'optimisation SEO suffit à bien se référencer ?

Un site WordPress peut-il être bien optimisé ?

À quelle fréquence faut-il réoptimiser son site ?

Un petit site vitrine mérite-t-il l'investissement ?

Faut-il payer un freelance pour optimiser un site existant ?