Martech: Martech is Marketing Logo
  • Topics
    • Customer & Digital Experience
    • Digital Transformation
    • Data
    • Marketing Management
    • Marketing Operations
    • Performance Marketing
    • Special Reports
    • All Topics
  • Conference
  • Webinars
  • Intelligence Reports
  • White Papers
  • What is MarTech

Processing...Please wait.

MarTech » Customer & Digital Experience » Responsive Web Design Isn’t Meant To Replace Mobile Web Sites

Responsive Web Design Isn’t Meant To Replace Mobile Web Sites

The title of this article is my opinion, but also the opinion of the founder of responsive web design. At the end of his book, Responsive Web Design, Ethan Marcotte says very clearly, “most importantly, responsive web design isn’t intended to serve as a replacement for mobile web sites”. He really leaves it up to […]

Bryson Meunier on March 29, 2012 at 9:00 am | Reading time: 5 minutes

The title of this article is my opinion, but also the opinion of the founder of responsive web design.

At the end of his book, Responsive Web Design, Ethan Marcotte says very clearly, “most importantly, responsive web design isn’t intended to serve as a replacement for mobile web sites”. He really leaves it up to the designer to determine whether or not responsive design makes sense for their project.

So why are so many designers, SEOs and search engines so gung-ho about responsive design these days? Whether it’s Angie Schottmuller, John Mueller, Barry Schwartz, iCrossing, Brian Klais, Jill Kocher, Kerry Dean, Bing, or countless yes men, it’s hard to swing a cat on the web these days without running into a gaggle of gurus singing the praises of responsive design.

Design Once, Format For Different Devices

If you’re just joining us, responsive web design is a design philosophy and front end development strategy that makes desktop websites accessible on a number of devices through the use of fluid grids, flexible layouts and media queries. Instead of serving your users multiple URLs depending on the device that they’re accessing your site with, responsive web design allows webmasters to design a site once and format it differently for many devices.

The benefits are obvious to many. Because sites can be designed once and reformatted, responsive web design eliminates the need to maintain multiple sites, which can sometimes decrease dramatically the costs of going mobile. Responsive web design also makes content available on a single URL, which some SEOs cite as a solution to a duplicate content problem.

Though with Google’s skip redirect/Old Possum update in December, it’s a duplicate content problem that doesn’t exist, because relevant mobile sites that are properly redirected will be shown to smartphone searchers now regardless of link equity. And honestly, even before then Google did a decent job of surfacing mobile sites for mobile queries.

Proponents also cite less of a need to take up resources hosting two versions of the same content.

Responsive Web Design Doesn’t Fit All Needs

Yet responsive design, as Marcotte put it, is not always the right answer. Whether responsive web design can work for your project really depends on user goals, he says:

“As we were planning the site, it helped us to think of the desktop site as the ‘pre-game’ experience. The mobile site, on the other hand, was really intended for the night of the event, for attendees who were physically present. So the goals of the two different contexts couldn’t have been more distinct.

With that in mind, it definitely would have been possible for us to include all the markup for each context on every page of the site. If we’d taken that route, every page would have had the regular ‘desktop’ content marked up in its HTML, as well as the map, directions, and voting information for the mobile site. And with those two modes baked into every HTML page, we could have used some combination of media queries and display: none to deliver the two sites to the right devices.

But that wouldn’t have been the right approach. We real­ized it would have been irresponsible of us to ask our visitors to download all that extraneous HTML, marking up content that they’d never see, much less benefit from. And I don’t say that just out of concern for mobile visitors: regardless of whether our visitors were on a phone-or a desktop-based browser, we would have been penalizing them with extra markup.”

Just because you can put all of your content on one URL doesn’t mean you should. It can be “irresponsible” (his words) to burden the user with extra markup that’s not intended for their context. In some cases, providing mobile-specific content to a mobile user is a better solution than reformatting it with responsive web design.

Sometimes, A Dedicated Mobile Site Is The Answer

Earlier this month in Search Engine Land I presented one such use case in which Walgreens.com has identified searcher needs for their mobile website to be very different from their desktop website. They then elected to host the mobile home page on a separate URL in order to serve the needs of the mobile or smartphone searcher.

eSurance and State Farm did the same thing with their mobile sites, as it was clear that their users need accident resources and towing help that desktop users don’t need.

There’s nothing wrong with this from a design, usability or SEO perspective. As long as the proper redirects are put in place for feature phone and smartphone users, as well as feature phone and smartphone Googlebot, these sites will appear in search results when users are searching for them. And since the content is tailored to their needs with the keywords that they’re using, it’s more likely that the user will be engaged with this content, which can only help in search results.

There’s a time and place for responsive design, but it’s not every time and every place. Even the founder of the responsive design movement knows this. Advocates of responsive web design should put it in perspective, and use it when it makes sense. When it doesn’t make sense, mobile web sites with mobile URLs can also be a good solution.


Opinions expressed in this article are those of the guest author and not necessarily MarTech. Staff authors are listed here.


New on MarTech

    An incredibly brief guide to shifting marketing offshore
    The latest jobs in martech
    Google favors helpful content over search engine-first in new update
    PGA TOUR transforms fan experience, analytics and customer feedback
    Work in Progress Limits: Getting started with the Agile Marketing Navigator

About The Author

Bryson Meunier
Bryson Meunier is the SEO Director at Vivid Seats, is an SEO veteran with more than 14 years experience both agency and in-house, and is a thought leader in permission marketing as a columnist and a frequent speaker on SEO and mobile marketing.

Related Topics

Customer & Digital ExperiencePerformance Marketing

Get the daily newsletter digital marketers rely on.

Processing...Please wait.

See terms.

ATTEND OUR EVENTS The MarTech Conference logo.

September 28-29, 2022: Fall

Start Training Now: Master Classes

Start Discovering Now: Spring



The SMX Conference logo.

Start Training Now:: SMX Advanced

November 14-15, 2022: SMX Next

March 8-9, 2022: Master Classes

Webinars

Tracking Growth From Organic Search

Beyond the Buzzword: Transform Digitally to Drive Organic & SEO Growth

Leap or Linger: Determining Which Ad Platforms to Test for Your B2B Brand

See More Webinars
Intelligence Reports

Enterprise Marketing Performance Management Platforms: A Marketer’s Guide

Enterprise Customer Journey Orchestration Platforms: A Marketer’s Guide

Enterprise Account-Based Marketing Platforms: A Marketer’s Guide

See More Intelligence Reports
Featured White Paper

The CMO’s Formula To 3x Your Digital Marketing Campaign Results

See More Whitepapers
Search Our Site

Receive daily marketing news & analysis.

Processing...Please wait.

Topics

  • Transformation
  • Operations
  • Data
  • Experience
  • Performance
  • Management
  • All Topics
  • Home

Our Events

  • MarTech
  • Search Marketing Expo - SMX

About

  • What is MarTech
  • Contact
  • Privacy
  • Terms Of Use
  • Marketing Opportunities
  • Staff

Follow Us

  • Facebook
  • Twitter
  • LinkedIn
  • Newsletters
  • RSS

© 2022 Third Door Media, Inc. All rights reserved.