Create Visual Sitemaps for Better Website Navigation

Create visual sitemaps using our visual sitemap generator tool. Choose between several visual sitemap styles for your website.

Note: We have a video tutorial:

Visual Sitemaps Introduction

If you are unsure how to create basic sitemaps - please first read our HTML sitemaps introduction and advanced HTML sitemaps help pages.

As with normal HTML sitemaps the primary files generated will be placed in the path you selected.

However, associated .css and .js files will be placed in a sub-directory to the sitemap file.

This means that if you intend to copy the sitemap files to another directory, you will need to make sure you include the sub-directory.

Create Visual Sitemaps

To get started creating visual sitemaps, select and load/open the desired visual sitemap template preset available in the drop down box.

While usually not necessary, you can change the code and options to suit your specific visual sitemap requirements. This includes HTML, CSS styling, JavaScript code, columns per sitemap page, links per sitemap page etc.

visual sitemap templates and code

Note: Read the comments inside the code of the chosen visual sitemap as they can contain information about e.g. browser compatibility.

Note: If you change the code or options, we recommend you test your changes before uploading the created sitemaps to your website.

Note: If you are not happy with the built-in template presets, you can also create your own unique visual sitemap templates.

Visual Sitemap Examples

Some sitemap templates in A1 Sitemap Generator are based on popular visual HTML/CSS sitemap solutions:

  • HTML/CSS/Javascript sitemap based on SitemapStyler by http://grakalic.com/.

    visual sitemap SitemapStyler example #1

    visual sitemap SitemapStyler example #2

  • HTML/CSS sitemap based on SlickMap by https://astuteo.com/slickmap/.

    visual sitemap SlickMap example

  • HTML/CSS sitemap based on CSSsitemap by https://theleggett.com/2011/05/04/csssitemap-system/.

    visual sitemap CSSsitemap example

A1 Sitemap Generator
A1 Sitemap Generator | help | previous | next
Build all kinds of sitemaps including text, visual HTML / CSS, RSS, XML, image, video, news and mobile for all your websites no matter the platform they use.
This help page is maintained by
As one of the lead developers, his hands have touched most of the code in the software from Microsys. If you email any questions, chances are that he will be the one answering.
Share this page with friends   LinkedIn   Twitter   Facebook   Pinterest   YouTube  
 © Copyright 1997-2023 Microsys

 Usage of this website constitutes an accept of our legal, privacy policy and cookies information.