Une sitemap interactive pour mon site web avec XMind et Thinglink

Comment créer une sitemap – ou carte de navigation dans votre site – à partir d’une mindmap XMind ?

Une fois de plus, j’ai fait appel à Thinglink pour résoudre ce problème : l’absence de carte interactive en ligne chez XMind.

Et j’ai créé la sitemap de mon nouveau site web avec cette solution : une carte heuristique XMind contenant des liens et une description de contenu avec Thinglink!

J’avais déjà utilisé Thinglink avec le logiciel de mindmapping Novamind pour réaliser une carte interactive sur mes ateliers Apprendre A Apprendre ainsi que pour un cycle de formations sur le mindmapping pour l’entreprise.

Mais j’avais envie d’aller plus loin et de donner à mon nouveau site web – marco-bertolini.com – une sitemap interactive basée sur XMind et sur Thinglink.

Chacun des sujets de ma mindmap représenterait une page : les visiteurs pourraient promener leur souris sur la carte pour voir apparaître les liens, ainsi qu’une brève description du contenu de la page.  Il leur suffirait de cliquer sur ces liens pour atterrir sur la bonne page.

Une sitemap claire et ludique

En outre, une mindmap est un outil visuel particulièrement clair  et ludique : le visiteur pourrait avoir une vision globale du contenu du site d’un seul coup d’oeil.

Et l’utilisation des images et des couleurs transformerait un document “obligatoire” en une image attractive !

Je m’y suis donc attelé.  J’ai d’abord créé une mindmap ou carte heuristique avec XMind, reprenant chaque page du site web.  Ensuite, j’ai exporté cette carte au format d’image PNG.    Puis, j’ai téléchargé cette image sur le site de Thinglink.  Et j’y ai édité les liens et les descriptions de page.

Ensuite, j’ai sauvegardé l’image sur Thinglink.   Et enfin, j’ai choisi l’option “embed” – ou intégrer dans un site web – et j’ai recopié le code HTML de mon image.

Il m’a suffit de l’intégrer dans la page Sitemap de mon site web pour pouvoir l’afficher.  Il n’y a donc pas besoin d’être programmeur ou de connaître le code HTML pour éditer une sitemap sous forme de carte interactive avec Thinglink, contrairement à d’autres solutions.  J’ai créé mon site avec Weebly : une solution qui me permet de concevoir et de mettre à jour mes sites web de manière très simple.

Voici la sitemap terminée : cliquez sur l’image pour voir l’original avec les liens et la description du contenu des pages.

Cela veut dire aussi qu’à chaque mise à jour du site, je vais devoir modifier la map et y inclure tous les liens à nouveau.

Mais je crois que le résultat en vaut la peine.

Cette carte a été entièrement réalisée avec la version gratuite d’XMind !

Et vous ? Qu’en pensez-vous ? Avez-vous déjà utilisé ce type de carte interactive pour votre site web ?  Quelle solution avez-vous adoptée ?  Et quels logiciels ou applications avez-vous utilisé ?

Vous avez aimé cet article ?  Inscrivez-vous à ma newsletter et ne ratez plus aucun article ou événément !