How to Create a Simple Site Map in HTML
You can use a site map, or sitemap, to present an organized way for your visitors to see all the webpages that your site contains. Further, if you have a lot of pages on your site, a site map is an essential tool because it provides a consolidated listing for people to refer to, which they might have missed otherwise. Using a few HyperText Markup Language (HTML) tags, you can create your own simple site map and provide a better user experience for your viewers.
Other People Are Reading
Instructions
-
-
1
Launch your HTML text editor to create a new page.
-
2
Type in a title between "<h1></h1>" heading tags that includes the words "Site Map" so that visitors know what the page is. For example:
<h1>Company ABC Site Map</h1> -
-
3
Enter the smaller "<h2></h2>" header tag and place a category for your website between these elements. Continue to create additional "<h2>" header tags for each category that you have. For instance:
<h2>About</h2>
<h2>Products</h2> -
4
Type in the names of the pages underneath the appropriate category and place "anchor" tags before and after the entries to create links. Further, add a "<br>" break tag after the closing "</a>" in each link to create a page break that allows each title to be on its own separate line. To illustrate:
<h2>About</h2>
<a href="http://www.yourdomain.com/mission.html">Mission Statement</a><br>
<a href="http://www.yourdomain.com/contact.html">Contact</a><br>
<h2>Products</h2>
<a href="http://www.yourdomain.com/mobile.html">Mobile Devices</a><br>
<a href="http://www.yourdomain.com/computers.html">Computers</a><br> -
5
Save your file and use your text editor's Preview feature to view your new site map in a web browser.
-
1
Tips & Warnings
You can automatically create the HTML code needed for your site map by using an Internet generator (see Resources).
