You can think of a website navigation menu like the "Table of Contents" of a book.
![]() |
Another important benefit of a navigation menu is it optimizes the internal linking structure of your website and allows the navigation menu links to rank better in search engines, since all web pages will be pointing to it.
(For example, if your website has 1000 web pages, each navigation menu link will have 1000 web pages pointing to it. This will result in the navigation menu links ranking higher than the other web pages)
Here's how you can use this knowledge to improve the search-engine rankings of selected web pages - Simply include the selected web pages as links in the navigation menu and you'll automatically have the rest of the web pages pointing to them.
And finally, here's one method you can use to easily create a website navigation menu - Using Server Side Includes (SSI).
What are Server Side Includes?
Server Side Includes (SSI) are simply instructions (also known as "directives") that are included in a HTML document to execute a specific command e.g. inserting the content of an HTML file.
The SSI directives are "processed" at the Server side, before it reaches the requesting browser (hence the name Server Side Includes).
As a result, the "processed" SSI directives merge seamlessly with the HTML file.
Here's an example of SSI in action at a website (i.e. the left navigation menu): http://www.BizSuccessOnline.com.
Notice the left navigation menu is made up of static HTML links.
This is to allow search-engine spiders to crawl through the website to discover other web pages (via the navigation menu links).
An alternative solution to get your web pages spidered by search-engines is to use a sitemap.
A sitemap is simply a webpage that contains links to every webpage on your website and should be linked from your home page.
This will provide the search-engine spiders a path to follow and will ultimately result in your web pages getting fully indexed.
You can learn more about sitemaps here: http://SiteMapSoftware.com
Note that most, but not all servers have SSI's enabled. Please check with your web host to find out whether SSI is enabled in your server.
How to Easily Create a Navigation Menu Using SSI?
Step 1# - Create a HTML navigation menu file
This is the navigation menu file that will be inserted into your HTML pages and is also your HTML navigation menu template.
A simple horizontal text HTML navigation menu can look like this:
Home | Products | Pricing | About Us | Contact Us
(You'll need to hyperlink each of the above text to make these navigation links clickable by using your favorite HTML editor e.g. FrontPage or Dreamweaver)
You need to save this file with a .shtml extension once this file has been created e.g. topnavi.shtml
Step 2# - Insert navigation menu file into HTML file
Open up the HTML file (e.g. products.html) and place the cursor on the location where you wish to insert the navigation menu.
Here is the SSI directive: <!--#include file="your_navigation_filename.shtml"-->
And copy and paste the above SSI directive at the cursor.
(Be sure to replace "your_navigation_filename.shtml" with the name of your navigation menu file)
Note: You CANNOT use absolute path with an SSI directive: e.g. do not use http://yourdomain.com/topnavi.shtml
And finally, save the HTML file with a .shtml extension e.g. products.shtml
Step 3# - Upload files onto your server
The last step is to upload the newly created .shtml files onto your web server and check to make sure the pages display properly.
And if you view the HTML source code of your HTML file on a live internet connection, you'll notice that the SSI directive would have been replaced by the actual HTML navigation menu code.
Maintaining your navigation menu is now a simple matter of changing the contents on the navigation file.
That's all there is to it!
Give it a go!
Related Articles
- Printing Your Website the Right WayThere are so many techniques and methods available to create a user friendly website. The first one is by using a server side routine or print stylesheets. The print version may strip out images and navigation that lose their meanin.......
- Common Elements for Website Pages (Exclusive Article)Among the common elements for all website pages, I have in mind those elements which are on all pages of the site, elements such as the menu, a tablet with counters, ?the hat?. Often with such elements there can be BIG problems. For example, youve decided to place a new counter, youve registered.....
- Create Cool Site Navigation In A FlashSo you were just at a website and were so impressed with their navigation bar you want something just as cool for your own site. No problem. If you know where to look youll find plenty of generators that will allow you to easily pump out some very slick menus.
- Good Website NavigationWebsite Navigation is defined as the science and skill applied to a web site that helps visitors move from one page to another. A good website navigation system is imperative for a successful and accessible website design.
- 11 Tips to Make Website SEO FriendlyI bet you thought there were only 10 Tips! It is actually 11 Tips to Make Your Website SEO Friendly by this author. They are well explained and are accompanied by sound reasoning. Use these and count yourself SEO friendly.
- Drop-Down Menus: They Aren't User-FriendlyOn many sites, drop-down menus arent a significant part of the design. However, they appear often enough that they deserve some attention. So exactly how should they be used? For an example of the kind of drop-down menus Im referring to, check out the four menus at the top of this site: Logor.....
- ASP : SSI Another WayThis is another SSI tutorial written by a friend, it shows another way of looking at SSI and also shows you some new tricks and tips.
- How to Start the SEO ProcessThe first step is to choose the most relevant keywords which you believe you target audience will search for. Keywords are terms that search engine users type in the search box to conduct a query. Only the right keywords describe the purpose and content of your website. This helps in showing your si...
- 10 Important Web Design Tips: SEO Friendly WebsiteThis article gives a very practical list od 10 Important Web Design Tips: SEO Friendly Website. The author explains the importance of each tip and then tells you how to achieve the needed design element in your webpage.
- A Beginners Guide to Server Side IncludesWhile much has been written about Server Side Includes (SSIs -also known as Virtual Includes) much of this information is designed for intermediate to advanced webmasters. This article is aimed at beginners...

