Monday, July 2, 2012

How to Add Internal Links Within Blogger Posts


  • Each link identifier needs to be enclosed in inverted commas. Make sure to match up the correct identifier with the one created in step 6



  • Using this anchoring structure our first anchor becomes:

    <a name="withinposts">How to Create Internal Links To Sections Within the Same Blogger Post</a>

    Substitute your own link identifier and headings
  • Now move on to the next point you want to link to and create the second anchor. In this example we use the same structure but change the identifier

    <a name="withinblogger">How to Create Internal Links To Sections Within Different Blogger Posts</a>

    Again substitute your own link identifier and headings to suit your article

  • Save and Publish as normal and you will see your links are live and will jump the reader to different parts of the post


  • Now you know how to create links to sections within Blogger posts let's look at how to create internal links within different Blogger posts.

    Most of you will be able to create a link to another post in Blogger using the posts editor. You just highlight the text you want and click on the figure eight icon and Blogger creates the link for you. Which is great most of the time.

    However what if we want to direct the visitor to a particular section of a different post? When you create an internal link it will take the viewer to the top of the page but what if you want them to see something near the end of the article? Well using an internal link similar to what we did to create internal links within the post we can.

    Say I want to take my reader to a particular post in this case The 10 Great SEO tips for your blog or site. How would I go about it?

    1. I create the link as usual by copying the article URL address from the browser address bar and using the post editor to add the link. The Blogger post editor uses this structure:

      <a href="URLaddress">linkname</a>

      So the Blogger editor would create the following link:

      <a href="http://free-seo-tricks.blogspot.com">Blogger SEO Tips and Tricks</a>

      The link would appear like this in a browser:

      Blogger SEO Tips and Tricks

    2. Now I want to direct my visitors to the section about creating breadcrumb navigation so I add a section name using the following structure:


      <a href="URLaddress#identifier">linkname</a>

      Thus my link would look like this in the Edit HTML section of my post editor

      <a href="http://free-seo-tricks.blogspot.com#breadcrumb">Blogger SEO Tips and Tricks</a>

      Note the link seen in a browser remains the same


    3. If you want your link to open in a new browser window add the following to your link:

      <a href="http://free-seo-tricks.blogspot.com" target="_blank">Blogger SEO Tips and Tricks</a>


    4. Now I need to go to the post I am linking to and add the anchor. So in the post SEO Tips and Tricks I would use the following structure to link to the section about how to add breadcrumbs:


      <a name="identifier">a heading</a>

      So the section about breadcrumbs in the Blogger SEO Tips and Tricks article is now enclosed by the following:


      <a name="breadcrumb">Add Breadcrumb Navigation to your Blogger Blog</a>

    5. Save your changes and publish your article as normal

    In this Blogger tutorial you have learned how to add internal links to a particular section of a post from both within the same Blogger post and within a different post. By adding internal links you will help your visitors to find their away your blog more easily and access information quickly. You will also be adding to your blog's SEO by linking related posts.


      Random Posts...!!!

    If You Enjoyed This Post Please Take 5 Seconds To Share It!

    1 comments:

    Unknown said...

    Your tips about creating anchor text and whole anchor tag are narrative and easily guide by you. Keep up the good work going!
    SEO Rain

    Post a Comment

    Please feel free to comment on this topic.

    horizontal random post

      Random Posts...!!!