Introduction : Internal Linking.
Just building links for your main web page won’t get your website to come up on top in major search engines. You need to get the search engine spiders to deep inside your website. For that you need strong website navigation. Most people ignore this part of SEO. Hope you have not :).
It also helps your visitors to navigate through your website more easily and also help the search engine locate the contents of your website. This article will help you in each element of navigation for your website.
Below are the sections this article will cover:
– Simple Hyper Text Links
– Graphical Navigation Icons or Buttons
– Animated Gifs and Flash Navigation
Image Map Navigation
– Framed Navigation
Let’s begin with the basics first, we need to understand what links are. There are two types of links that are into use, absolute and relative links. An Absolute link is used to define specific locations of s webpage and a relative link is used for specifying a location of a webpage within a major directory.
Example of an absolute link: < a xhref=”http://www.webhosting.uk.com/support.php” mce_href=”http://www.webhosting.uk.com/support.php” >Webhosting Support Information< /a>
Example of an relative link: < a xhref=”../support” mce_href=”../support” >Webhosting Support Information< /a>
*** Advisable to use absolute link
Now let us learn something about Simple Hyper Text Link:
According to the American Dictionary Hypertext is defined as “a computer-based text retrieval system that enables a user to access particular locations in Web pages or other electronic documents by clicking on links within specific Web pages or documents. It is one the simplest navigational elements that you can use for building an internal linking structure. All that you need for a hyper text link is a set of words that can be used as an anchor test for the URL. For example < a xhref=”page.html” mce_href=”page.html” >anchor text< /a > A person will be directed to the page “page.html when he clicks on the anchor text.
People nowadays think that more flashy your website is the more good it looks, but the idea is to keep it simple as it leads to less work for the search engine spiders [though search engine spiders are not real people they are designed by humans so the basic ideas of less work is fed unintentionally into the spiders who can blame them for that ;)]. A search engine believes in a simple logic that anchor text is used for pages which are IMPORTANT to you. So make sure that you have hyper text links for your major pages with specific keywords.
However let me warn you too much of hyper text links in your website also has its disadvantages:
-They make your webpage look less attractive.
-Hypertext links create blue underlined text and if used too much will make a page illegible which is by default.
-It can also interfere with the Webpage keyword density if overused.
So have a balance and understand the benefits and disadvantages of hypertext links. Use it as a secondary navigation system. To create navigation for your website use CSS which will help you to create attractive looking hypertext links as Primary Navigation element.
**One more webmaster tip for you SEO wannabeez, if you create your sitemap with hypertext links and point your “file not found” errors (or 404) to the site map. Also you can use a breadcrumb trail as an additional linking strategy to help your user to keep track of where they are in your website. This also helps to increase the keyword rich anchor text.
Graphical Navigation Icons or Buttons
Graphical navigation Hmmmm pictures have been helpful to describe everything since the stones ages even before text was originated. So our mind has evolved to understand them much better than text so this type of linking is as popular a hypertext navigation. Graphical icons or buttons is a graphic generally GIF or JPEG formatted image that links to a URL i.e absolute or relative. Example
< a xhref=”page.html” mce_href=”page.html” >< img xsrc=”pics/button.gif” mce_src=”pics/button.gif” > . where < img xsrc=”pics/button.gif” mce_src=”pics/button.gif” > replaces the anchor text. “img” stands for
image and “src” stands for source which says that image source is found in the directory pics and is
Now the benefits of using this navigation are that where high-impact fonts and colors are not supported through regular HTML, increasing the look of the page and making it more users friendly.
There are also disadvantages of using this navigation as Spiders are not evolved the way humans have and they cannot understand images. So the solution for this is to use alternative text tags within the source codes on the image. You can embed the alternative text into the above example as:
< a xhref=”page.html” mce_href=”page.html” >< img xsrc=” pics/button.gif” alt=”Short Text Explaining Where the Graphic Link will Take you”>< /a>
The alt tag adds the capability to help the search engine understand the meaning of the image. Its also useful for people who are visually impaired who use screen readers to understand the website. So use specific keywords in your alternative tag area.
onmouseover=”changeImages(‘nav_page’, ‘pics/nav_page_mouseover.gif’); return
onmouseout=”changeImages(‘nav_ page’, ‘pics/nav_page.gif’); return true;”>
A simple code has changed into a lengthy code now so let understand it better.
The DHTML dropdowns menus are great to look at and a great way to fit subsections into main section navigation.
** Caution please use this navigation if you wish to choke the spider.
Animation and Flash Navigation
Macromedia hats ofd to you guys for your flagship product which has redefined limitations for Web. Now with flash you can take your web design to levels which were earlier impossible. Web designers can create, publish and transmit high definition, motion filled, colorful animations to a broad Internet base without running into the pitfalls of bandwidth limitations and browser support. Internet will never be the same again.
Flash though very useful in terms of giving your website a nice look is a nightmare for search engine spiders, so its better to also create a simple but text rich HTML Web site for spiders and for Web users that prefer the less eye-candy media. You can create a splash page
which gives the user the option to choose between HTML version or a Flash version. The Spiders will be saved from choking as they will run for the HTML version to save there lives 😉 and the users will go for the Flash version. One more way to minimize the negative effects of Flash are to use partial flash site and partial HTML site. You get the best of both worlds. The Spiders will be saved from choking as they will run for the HTML version to save there lives 😉 and the users will go for the Flash version. The third method to combat the illegibility of the Flash files is to use the noscript tag or noframe tag when using a flash only site. This is however not the best method and one should only use these tags when there is no other option.
Image Map Navigation
Image maps are assigned to single graphics that enable Web users to access pages of your Web site by clicking on a portion (X and Y coordinate) of the graphic. Images maps are used for two primary reasons,
(1) To reduce file download size and
(2) To simplify the coding of the links within complex graphics.
Let me first explain the first reason given, to reduce file download size. One image takes less time to download then five images. For example you can have one single image with five links within them. That one image might be 10 kb. In contrast five images of the same “on” image might take up a total of 14 kb. For example, each smaller image will have to be published at 3kb each, adding up to a total of 14kb as compared to the same one image totaling 10 kb. The second reason given, to simplify the coding of the links within complex graphics, means that if one has a graphic with links embedded throughout a none uniform design, it is extremely hard to program the links without using an image map. To embed a link in one of the five single graphics, the programmer would have to cut out each one and reprogram the site to lay out the graphics in a uniform manner. This can be very challenging for non-uniform graphics. With image maps you can specify the X and Y coordinates and determine on a click of a particular X and Y coordinate where the user shall be taken.
Now that we understand why image maps are used, let’s discuss them in search engine optimization terms. Images maps are complex and look something like this:
You can see that there are complex numbers and variables that drive where the user shall be taken. For this reason image maps are not search engine friendly; and if used, one should always use a search engine friendly secondary form of navigation – like hypertext links.
There are many sites on the Web that are built with frames. Frames tend not to be search engine friendly for many reasons. One of the most obvious reasons is that it gives search engine spiders a challenge determining which file is the primary site content.
***Wisecrack [Finally somewhere the spiders start thinking and doing some work on there own rather than depending on us to make there life easier think it should be the other way round they should make our life easier].
Think of a framed site as a site that has many sites within it. So one might build a site in frames to leave the side bar navigation in a static position on the left, while giving the Web user the ability to scroll up and down on the right for the page with the content. Normally, when one clicks on a hyperlink within the left side frame box it will generate an action to replace the contents of the frame to its right. However, search engines do not know to look in that right frame and it stays within the navigation frame missing out on all your content. As you can see, the more frames utilized within a site the less search engine friendly the site is.
There is an acceptable standard available that can achieve the look of frames while making your site much more search engine friendly. This standard has been released by the World Wide Web Consortium (also known as the W3) and is known as CSS or Cascading Style Sheets. I will not be getting into the specifics of CSS in this article.
If you insist on using frames, there are some guidelines you should follow to help increase the search engine spiders’ ability to index your pages.
– Make sure that you include links from frameset to your internal pages
– Try to submit each internal page to search engines
– Try to obtain links from external sites to your internal pages
– Include text links at the bottom of each page
– Include breadcrumb trail at the top of the page
– Include text links within body text
– Build a site map that links to each internal page
– Utilize the noframe tag
Finally we are done I don’t need to do anything now, it’s now you who has to start working on the navigation of your website, its rest time for me now.
As you can see, there are many methods of performing an internal linking strategy, each with its pros and cons. While each method has its advantages, I always recommend using secondary hypertext links at the bottom of each page and also recommend building a simple site map that contains a link to each internal page of your site.