The debate between absolute links and relative links continues to live on in the SEO world. The individual significance of each has been contested, but it is widely regarded that absolute links provide better SEO value on the whole than relative links.
Many believe that absolute links have less potential for getting messed up when search engines index your page. It shouldn’t really make a difference, but many conclude that this is reason enough.
Furthermore, content scrapers and RSS services may ‘repurpose’ your content legitimately (or not). In either case, shouldn’t a proper back-link be attributed to your site? This situation favours absolute links. Although this is a minor argument, it’s still worth considering.
When working with website and creating web pages, there are two ways to reference an item – an item being a link, image or maybe something like a video file. Those two ways are either with a relative link or absolute link.
The simplest way to explain what each kind of link is, is to just show you:
Absolute link:
<a href=”https://www.yourdomain.com/page.html“>Link</a>
Relative link:
<a href=”page.html“>Link</a>
Quite simply, a relative link is relative to the current page. In the above example, it’s right next to the current page (think: in the same folder). If the file is moved from where it is, then the link could break (it probably will). With absolute links, you’re giving the exact, full address (URL) to the page.
Here’s another relative link:
<a href=”../page.html“>Link</a>
This one means to go up a directory and find the file there.
Another:
<a href=”../folder/page.html“>Link</a>
This one means go up one folder and find the file in that folder.
Another:
<a href=”folder/page.html“>Link</a>
This one means find a folder under the one we’re in and find the file there.
Why Use One or the Other?
The benefit of absolute links is that they can be used anywhere and they work. The benefit of relative links is that if you need to change the domain name later, you can and you don’t have to change all your links – it’s more portable.
When using Joomla, another benefit of relative links is that if a page needs to be secure (SSL / “https” instead of “http”), then you don’t have to go and change all the links or image references on that page. It just happens automatically.
Which way is better? Well, we would probably say that going with relative links is the better choice.
More To Think About
Page names are case sensitive. Domain names are not case sensitive. (Also, email addresses are not case sensitive).
These two take you to the same place:
https://www.yourdomain.com/page.html
https://www.YourDomain.com/page.html
These two do not take you to the same place:
https://www.yourdomain.com/page.html
https://www.yourdomain.com/Page.html
Remember that the text you use in the link helps with SEO. Linking the words “click here” to your About Us page tells Google that what you’re about is “click here” and that makes no sense. Better link text to use would be the words “about us” – for example:
Not Good:
Learn more about our company by <a href=”folder/page.html“>clicking here</a>.
Better:
Learn more about <a href=”folder/page.html“>our company</a>.
Image References
On this page, we’ve been showing absolute versus relative links with links (hypertext) but it’s also the same with images. For example:
Absolute:
<img src=”https://www.yourdomain.com/image.jpg“>
Relative:
<img src=”image.jpg“>
With most content management systems, you’re not seeing the code unless you go into code view – so you’re not going to see this much. This is just kind of FYI.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!