Améliorer le SEO du blog

[nicolasrouanne]

Contexte

Le blog est fonctionnel (Notion-backed, cache webhook, pagination) mais il manque les fondamentaux SEO pour un bon référencement. L'objectif est de construire un cocon sémantique solide et d'optimiser le référencement technique.

1. Cocon sémantique : pages catégories

Priorité : haute

Créer un système de catégories pour structurer le contenu en silos thématiques :

• Ajouter une propriété "Catégorie" (select/multi-select) dans la base Notion
• Créer les routes /blog/categorie/[slug] — une page par catégorie listant ses articles
• Créer une page index /blog/categories listant toutes les catégories
• Ajouter la catégorie sur chaque BlogCard et page article
• Maillage interne : liens entre articles de la même catégorie ("Articles similaires")
• Navigation : ajouter les catégories dans le menu ou sidebar du blog

L'idée est que chaque catégorie devienne une page de référence (page pilier) qui lie vers les articles détaillés, et que chaque article lie vers sa catégorie et les articles voisins.

2. Sitemap XML et robots.txt

Priorité : haute

• Créer /app/sitemap.ts — générer dynamiquement le sitemap avec toutes les pages statiques + articles + catégories
• Créer /app/robots.ts — autoriser le crawl et pointer vers le sitemap
• S'assurer que le sitemap est mis à jour à chaque revalidation webhook

3. Données structurées (JSON-LD)

Priorité : haute

• BlogPosting schema sur chaque article (titre, auteur, date, description, image)
• BreadcrumbList schema sur les pages article et catégorie
• WebSite schema sur la homepage
• Organization schema global (Qraft)
• Valider avec le Rich Results Test de Google

4. Meta tags spécifiques par article

Priorité : moyenne

Actuellement les articles utilisent les meta OG globales. Il faut :

• Générer og:title, og:description, og:image spécifiques par article
• Ajouter article:published_time, article:author, article:section (catégorie)
• Twitter Card spécifique par article
• Ajouter un champ "Description" et "Image de couverture" dans la base Notion (ou extraire automatiquement)

5. URLs canoniques

Priorité : moyenne

• Ajouter <link rel="canonical"> sur chaque page
• S'assurer que Next.js metadata inclut alternates.canonical

6. Slugs lisibles

Priorité : moyenne

Les URLs actuelles utilisent l'ID Notion (/blog/a1b2c3d4-...). Pour le SEO :

• Ajouter une propriété "Slug" dans Notion (ou générer automatiquement depuis le titre)
• Migrer les routes vers /blog/[slug-lisible]
• Mettre en place des redirections 301 depuis les anciens IDs si des articles sont déjà indexés

7. Fil d'Ariane (Breadcrumbs)

Priorité : basse

• Composant breadcrumb visible : Accueil > Blog > Catégorie > Article
• Markup JSON-LD BreadcrumbList (couvert au point 3)

8. Maillage interne

Priorité : basse

• Section "Articles similaires" en bas de chaque article (même catégorie)
• Liens entre catégorie pilier ↔ articles enfants
• Envisager des liens contextuels dans le contenu (plus complexe)

Ordre suggéré

1. Catégories Notion + pages catégories (cocon sémantique)
2. Sitemap + robots.txt
3. JSON-LD (BlogPosting, BreadcrumbList)
4. Meta OG/Twitter par article
5. Slugs lisibles + redirections
6. Breadcrumbs visuels
7. Maillage interne (articles similaires)
8. URLs canoniques