What is a “mobile responsive” site?

For the past few years, it’s been common for websites to have a “normal” version of their site and a separate “mobile” version.  This works fairly well, but is beginning to have some issues as time goes on.

  1. What do you consider to be a “mobile” device these days?  Your phone, of course.  How about a 10″ tablet?  A 7″ tablet?  Maybe a 10″ netbook?  The problem is that many of those devices should see the full version of the site, but are forced to view a special mobile version instead.
  2. Google and Bing have both come and said definitively that mobile responsive sites are a better solution to help your site rank well in the search engines.

So what exactly is a “responsive” site?

In short, a responsive site automatically adjusts and moves content around to help fit any kind of screen that it’s being displayed on, from desktop to tablet to phone. This video helps explain it a bit more:

Another good resource for learning about responsive design comes to use from ReadWriteWeb, which has a great article about the process that the Boston Globe went through to make their site responsive.

How can I make my site responsive?

Unlike installing plug-ins that give you website a separate mobile version, responsive themes need to be designed that way from the ground up.  While it’s technically possible to convert an existing theme to become mobile responsive, you’re usually better off selecting a new design and rebuilding your site with it.  The “twentyeleven” theme that comes built-in to WordPress is responsive, as are dozens of themes at StudioPress or Elegant Themes, or you can search for others such as the aptly-named “Responsive Theme“.

Live examples

To see a good example of a mobile responsive site, you’ve found one!  Try dragging the edge of your browser as I demonstrated in the video above and you’ll see the content shift around automatically to keep things suitable for reading.  You can also check out Saluda River Club as another example.

Is your site mobile responsive yet?  If not, are you planning to move to a responsive theme soon?

About Mickey Mellen

Mickey is GreenMellen's token “tech guy” and his skills are greatly valued on the GreenMellen team. With over 9 years of WordPress experience and a passion for helping others, you will often find Mickey leading a North Atlanta-based MeetUp, All Things WordPress. He is also highly involved in social media and knows the ins and outs of everything from Facebook to Google+. There’s no denying Mickey’s brain is a good one to pick!

Comments

  1. Responsive Sites for Your Inspiration : http://responsivesite.org/sites

Trackbacks

  1. […] – Make sure it’s mobile responsive No matter what kind of device someone uses to view your site, make sure they get a solid layout. […]

  2. […] the year-end piece was complete, we created a new, mobile-responsive website for Project82 that included a custom child sponsorship feature as well as a blog titled […]

Leave a Reply

page sep
x
Join Our Mailing List