SEO & Print URLs

Aug 25, 2009 • 9:08 am | comments (5) by twitter Google+ | Filed Under SEO - Search Engine Optimization
 

Many sites feature a way to print a page of your site in a printer friendly view, by removing many of the ads, removing a lot of the navigation and so on. The issue with this, in some cases, is that webmasters creating a new URL with the same content, causing a duplicate content issue on the SEO front.

In the past, the solution was to call these printer friendly URLs in a non-search engine friendly manner, i.e. through JavaScript. But now that many search engines can find URLs within JavaScript, you can run into an issue with this method.

The best solution is to use a printer friendly CSS template. This will ensure that the URL is the same, no matter what view is given to the user or search engine. If you cannot create a CSS template for printer friendly versions of the page, then the next best thing to do is exclude those printer friendly URLs (i.e. the duplicate URLs) with a robots.txt file.

One person asked in a Google Webmaster Help thread, can they use the newish rel=canonical link element to redirect search engines to the main URL, so they pass the link equity? Googler, JohnMu, said you shouldn't. He said, "I don't think using the rel=canonical link element would be that valid here, since the two pages do look pretty differently (they're not really interchangeable canonicals)."

Let me show you a real life example of what we did on RustyBrick.com, my real business (outside of this blogging stuff, which is just a hobby for me).

In the past, we had a print URL for each page of the site, generated through JavaScript. It worked well in the past, the search engines ignored that JavaScript and it was rarely found in the Google or other search indexes. Now, you can clearly see Google indexed both URLs:

Print URLs and Search Engines

On Thursday, we launched a redesign for the RustyBrick site, a redesign and technology upgrade nine-years in the making. Part of that was to fix this issue.

  • Created a print CSS template
  • 301 redirected the ?print_page=1 to the parent URLs

In addition to that, we created a neat mobile template, which uses the useragent to change the CSS (not the URL) when you access the site on most mobile devices. And our print pages are also using the same URL and look pretty good.

Here are pictures of the same URL on a desktop web browser, on an iPhone and as a print friendly page:

Desktop Version:

Normal Template  - SEO Friendly

Mobile Version:

Mobile Template  - SEO Friendly

Print Version:

Print CSS Template - SEO

There are some things we still need to clean up with this design and our templates, but for the most part, I am happy with the look, feel and search engine friendliness of the new site.

Forum discussion at Google Webmaster Help.

Oh, and to comment on the new design, go to my blog post at the RustyBrick Blog and comment there.

Previous story: Google Tries Same Page Anchor Sitelinks
 

Comments:

JohnMu

08/25/2009 02:04 pm

Nice use of CSS stylesheets!

Richard Vaughan

08/25/2009 02:22 pm

Very impressive use of CSS.

Michael Martinez

08/25/2009 03:40 pm

I've been using print-capable CSS for years but it would also be perfectly fine to let the search engines find those print pages and just use a robots meta tag specifying "noindex,noarchive,follow".

Jessica Griffin

08/26/2009 10:51 am

I think this template is very user-friendly and makes the process of viewing information easy.

Ron Strauss

08/26/2009 11:04 am

You Rock! I never miss your posts. This really helps me with answering some items I need to address on sites I am responsible for.

blog comments powered by Disqus