Categories


5 Common Types of Links: Website | Blog

Links are a great way to navigate a website, but did you know there is more than one type of link to use? 

All HTML code is shown in blue.

Page Link 

This is the link most commonly used for navigation and simply takes the visitor to the top of another page.

These linked pages are used to move visitors around your website,  return them  to a previous page, i.e., home, or they can  be used to take visitors to pages designed by other people on other servers.

Onsite: Your website page

Offsite: Their website page

If linking to pages within your own website, you can use Relative links, however, if you are linking to another website on a different server you will need to use Absolute links.

Deep Links

These are links that take the visitor directly to the destination page rather than the home page of the website. These links can be from . . .

  • Within your own website
  • Blog
  • Social network account(s)
  • Forums you participate in
  • Article directories you contribute to

Using deep links helps create relevance for pages other than the home page.

Anchor Link

Using an anchor link takes the visitor directly to a particular section of a page. This is accomplished by creating an anchor where you want the visitor to land on the page.  You then use this anchor to link to.

For example:  You have a page with 4 sections.  You have 4 links at the top of the page linking to these four sections. For our discussion, we’ll assume we have a website for state tourism where we discuss the tourist attractions available in the North, South, East or West regions of the state. Rather than have the visitor search or read through all the information on the page, we have links at the top that when clicked will take the visitor directly to the region they are interested in.

To accomplish this, you would name each region’s section of the page using a unique name.

Example: North

For our example, you would repeat this line of code for each section where you want an anchor link within the body of the page, – in this case replacing ‘North’ with the remaining anchor link names, i.e., South, East, West..

Once you have the ‘names’ in place, you would use the following code for the links at the top of the page:

Norththis would take you to the section with the North information

South – this would take you to the section with the South information, and so on.

While the above links will only work on this one page, anchor links can also be used from other pages within your website to take the visitor directly to a targeted part of another page.

For example:   If on the home page you were referencing a tourist attraction in the North region, and wanted to link the visitor directly to that portion of the ‘Attractions‘ page from the home page, your link would look like:

North

… where Attractions.html  is the page being linked to, and in this case containing the ‘anchor’ North.

Option: You can also use an image within the page as the anchor link if you like. If you do not have text or an image available where you want an anchor link you can use a transparent pixel.

To do this create and upload a transparent pixel (11) to mark the place on the page you want to link to; then use this code:

“>

… to name the transparent pixel file. 

You would then use the regular anchor hyperlink code:

link

… to link to the location on the page marked by the ‘transpix’, or if linking to another page you would use:

link

This method works well if there is no obvious text or image available, but you want to direct the visitor to a specific paragraph, part of the page,  etc.

More link information coming ……

Comments are closed.