🚀 Guide Rapide - Mise en œuvre des améliorations SEO

⏱️ 15 minutes pour tout configurer

1. Vérifier que tout est en place (2 min)

cd ~/projets/blog-duhaz
python check_seo.py

✅ Si tout est OK, passez à l'étape 2
❌ Si des fichiers manquent, relancez la discussion avec Claude

2. Mettre à jour base.html (5 min)

Fichier : core/templates/base.html

Trouver (vers la ligne 6-12) :

<!-- SEO: Métadonnées de base -->
<meta name="keywords" content="{%if page.p_mots_clefs%}{{page.p_mots_clefs}}{% endif %}">
<meta name="description" content="{% if page.p_description %}{{page.p_description}}{% endif %}">
<meta name="author" content="Mr Duhaz">
<meta name="robots" content="index, follow">

Remplacer par :

<!-- SEO: Métadonnées enrichies -->
{% if page.seo %}
    {% include 'blog/seo_meta.html' with seo=page.seo %}
{% else %}
    <!-- Métadonnées par défaut -->
    <meta name="description" content="{% if page.p_description %}{{page.p_description}}{% endif %}">
    <meta name="keywords" content="{% if page.p_mots_clefs %}{{page.p_mots_clefs}}{% endif %}">
    <meta name="author" content="Mr Duhaz">
    <meta name="robots" content="index, follow">
{% endif %}

3. Ajouter les breadcrumbs à listing.html (3 min)

Fichier : blog/templates/listing.html

Trouver (vers la ligne 181) :

{% block main %}
<style>

Ajouter JUSTE APRÈS {% block main %} :

{% block main %}

{# Fil d'Ariane pour le SEO et la navigation #}
{% if page.breadcrumbs %}
    {% include 'blog/breadcrumbs.html' with breadcrumbs=page.breadcrumbs %}
{% endif %}

<style>

4. Ajouter les breadcrumbs à read.html (3 min)

Fichier : blog/templates/read.html

Trouver (vers la ligne 5) :

{% block main %}

<div class="card-body">

Modifier en :

{% block main %}

{# Fil d'Ariane pour le SEO et la navigation #}
{% if page.breadcrumbs %}
    {% include 'blog/breadcrumbs.html' with breadcrumbs=page.breadcrumbs %}
{% endif %}

<div class="card-body">

5. Tester l'implémentation (2 min)

# Lancer le serveur
python manage.py runserver

# Ouvrir dans le navigateur
# http://localhost:8000/blog/

# Clic droit > "Afficher le code source"
# Chercher : "og:", "twitter:", "schema.org"
# Vous devriez voir plein de métadonnées !

✅ Checklist finale

check_seo.py exécuté sans erreur
base.html mis à jour avec les nouvelles métadonnées
listing.html a le breadcrumb
read.html a le breadcrumb
Serveur lancé et pages testées
Code source vérifié (métadonnées présentes)

🧪 Tests en ligne (après déploiement)

1. Google Rich Results Test

https://search.google.com/test/rich-results

Entrez l'URL de votre article → Devrait afficher "Article" valide

2. Schema.org Validator

https://validator.schema.org/

Entrez l'URL → Devrait valider BlogPosting et BreadcrumbList

3. Facebook Sharing Debugger

https://developers.facebook.com/tools/debug/

Entrez l'URL → Devrait afficher image, titre, description

4. Twitter Card Validator

https://cards-dev.twitter.com/validator

Entrez l'URL → Devrait afficher la carte Twitter

🎉 Terminé !

Votre blog est maintenant optimisé pour :

✅ Meilleur référencement Google
✅ Partages sociaux optimisés
✅ Rich Snippets dans les résultats
✅ Navigation claire avec breadcrumbs
✅ Données structurées Schema.org

📚 Documentation complète

Pour plus de détails, consultez :

AMELIORATION_SEO.md - Guide complet
EXEMPLE_SEO.md - Exemples de rendu
RECAP_SEO.md - Récapitulatif complet

Temps total : ~15 minutes
Difficulté : Facile (copier-coller)
Impact SEO : Majeur 🚀

GUIDE_RAPIDE_SEO.md 3.8 KB Historique Raw