The Best Way To Develop an Optimized Mobile Website

The Best Way To Develop an Optimized Mobile Website

The mobile search market is fast rising. Google searches that come from mobile devices now make up 15% of total Google search volume. This rate of growth is expected to continue, and Google continues to maintain the lion share (95%) of all mobile queries.

Mobile Web Search Usage & Statistics

Source: http://www.seo.com/blog/using-mobile-search-on-vacation-infographic/

These two factors alone are incentive enough make an optimized mobile website a priority for your business.

A mobile website design can be delivered a number of different ways. The most common and accepted approaches are through responsive (or flexible) design, device specific HTML, or the use of a subfolder or subdomain—essentially a separate website altogether.

Let’s find out which is best…

1. Responsive Design for a Mobile Website

Responsive design is a succinct format for delivering mobile ready content in one website.

This is done through the creation of varying style sheets that are called based on the device and screen size used by the visitor browsing the website. Each style sheet uses the same HTML file of the page to display the content giving the sense of 3 different website versions.

2. Device Specific HTML for a Mobile Website

Through user agent detection this approach dynamically serves all devices with the same set of URLs, but based on the device (mobile, tablet, desktop) in use will call different HTML and CSS.

This approach does have common issues such as irrelevant redirects and mismatch of user agents (detect a user agent inaccurately)—both of which end with the result of providing the wrong URL version to the website visitor.

Additional Resources:
https://developers.google.com/webmasters/smartphone-sites/redirects

3. Mobile URLs for a Mobile Website

By establishing a separate location within the same domain (m.domain.com or domain.com/mobile) the creation of a second, more mobile ready website can also be done.

Within this approach the use of the rel=”alternate” and “rel=”canonical” tag is very important. This will allow search bots to eliminate potential duplicate content confusion as well as assist in their determination of which URL should rank based on the device utilized when performing any given query. [source]

Additionally, to further allow crawlers to locate both versions of each URL you have two options for the XML sitemap.

  1. Create a separate mobile XML sitemap altogether [source]
  2. Utilize the rel=”alternate” within the standard XML sitemap [source]

Which is the best approach for an optimized mobile website?

Responsive design is the ideal approach to take when and wherever possible. While each of these 3 approaches can certainly work the evidence and logic—both for the user experience as well as effective search engine optimization—behind a responsive design is strong.

Here are a few quick reasons responsive design is the preferred mobile website approach:

  • Resolves any duplicate content issues before they occur
  • Optimizes for crawl budget (not duplicating amount of landing pages crawlers have to visit)
  • Cuts cost and time for web development, additional content creation and optimization etc.
  • You’ll never have to worry about which version of a URL is ranking on which device
  • Provides overall better user experience and search optimization
  • Centralized link authority (meaning link value is no longer split between two URLs)

Why is a mobile optimized website important for every business?

It really doesn’t matter what your business model is. As more and more users adopt the mobile approach to browsing the regular viewing of your website through a phone or tablet is inevitable. The question is—is your website truly ready for mobile visitors as they arrive?

Looking at the mobile market we can see statistics all over that indicate (check out just a few here, here and here) just how important it will be to adapt to this format of browsing because the likelihood of your target audience using the phone is always going to be high.

So if you haven’t yet developed a mobile ready version of your website I would suggest, “Why not do a redesign of your current desktop website and build responsive (or flexible) design right into it?” If you have already developed a mobile ready website using one of the other two formats, don’t fret—just make sure your implementation is correct to ensure you can perform in the search engines no matter the device the visitor is using.

Learn Exactly What SEO can do for your business - SEO.com

8 Comments

    • Preston Van Dyke says

      Max – I’m glad you found it helpful. You’re right though—this post should only act as a kick start to getting an idea of the search engine optimization implications of developing out your mobile website.

      Thanks for the resource. It looks good! I’ll have to check out Obama’s site tonight while I watch the debate.

  1. Mark Simchock says

    Solid 50,000 foot survey of the playing field. Thanks.

    Two thoughts:

    1) It’s only recently that I’ve become more and more pro-mobile version. I used to believe only restaurants and such needed to be accessible via a small screen. Wrong! Any where there are people waiting for whatever, there are almost as many of those people buried in their small screens. There’s a lot of idle time being used wisely on the small screen. Making your site (e.g., blog) easy to read under such circumstance it getting more important every day. Which leads me to…

    2) 15% might sound small but of the whole universe of searches that’s still quite a few eye balls. Fact: That’s only going to increase. Mobile is a “just a phase” just like the internet was “just a phase” a few years back, eh? Waiting for this phase to pass only means falling further and further behind. The time to act was yesterday.

  2. Bryan Jackson says

    Are we not really preaching to the choir? Those that see the value of mobile optimization have already made the move or are in rapid transition. This article is timely, informative and helpful but the fact is, the same group of folks who waited, hoped and prayed that the Internet would pass as a curious fad are the same ones who desperately need this information. Yet sadly, they will not listen.
    They will not listen or heed the call. They can not get their heads wrapped around the value of it. Unfortunately, by the time these poor soles (the ones who need to know this the most) decide to ‘get with it” they will be miles behind the rest of the pack.

  3. Chloe says

    Thanks, this is really useful info. I haven’t yet developed a mobile version of my site. Its difficult because its a job site, and most users don’t have a pdf version of their CV on the mobile device to upload, so not sure if its worth doing…

  4. Preston Van Dyke says

    Tracy – Good question. There are a lot of great web development companies out there. Knowing which one to work with should be based of the type of website you’re developing (ecommerce, profile, lead gen etc.). Feel free get in touch via email at [email protected] to discuss it further so we can help you narrow in on the best option.

Leave a Reply