Skip to content

SEO_GUIDE.md

Latest commit

 

History

History
204 lines (149 loc) · 5.71 KB

SEO_GUIDE.md

File metadata and controls

204 lines (149 loc) · 5.71 KB

Guide d'amélioration SEO - Portfolio Jérôme Commaret

Améliorations implémentées

1. Métadonnées essentielles (Meta Tags)

Dans index.html :

  • ✅ Balise <title> optimisée avec mots-clés pertinents
  • ✅ Meta description complète et engageante
  • ✅ Meta keywords avec technologies principales
  • ✅ Meta author et robots
  • ✅ Balise canonical pour éviter le contenu dupliqué

Open Graph (Facebook, LinkedIn) :

  • ✅ og:type, og:url, og:title, og:description, og:image, og:locale
  • ✅ Améliore le partage sur les réseaux sociaux

Twitter Cards :

  • ✅ twitter:card, twitter:title, twitter:description, twitter:image
  • ✅ Optimise l'affichage des liens partagés sur Twitter/X

2. Données structurées (Schema.org JSON-LD)

Ajout de Schema.org de type "Person" contenant :

  • Nom, URL, titre professionnel
  • Localisation (Paris, France)
  • Compétences techniques (knowsAbout)
  • Aide les moteurs de recherche à comprendre votre identité professionnelle

3. Fichier utilitaire SEO (src/utils/seo.ts)

Configuration centralisée pour :

  • Métadonnées par défaut du site
  • Métadonnées spécifiques à chaque page (home, about, resume, portfolio)
  • Génération automatique de données structurées
  • Facilite la maintenance et les futures modifications

4. Amélioration des pages individuelles

Chaque page (About, Resume, Portfolio) contient maintenant :

  • ✅ Title unique et descriptif
  • ✅ Description optimisée avec mots-clés
  • ✅ Keywords spécifiques à la page
  • ✅ Meta Open Graph et Twitter
  • ✅ URL canonique

5. Correction du contenu

  • ✅ Correction de la faute de frappe dans about.json
  • ✅ Description enrichie et plus détaillée

Problèmes identifiés (non corrigés)

⚠️ HashRouter vs BrowserRouter

Problème : Le site utilise HashRouter (URLs avec #) ce qui limite l'indexation par les moteurs de recherche.

URLs actuelles :

  • https://jcommaret.github.io/#/about
  • https://jcommaret.github.io/#/resume
  • https://jcommaret.github.io/#/projets

Solution recommandée :

  1. Passer à BrowserRouter dans src/main.tsx
  2. Ajouter un fichier 404.html identique à index.html pour GitHub Pages
  3. Mettre à jour le sitemap.xml avec les nouvelles URLs

Impact : Les moteurs de recherche indexeront mieux les pages individuelles.

⚠️ Sitemap.xml

Problèmes actuels :

  • URLs en double
  • URLs avec #/ (hash routing)
  • Dates de modification identiques

À faire :

  • Régénérer le sitemap avec les bonnes URLs
  • Ajouter des dates de modification réelles
  • Supprimer les doublons

Recommandations supplémentaires

Performance et SEO technique

  1. Optimiser les images :

    • Utiliser des formats modernes (WebP, AVIF)
    • Ajouter des attributs alt descriptifs partout
    • Implémenter le lazy loading
    • ✅ Déjà en place : ResponsiveImage component

  2. Fichier robots.txt :

    • ✅ Déjà présent et bien configuré

  3. Accessibilité (a11y) :

    • Améliorer les contrastes de couleurs
    • Ajouter des landmarks ARIA
    • Tester avec un lecteur d'écran
    • Impact positif sur le SEO

  4. Performance :

    • Mesurer avec Lighthouse / PageSpeed Insights
    • Viser un score > 90
    • Optimiser le temps de chargement
    • Réduire le JavaScript non utilisé

Contenu

  1. Blog :

    • La section blog est commentée dans le code
    • Un blog actif améliore significativement le SEO
    • Publier régulièrement sur vos technologies

  2. Mots-clés longue traîne :

    • "développeur react native paris"
    • "lead front-end freelance"
    • "expert flutter france"

  3. Backlinks :

    • Profils sur GitHub, LinkedIn, Dev.to
    • Contributions open source
    • Articles invités sur des blogs tech

Réseaux sociaux

  1. Ajouter des liens vers profils sociaux :

    • GitHub
    • LinkedIn
    • Twitter/X
    • Dev.to
    • StackOverflow

  2. Implémenter les boutons de partage :

    • Sur les projets
    • Sur les articles de blog (quand activé)

Outils de vérification SEO

Tester votre site avec :

  1. Google Search Console :

    • Soumettre le sitemap
    • Vérifier l'indexation
    • Identifier les erreurs

  2. Google PageSpeed Insights :

  3. Rich Results Test (Google) :

  4. Lighthouse (Chrome DevTools) :

    • Audit SEO complet
    • Performance, Accessibilité, Best Practices

  5. OpenGraph Debugger :

Prochaines étapes prioritaires

  1. ⭐ Configurer Google Search Console
  2. ⭐ Migrer vers BrowserRouter (si possible avec GitHub Pages)
  3. ⭐ Régénérer le sitemap.xml
  4. ⭐ Tester avec Lighthouse et corriger les problèmes
  5. ⭐ Activer et alimenter le blog
  6. ⭐ Ajouter des liens vers vos profils sociaux
  7. ⭐ Créer un fichier humans.txt

Fichier humans.txt

Créer /dist/humans.txt :

/* TEAM */
Developer: Jérôme Commaret
Site: https://jcommaret.github.io
Location: Paris, France

/* TECH */
Stack: React, TypeScript, Vite, Ionic
Hosting: GitHub Pages

Monitoring

  • Installer Google Analytics ✅ (déjà fait)
  • Configurer des objectifs de conversion
  • Suivre les pages les plus visitées
  • Analyser les sources de trafic

Résultat attendu

Avec ces améliorations :

  • ✅ Meilleur positionnement sur Google
  • ✅ Meilleur affichage sur les réseaux sociaux
  • ✅ Augmentation du trafic organique
  • ✅ Meilleure compréhension de votre profil par les moteurs de recherche
  • ✅ Structure de données professionnelle et maintenable