Mobile-Friendly Websites & The Duplicate Content Trap

Sometimes even large, successful websites have problems when trying to implement a mobile version of the site. While the iPhone and its competitors-to-come will change exactly what the mobile web will look like, it’s still imperative that companies have a quality mobile version of their site because specialized optimization is required to make mobile content truly searchable.

This article is part of Local Search Week here at Search Engine Land, a special look at local search marketing issues in the run-up to our SMX Local & Mobile conference next month.

The folks at BNET.com—a comprehensive business resource—knew they needed a mobile site that their constituents—busy, often traveling, C-level executives and managers—could access on the run. What BNET didn’t realize when they created the mobile version of their blogs (see Figure 1)—with a simplified version of each preexisting, “regular” blog post—was that inadvertently they had created duplicate content (see Figure 2).

bnet.jpg

Figure 1: Blog post on BNET.com and its corresponding mobile version

From an SEO perspective, this can be detrimental because it splits link popularity between multiple versions of the page, can cause search engines to return the wrong page for a given medium (mobile or wireline/traditional computer), and can even cause search engine spiders to stop indexing pages of a site because it finds too many copies of the same pages with differing URLs.

duplicate-google-serp.jpg

Figure 2: Google results page that illustrate’s BNET’s duplicate content problem

BNET is hoping to go live with a solution soon that uses CSS to leverage user agent detection. This is one of the better practices (if not the best) for mobile website design. Essentially, instead of creating secondary webpages, a secondary CSS file can be added to a website specifically for mobile devices. At this point in time, as opposed to some of the “@” calls or links that are available, it seems that the most consistent way to present the handheld stylesheet is to use the on-page <link> element:

<link rel=”stylesheet” type=”text/css” media=”handheld” href=”mobile.css” />

This style sheet is recognized by mobile device browsers and used instead of the primary CSS file. The mobile CSS file reformats the content for better usability on a mobile device, and can strip out elements in the site that are too large or download-intensive for the average mobile device. The resulting user experience is a fast-loading, simplified version of the same webpage at the same URL. When it’s time to redesign or update the site, it only has to be done once and—presto!—the mobile CSS file continues to render the new design in a mobile-friendly format.

BNET.com’s new mobile CSS solution will reduce issues of duplicate content, and should also save editorial resources. For detailed information on the parameters of creating a CSS-driven mobile version of a site, go to W3.org/TR/css-mobile.

Jeff Muendel is a Search Analyst at Netconcepts, a web agency specializing in search engine optimized e-commerce.

Attend SMX Local & Mobile!
October 1-2, Denver

SMX Local & Mobile - Denver, October 1st & 2nd, 2007

Produced by the Search Engine Land editorial team, Search Marketing Expo (SMX) Local & Mobile covers the latest tips and techniques for local search. It’s the only event 100 percent focused on the significant opportunity that the local and mobile space offers to search marketers. Hear the podcast about the show. See the Agenda. Check out the Networking page. Register today!

Opinions expressed in the article are those of the guest author and not necessarily Search Engine Land.

Related Topics: Channel: SEO | Mobile Search Week | SEO: Mobile Search

Sponsored


About The Author:

Connect with the author via:



SearchCap:

Get all the top search stories emailed daily!  

Share

Other ways to share:
 

Read before commenting! We welcome constructive comments and allow any that meet our common sense criteria. This means being respectful and polite to others. It means providing helpful information that contributes to a story or discussion. It means leaving links only that substantially add further to a discussion. Comments using foul language, being disrespectful to others or otherwise violating what we believe are common sense standards of discussion will be deleted. Comments may also be removed if they are posted from anonymous accounts. You can read more about our comments policy here.
  • WebmasterT

    .NET framework detects the type of client device and serves pages built for that device. IMO, it is always best to figure out what cient made the request and serve a page that enhances the user experience. For the time being just being able to provide a proper page for the device will be an advantage. Personally my feeling is that developing a full site is a waste of time and money. I would prefer to design a special page that meets the needs of the user. IMO, there won’t be a lot of people looking to surf on a mobile device the costs are rediculous and the experience is so far below that of a browser that it is frustrating. That said, maps that use GPS to locate best store and phone numbers etc. will work and IMO, increase conversions and store visits. Tracking the mobile activity IMO, is the biggest near challenge for mobile search.

Get Our News, Everywhere!

Daily Email:

Follow Search Engine Land on Twitter @sengineland Like Search Engine Land on Facebook Follow Search Engine Land on Google+ Get the Search Engine Land Feed Connect with Search Engine Land on LinkedIn Check out our Tumblr! See us on Pinterest

 
 

Click to watch SMX conference video

Join us at one of our SMX or MarTech events:

United States

Europe

Australia & China

Learn more about: SMX | MarTech


Free Daily Search News Recap!

SearchCap is a once-per-day newsletter update - sign up below and get the news delivered to you!

 


 

Search Engine Land Periodic Table of SEO Success Factors

Get Your Copy
Read The Full SEO Guide