How to Create a Site Map for a Web Page

Video Transcript

"Hello, my name is Luis Estrada, and I am a software developer. In this video, I'll show you how to create a site map for a web page. Once you have a lot of pages in your website, it is important to have them organized. A good practice is to group them in folders by categories. For example, I have an entire website in this folder. This is called the root folder because it is the top level. Here I have created three more folders representing a category on the website. For example, I have music, friends, and videos. Inside each folder I can create web pages. In the music folder I have a page for each of my favorite genres, like classical, rock, pop, etc.. When you start building a bigger website and the amount of pages increases, it becomes important to help your visitors finding what they need quickly. Also it helps you to keep things organized. A site map helps you with this. To create one, all you have to do is create a new HTML file in the root folder. You can call this file anything you want, but it is simple for you and your visitors if you call it "sitemap.html". In this file, add relative links for every page on your website. Group the links in categories, just as you did with your folders. Here I have created links for the music category. The first link points to the index.html file, where I talk about music in general. It is recommended that you have an index.html file for each folder on your website. This allows your users to type things like "your site/music", or "your site/friends" and get a page explaining the category. As you can see, I have a relative link to each of the HTML files inside the music folder. If I press on any of them, it displays the appropriate page. Also, you can add a link that takes your visitors back to the main page, like this. I'm Luis Estrada and I've just shown you how to create web pages using HTML."