Internal linking in HTML with Example

internal linking in html with example
internal linking in html with example

Internal linking is one of the aspects of SEO, or on-page SEO to be exact.

Recently I have been interlinking my articles to boost user experience (user engagement), page views, and rankings … because my bounce rate was going up and noway it showed signs of slowing down.

It wasn’t the case when I started blogging few months ago. The bounce rate of my site was relatively low – under 10%.

Looking back at my old posts, I noticed that I had used many related posts throughout the content, not just at the end of the blog post itself using Related Posts for WordPress.

Later on, I don’t know why, I stopped using those links in my blog posts and only focused on using in-text links, which is still a best practice for SEO, but it didn’t work.

So, from today, I will be experimenting with the both method of interlinking my articles.

I will be using both in-text (links within the sentences or phrases) and related posts throughout the content, besides the related posts displayed by WordPress plugin at the end of my blog post.

With that said, I would like to give you few examples of how to create internal linking in HTML with example.

It’s not that difficult at all.

You create a link using a keyword or keyword phrase and hyperlink it using an anchor text.

For example:

<a href=”http://www.abiwrites.com/internal-linking-best-practices-seo”>internal linking best practices</a>

In the above example, I simply used my long tail keyword phrase “internal linking best practices” and hyperlinked it to a page on my blog.

How to use internal links your articles with HTML?

There are few ways you can internal linksĀ  in your blog posts:

1) Interlinking within the same post

You could have a very long blog posts. I have seen many bloggers, especially pro bloggers, write very long blog posts.

In order to make your readers navigate through the content easily is to create internal links.

First, you would create your in-depth article and break each important section using headers (h1, h2, and h3).

At the beginning of the article, after the intro, you will include a list of links that looks like a table of content. When one of these links are clicked, the readers are taken to the specific section somewhere down the article.

For example, let’s say we are writing an article about: How to internal link in HTML with examples.

The whole article may contain sections like the ones shown below:

  • What is Internal Link
  • Importance of Internal Link
  • Best practices of Internal Link

Let’s say I use the H2 tag to describe each of these above sections in my article like this:

<h2>What is Internal Link</h2>
Text description for this section…

the second section like this:

<h2>Importance of Internal Link</h2>
Text description for this section…

and the last section like this:

<h2>Best practices of Internal Link</h2>
Text description for this section…

Now, let us look at how to link my table of contents to these <h2> tags.

  • <a href=”#link01″>What is Internal Link</a>
  • <a href=”#link02″>Importance of Internal Link</a>
  • <a href=”#link03″>Best practices of Internal Link</a>

And now let us name our header tags with URL defined above.

<h2 name=”link01″>What is Internal Link</h2>
Text description for this section…

The second header becomes:

<h2 name=”link02″>Importance of Internal Link</h2>
Text description for this section…

And finally, the 3rd header becomes:

<h2 name=”link03″>Best practices of Internal Link</h2>
Text description for this section…

So that’s all. You just created a fully functional internal link within the same document.

Now let’s look at another type of inter-linking.

2) Interlinking to another blog post on the same website

Just like above, you will use hyperlink a anchor text that contains your text. The only difference is that the hyperlink is the actual URL of the page you want to link to.

For example:

<a href=”http://www.abiwrites.com/how-to-use-long-tail-keyword-phrases”>long tail keyword</a>

If I create an anchor text using the above keyword “long tail keyword” it will redirect my readers to another blog post with the title “How to Use Long Tail Keyword Phrases.”

3) Interlinking to a specific section in another document

Just like interlinking within the same page of the same domain (as explained in step 1), you can also interlink one blog post to another blog post’s particular section.

For example, let’s say you wanted to link a keyword phrase to another h2 tag – somewhere in the middle of the blog post – of a different blog post.

Your anchor text would be:

<a href=”http://www.abiwrites.com/how-to-use-long-tail-keyword-phrases#link01″>long tail keyword</a>

Then you will have to insert a name attribute to the header element of the blog post that is being linked to, like this:

<h2 name=”link01″>What is Long Tail Keyword</a>

Conclusion – Internal linking in HTML with Example

So you see, you can create internal linking structure using HTML within the same document, or any other post within the same domain, or any other specific section of a completely different post within the same domain.

It is not complex as it seems so. Just try once and leave me your comments below so that I can help you create internal links in HTML.

Over to you

What do you think? Do you use these same methods to create internal linking structure in HTML? How do you create internal linking structure for your website. Please comment below.

Total Views: (10)

LEAVE A REPLY