Create Visual Sitemaps with Beautiful Website Navigation

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

Help: overview | previous | next

To see all the options available, you will have to switch off easy mode

With options that use a dropdown list, any [+] or [-] button next to adds or removes items in the list itself

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 compability.

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 TechSEO360 are based on popular visual HTML/CSS sitemap solutions:

HTML/CSS/Javascript sitemap based on SitemapStyler
HTML/CSS sitemap based on SlickMap
HTML/CSS sitemap based on CSSsitemap

TechSEO360 | help | previous | next

SEO website crawler tool that can find broken links, analyze internal link juice flow, show duplicate titles, perform custom code/text search and much more.

This help page is maintained by Thomas Schulz

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.