Google and the Canonical Link Rel
Google has introduced a link tag rel value of canonical which is used for defining the value of the page that Google should use. Why? Lets say you have an eCommerce site and one of the product URLs is:
http://yoursite.com/product.php?p=david+walsh+blog+book
Imagine now that you can make a slight customization to the product that changes the URL to:
http://yoursite.com/product.php?p=david+walsh+blog+book&color=red
Uh oh -- Google sees duplicate content! The code shows essentially the same page so Google thinks you're pulling gangsta stuff. Now you can tell Google what URL to use for the current page to avoid duplicate content penalization.
The XHTML
<link rel="canonical" href="http://yoursite.com/product.php?p=david+walsh+blog+book" />
Don't let your website get penalized by Google; use this link/rel tag combination for your highly variable pages.
![Facebook Open Graph META Tags]()
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One...
![7 Essential JavaScript Functions]()
I remember the early days of JavaScript where you needed a simple function for just about everything because the browser vendors implemented features differently, and not just edge features, basic features, like addEventListener and attachEvent. Times have changed but there are still a few functions each developer should...
![Create a Sprited Navigation Menu Using CSS and MooTools]()
CSS sprites are all the rage these days. And why shouldn't be? They're easy to implement, have great upside, and usually take little effort to create. Dave Shea wrote an epic CSS sprites navigation post titled CSS Sprites2 - It's JavaScript Time.
![Fading Links Using jQuery: dwFadingLinks]()
UPDATE: The jQuery website was down today which caused some issues with my example. I've made everything local and now the example works.
Earlier this week, I posted a MooTools script that faded links to and from a color during the mouseover and mouseout events.
Note that the All-in-one SEO WP plugin does this for you. Good to know should you bloggers be worried.
I think the article could have given a bit more info on canonical urls…
@Adriaan: Thank you for your comment. I could have but my fear is spending a ton of time on an explanation when 99% of people would prefer a brief explanation with a sample problem and solution like I provided. I appreciate your honesty!
OK, I had to go to Google to find out where in the document this LINK goes… But this is good info, thanks for the the tip. Google implies that some other search engines look at this too.
time to google for more about canonical ;)
Cool information!
Liked the posts about firefox extensions too, really useful for beginners on that world.
ps: you forgot to close the link tag.
Add this code to the section of the page.
< head >
< title > Davidd Walsh Blog Book< /title >
< link rel=”canonical” href=”http://yoursite.com/product.php?p=david+walsh+blog+book” />
< /head >
@Fabio, No missing < /a > tag as its a < link .. >
Good I want to implement it first and have post this tips. Thanks
great post is there any problem if i use rel tag for all of my links
David,
Thanks for the tip about rel canonical.
Peter
You can find more info here: http://support.google.com/webmasters/bin/answer.py?hl=en&answer=139394
Thanks for the article.