2.1 Une architecture de site claire et logique
Pense à ton site comme une maison.
Est-ce que tu voudrais que les visiteurs se perdent dans un couloir sans fin rempli de portes numérotées “?id=123” ?
Non.
Alors donne des adresses claires :
✅ Bonne URL :
https://monsite.com/blog/seo-technique-pour-developpeurs
❌ Mauvaise URL :
https://monsite.com/index.php?p=7&cat=3&mode=view
👉 Astuce humaine : Si tu peux l’expliquer à ta grand-mère en 3 secondes, c’est bon.
Et reste cohérent : tout en minuscules, pas de caractères bizarres, et choisis une structure (avec ou sans “/” à la fin)… et tiens-t’en !
2.2 HTTPS : La sécurité, c’est non-négociable
Depuis 2014, Google dit clairement :
“Un site non sécurisé, c’est un site de seconde zone.”
Et depuis, les navigateurs affichent “Non sécurisé” en rouge dans la barre d’adresse. Pas très engageant, hein ?
🔧 Ce que tu dois faire :
- Installer un certificat SSL (Let’s Encrypt est gratuit).
- Rediriger toutes les pages HTTP vers HTTPS.
- Vérifier que toutes les ressources (images, CSS, JS) chargent en HTTPS.
Exemple de redirection simple dans .htaccess :
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
💬 “C’est comme mettre une serrure sur ta porte : tu protèges tes utilisateurs… et tu gagnes la confiance de Google.”
2.3 Mobile-first : Parce que tout le monde navigue sur téléphone
Google ne regarde plus ton site en version desktop.
Il le juge d’abord sur mobile. C’est ce qu’on appelle l’indexation mobile-first.
Donc, si ton site est lent, mal formaté ou illisible sur téléphone…
Désolé, mais il sera pénalisé.
🔧 Checklist rapide :
- Utilise
<meta name="viewport"> (obligatoire !) :
<meta name="viewport" content="width=device-width, initial-scale=1.0">
💬 “Tu penses en desktop ? Google, lui, pense en mobile. Alignez vos priorités.”
3. Vitesse : Le facteur secret du succès
Tu as 3 secondes pour impressionner un visiteur.
Après ça… il part.
Google le sait. Et depuis 2021, il utilise les Core Web Vitals pour mesurer la performance :
- LCP (chargement rapide),
- FID (réactivité),
- CLS (pas de saut de contenu).
Voici comment tu gagnes la course.
3.1 Minifie ton code
Supprime les espaces, commentaires, lignes inutiles.
Ça fait gagner du poids, donc de la vitesse.
Outils :
- CSS/JS : UglifyJS, Terser, Webpack
- Exemple :
- uglifyjs script.js -o script.min.js
💬 “C’est comme faire sa valise : tu n’emmènes que l’essentiel.”
3.2 Active la compression (Gzip ou Brotli)
Comprime tes fichiers avant de les envoyer.
Jusqu’à 70 % de gain de taille !
Dans .htaccess :
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/css application/javascript
</IfModule>
🔥 Brotli est encore mieux que Gzip, si ton serveur le supporte.
3.3 Lazy loading : Charge les images… quand il faut
Pourquoi charger toutes les images d’un coup, même celles en bas de page ?
Utilise loading="lazy" :
html
<img src="photo.jpg" alt="Paysage montagneux" loading="lazy">
Simple. Gratuit. Efficace.
3.4 Optimise tes images
Une image en 4K de 5 Mo ? Non merci.
👉 Utilise :
- Le format WebP (jusqu’à 30 % plus léger que le JPG),
- La bonne taille (pas besoin d’une image de 2000px sur un écran de 400px),
- Des outils comme Squoosh, ImageOptim, ou Convert :
convert image.jpg -quality 80 image.webp
3.5 Mise en cache : Rien ne sert de tout recharger
Stocke les fichiers statiques (images, CSS, JS) dans le navigateur de l’utilisateur.
Exemple dans .htaccess :
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
</IfModule>
💬 “C’est comme garder son café au chaud : pas besoin de tout recréer à chaque fois.”
Outils pour mesurer la vitesse :
- Google PageSpeed Insights : Analyse + conseils
- Lighthouse (dans Chrome DevTools) : Gratuit, complet
- GTmetrix : Très visuel, idéal pour les rapports
Ahmed Oumezzine
