Create Visual Sitemaps with Beautiful Website Navigation

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.

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.



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 templae presets, you can also create your own unique visual sitemap templates.

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