Blog HG Développement

Bonne nouvelle ! Votre site passe à la vitesse supérieure : **la barre de navigation, le footer, le plan du site – ainsi que le fil d’ariane et les méta-descriptions – sont désormais générés dynamiquement** à partir d’une seule source de données.

23 juin 2025 · 2 min


## 🧩 Un seul objet menuData pour gouverner tout le reste
Dans script.js, l’objet menuData décrit l’arborescence complète du site (titres, liens, sous-menus).
À chaque chargement de page :

  • la fonction createMenu() construit automatiquement la navigation principale ;
  • le même tableau est réutilisé pour créer les sous-menus mobile et gérer le burger ;
  • toute modification dans menuData est donc répercutée partout sans toucher au HTML statique.

## 🦶 Un footer “auto-rempli”
Toujours dans script.js, la fonction createFooter() balaie menuData, regroupe les liens par rubrique et aligne même les icônes de vos réseaux sociaux.
Résultat : un pied de page complet, cohérent et maintenable en une seule ligne de code !

## 🗺️ Un plan du site qui se met à jour tout seul
Le fichier plan_du_site.js parcourt encore menuData pour produire la page Plan du site. Chaque fois que vous ajoutez une page ou changez un libellé, la carte est régénérée sans effort.
Et ce n’est pas tout :

  • Fil d’ariane – La fonction generateBreadcrumb() calcule automatiquement le chemin de navigation affiché en haut de chaque page, pour ne jamais perdre l’utilisateur.
  • Méta-descriptionsplan_du_site.js récupère la description SEO associée à chaque page grâce à getMetaDescription() et l’affiche à côté du lien, afin de rappeler son objectif et d’améliorer l’accessibilité.

## 🎁 Les bénéfices en un clin d’œil
* Maintenance express : un changement = une seule édition.
* Cohérence totale : titres, liens, fil d’ariane, descriptions – identiques partout.
* SEO & accessibilité : plan du site enrichi + méta-descriptions toujours à jour.
* Performance : plus de fragments HTML dupliqués à charger.