Comment créer une page de sitemap HTML dans Webflow ?

Le sitemap HTML est une page de votre site qui liste tous vos contenus avec des liens cliquables. Contrairement au sitemap XML (destiné aux robots), le sitemap HTML sert à la fois les utilisateurs et les crawlers, et renforce votre maillage interne. Sandro, cofondateur de l'agence Webflow Gemeos, vous montre comment le construire dans Webflow.

Différence entre sitemap XML et sitemap HTML

• Sitemap XML : fichier technique à la racine du site (votresite.com/sitemap.xml), lu uniquement par les robots, non visible des utilisateurs
• Sitemap HTML : page normale de votre site, accessible aux visiteurs, qui liste vos contenus avec des liens hypertexte réels

Le sitemap HTML contribue directement au maillage interne : chaque lien qu'il contient distribue du PageRank vers les pages listées. C'est particulièrement utile pour les pages profondes qui reçoivent peu de liens internes depuis le reste du site.

1. Créez la page sitemap dans Webflow

Dans le Designer, créez une nouvelle page statique avec le slug "sitemap". Donnez-lui un titre H1 clair ("Plan du site" ou "Sitemap"). Ajoutez une balise noindex si vous ne souhaitez pas que cette page apparaisse dans les résultats Google.

2. Ajoutez des listes de collection CMS

Pour chaque collection CMS (articles de blog, tutoriels, pages de services), ajoutez un élément "Collection List" sur votre page sitemap. Configurez chaque liste pour afficher tous les items sans limite de pagination. Dans chaque item, ajoutez un lien vers la page CMS correspondante avec le nom de l'article comme texte d'ancre.

3. Organisez par sections thématiques

Structurez votre sitemap HTML en sections séparées par des titres H2 : une section par type de contenu. Exemple : "Articles de blog", "Tutoriels Académie", "Pages de services", "Études de cas". Cette organisation aide les crawlers à comprendre la structure thématique de votre site.

4. Ajoutez les pages statiques importantes

En plus des collections CMS, listez manuellement vos pages statiques clés : Accueil, À propos, Contact, pages de services. Ces pages n'apparaissent pas dans les collections CMS mais méritent d'être référencées dans votre sitemap HTML.

5. Liez votre sitemap HTML depuis le footer

Ajoutez un lien vers votre page sitemap dans le footer de votre site. Cela garantit que la page est accessible depuis toutes les pages, qu'elle reçoit des liens internes entrants, et que les crawlers la trouvent facilement.

Conclusion

Un sitemap HTML bien construit est un outil de maillage interne souvent sous-estimé. Il prend 30 minutes à mettre en place et améliore structurellement le crawl de votre site.

• Cas d'usage 1 : site avec plus de 50 pages pour s'assurer que toutes sont crawlées régulièrement
• Cas d'usage 2 : Académie ou blog avec beaucoup de tutoriels pour centraliser la navigation thématique
• Cas d'usage 3 : refonte de site pour préserver le maillage vers les pages qui ont changé d'URL