How To Easily Create A Search-Engine Friendly Navigation Menu For Your Website

A navigation menu is an important element of a website. A good navigation menu helps your visitors navigate through your website efficiently - in as few mouse-clicks as possible.

You can think of a website navigation menu like the "Table of Contents" of a book.

Image from Web Promotion Articles: How To Easily Create A Search-Engine Friendly Navigation Menu For Your Website

And the greater the number of web pages on your website, the more important the role of a website navigation menu.

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 Way
    There 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 Flash
    So 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 Navigation
    Website 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 Friendly
    I 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-Friendly
    On 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 Way
    This 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 Process
    The 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 Website
    This 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 Includes
    While 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...

Contact Web Design Outsource and get started today

Need Website Designing, Development, Redesigning, Maintenance and SEO services or help growing your company's web presence? Request a free Quote Now.