CoreNetworkZ Tech Solutions is a professional Blogspot theme development company. During my theme development career, one of the frequent questions I faced was about adding a canonical tag in the dynamic theme.
Let me explain why my clients asked this question.
If you have a Blogspot blog, one of the SEO problems you might encounter is having multiple URLs pointing to the same post.
Blogger generates different blog post URLs for both desktop and mobile views. It also creates a separate URL that displays with comments.
For example, take a look at these three links:
- https://www.corenetworkz.com/2018/06/redirection-from-m1-blogspot-pages.html
- https://www.corenetworkz.com/2018/06/redirection-from-m1-blogspot-pages.html?m=1
- https://www.corenetworkz.com/2018/06/redirection-from-m1-blogspot-pages.html?showComment=1577279824528
If you visit the links, you will see they point to the same post. According to Google’s Search Quality guidelines, this is a duplicate content issue.
Blogspot Dynamic Post links create duplicate Content Issue
How do we fix the duplicate content problem created by Blogger’s automatic post URL generation? The answer lies in adding the canonical tag in the Blogger source code.
By adding a canonical tag, we can tell search engines which link is the preferred version. Search engines will then ignore the other URLs, helping protect our blog from duplicate content penalties.
Jose Thomas, a web designer from Kottayam, asked, "Adding a canonical tag to a static web page is easy. But how do I add one to a dynamic website (like Blogger)?"
I understand many of my readers have the same question.
It is simple. Let me show you how to add a canonical tag to your Blogger blog.
How To Add a Canonical Tag for Multiple Blogger Blog Posts?
I will answer Jose's question in this section. Jose is correct; A Blogspot blog might have hundreds of posts and a handful of pages.
However, we can add canonical tags to all the blog posts and pages by adding two simple lines in the Blogger header tag.
Anjali Gopakumar, a web development student, asked, "Is it possible to dynamically generate canonical tags for each dynamic Blogspot post?"
The answer is yes.
She asked this question in the support section of CoreNetworkZ Tech Solutions.
I will explain the process here. To add the canonical tag on your Blogger blog, follow the steps below.
Log in to the Blogger account and select the blog. Click on the Theme link from the left-side menu.
Click the dropdown menu and click the Edit HTML option.
Paste the following code soon after the <head> tag.
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl'> <link expr:href='data:blog.url' rel='canonical'/> <b:else/> <link expr:href='data:blog.canonicalUrl' rel='canonical'/> </b:if>
I uploaded a screenshot for my readers to understand the canonical tag implementation.
Jerry Don, a B.Tech 3rd year student, asked, "Hello Alex, I have the canonical tag for my blogspot blog. However, I do not know where I should add this tag?"
You can add the above canonical tag between the <head> and the </head> tags.
How Does the Canonical Tag Fix the Blogger Duplicate URL Issue?
Neethu Jose, a regular reader of CoreNetworkZ Tech Solutions, asked, "If I added the canonical tag, will Google consider the duplicate issues as fixed?"
The answer is yes.
Once we paste the code between the <head> and the </head> tags, Blogger will tell Google to ignore other variations of the post links.
All major Search Engines (like Google, Bing, and DuckDuckGo) respect the canonical tag.
Author: Alex George
Alex George is the Chief Editor and founder of CoreNetworkZ Tech Solutions. He is a senior software developer with 20 years of experience.
You can contact him at alex.george@corenetworkz.com.
Wonderful guide. I was looking for a solution for this multiple blogger link problem. thank you.
ReplyDeleteThank you for your appreciation.
ReplyDeleteThank you very much for I have been having the same issues but usually ignores it... I hope this tutorial will work
ReplyDeleteIs it still working bro ?
ReplyDeleteYes, it is working.
Deletewow thanks for the tip... I'm using the blogger default template (Awesome Inc) I have to set the Attribution widget to "false" to enable me to remove the powered by blogger on the destop template.. from the code you gave above, i noticed that when I replaced with it works fine on the mobile template by removing the powered by blogger, but this line(...widget id='Attribution1' locked='true'...) calls back the already removed attribution widget from the desktop template and place it at my left sidebar. so the issue I'm having now is that when i try to remove the mobile attribution the desktop attribution shows and when i remove the desktop attribution widget the mobile attribution widget shows up... Please help me if you have any suggestion to fix this.. I want it in such a way that both in my mobile and desktop views there will be no powered by blogger. thanks once again
ReplyDeleteA quick suggestion is to change the current template. Let me know if it fixed the issue.
DeleteHello Alex.
ReplyDeleteI have this issue since last 3 weeks, but even after adding the canonical tag Google don't want to visit my site .
The question is when will search console pass this issue for me .
Hello Alex.
ReplyDeleteI have this issue since last 3 weeks, but even after adding the canonical tag Google don't want to visit my site .
The question is when will search console pass this issue for me .
You should use the Index now feature on the Google Search console.
DeleteThank you
ReplyDeleteThanks for your suggestion
ReplyDeletethanks for shairing appreciate!
ReplyDeleteI tried it. But, it's still telling "No canonical tag is set for this page."
ReplyDeletePlease, help me.
Right Blogger has canonical tag by default. Perhaps this guide will help you. https://ahrefs.com/blog/canonical-tags/
DeleteHi~! I tried doing this and it appears to have broken my site. Now all of my pages, including the homepage, is showing as blocked by robot.txt files by Google Search Engine, where they were fine before. Deleting the code did not undo this issue. Any ideas what went wrong? Low-key desperate
ReplyDeleteSounds strange. Can you tell me the steps you did on your blog? Check your robots.txt file with Google Search Console robots.txt checker too.
DeleteIs it head> instead of ? @ this line: "PS: both lines must be between tags."
ReplyDeleteCan you explain the issue a bit more?
DeleteNice post! I really like your post.Thank you for sharing valuable information.
ReplyDeletei am using custom domain on blogger. so that same code which you given above will it work for canonical issues?? please reply soon
ReplyDeleteIt will work.
DeleteEnough information, I will try this method because I have extremely confused about this issue.
ReplyDeleteThank you for this
ReplyDeletePlease can you tell me which blog templates do you use.
ReplyDeleteHi Rana,
DeleteIt is a custom template designed by me.