There are two major methods for creating mobile websites: responsive design and mobile templates.
Responsive design requires you only have one website that is coded to adapt to all screen sizes, no matter what the device the website’s being displayed on.
In contrast, a mobile template is a completely separate entity requiring you to have a second, mobile-only website or subdomain. Mobile templates are also built for each specific site, not per screen size. This can cause some issues, as we will discuss below.
Responsive design, a term originally coined in a 2010 A List Apart article by Ethan Marcotte, has been by far the most popular and widely used method for designing a mobile website.
Here are some of the undeniable reasons your website needs to be responsive.
1) Mobile usage is exploding.
This might not be a surprise for most of you, yet despite the impressive statistics below, many businesses do not yet have a mobile website. Hopefully, reading through these stats from Smart Insights will light a fire to stop ignoring the need for a mobile website.
- Over 20% of Google searches are performed on a mobile device.
- In 2012, more than half of local searches were performed on a mobile device.
- In the United States, 25% of internet users only access the internet on a mobile device.
- 61% of people have a better opinion of brands when they offer a good mobile experience.
- 25.85% of all emails are opened on mobile phones, and 10.16% are opened on tablets.
2) Positive user experience is a must.
According to Google’s Think Insights on mobile, if a user lands on your mobile website and is frustrated or doesn’t see what they are looking for, there’s a 61% chance they will leave immediately and go to another website (most likely a competitor). It’s also said that if they have a positive experience with your mobile website, a user is 67% more likely to buy a product or use a service.
3) Blogging and social activities bring mobile visitors.
If you’re like most inbound marketers and have elements of blogging and social media incorporated in your strategy, you probably have been seeing increased mobile traffic. A recent study by ComScore cites that 55% of social media consumption happens on a mobile device.
With that being said, if you’re sharing out content links or links to your website and don’t have a mobile-friendly website, you’re not only going to experience high bounce rates and low conversion rates, but also a frustrated audience.
4) Responsive design is preferred for SEO.
In June 2012, at SMX Advanced, Google’s Pierre Farr went on the record to declare that Google prefers responsive web design over mobile templates. Having one single URL makes it easier for Google bot to crawl your site as well as reduces the chance of on-page SEO errors. For these reasons, responsive sites typically perform better and are easier to maintain than a separate, mobile-template site.
One of the big benefits of responsive design is that the size of the template is designed based on screen size, not device. This means that no matter what size screen someone is viewing your website, it will display properly for that screen size.
So, in the future, as new devices (TVs, watches, glasses, etc.) are being used for web browsing, your responsive site will still look beautiful.