- Almost 80% of smartphone users in Canada search for product or service information on their devices
- 27% of users have made a purchase on their device
- Of these users, almost half make mobile purchases at least once a month
Mobile Search Moments. Google & Nielsen, March 2013
The message is clear: people are buying — directly and indirectly — using their mobile devices. Whether you sell exclusively online, or you are a hybrid eCommerce/brick-and-mortar retailer, if you don’t have a mobile-friendly website, you’re losing business.
How To Optimize Your Website For Mobile Search
Tapping the well of mobile users requires that you optimize your website to make the mobile user experience seamless and convenient. People really hate bad websites: if you can’t give them a good mobile site, they’ll go elsewhere. In fact, 67% of shoppers are more likely to buy from a mobile-friendly site than from one that isn’t.
Think about your experience browsing the web on your smartphone. If a site is taking forever to load, you move onto the next one. If you land on a website and the formatting is off, you hit the back button. When you have to constantly zoom in and out or scroll left to right just to read text or find a drop-down menu, you get annoyed very quickly and search elsewhere.
Offering a seamless user experience on mobile is perhaps even more critical for eCommerce sites than any other. Your site needs to be able to display product pictures and information clearly on any device. It also needs to offer intuitive conversion points and a site structure that is easily navigable. The path from your home page, to a product description, to a checkout page where payment is made should be simple. Why would someone buy something from you on their mobile device if it’s frustratingly difficult to do so?
So, how do you make your site mobile-friendly? These are the 3 most feasible options:
1. Responsive Design
The best option available for mobile optimization is responsive design, because it eliminates the most common usability issues on smartphones, tablets, and other mobile devices. A site with responsive design reacts based on screen width, rebuilding to adapt to and display more effectively on the device being used, whether desktop, tablet, or smartphone. It’s not made for a particular device: it’s made for all of them. Thus, your site always displays properly despite what people are using to view it.
Responsive design is also heavily recommended by Google and Bing, meaning it is superior from an SEO perspective. Since content from a page is served from the same URL over every device, you don’t need any special URLs, don’t have to worry about how they are crawled or indexed, and don’t need to use any site redirects. This also makes site maintenance easier, because no matter where your site is displayed, it uses the same file system, URL and database.
Implementing responsive design from scratch requires a talented development team, but there are many e-Commerce specific responsive templates available that handle the majority of the legwork.
Next Steps:
2. Dynamic Serving
Dynamic serving allows you to present different HTML and CSS under the same URL, depending on the whether the user is searching from a desktop or a mobile device. This is accomplished using the Vary HTTP header, which signals that the server should consider the user agent (UA) — what the user is using to access the page — before responding. The response will vary depending on the user agent that requests the page. This is an example of the UA for Chrome for Android:
The UA is reported in different formats depending on whether the device is a phone or a tablet. The server is then able to identify what device is being used, and serve the appropriate content.
3. Mobile Sub-domains
This option is less attractive, but still has its merits. It is most popular when implementing responsive design is too complicated or too expensive. Opting for a mobile sub-domain is significantly cheaper than responsive design, and also allows you to create a mobile-friendly site without having to significantly change your existing website. However, it has its downsides.
From an SEO perspective, it does create duplicate content, though it shouldn’t significantly harm your website. This is because each desktop URL has an equivalent but different URL that presents mobile pages. For example, www.shophere.com would have a corresponding mobile URL like m.shophere.com. Additionally, mobile subdomains are not as easy as responsive design from a maintenance standpoint, however they are typically quicker and cheaper to develop, and there are many services available that ease the process.
Next Steps:
A Mobile-friendly Site Is A Must
To be competitive in today’s online shopping market, you need to have a mobile-friendly website. People are increasingly using their mobile devices to search for and buy products, but they want an intuitive, seamless user experience. Regardless of how you choose to optimize your site for mobile, it is imperative that you do. Ignoring mobile users means you are losing a significant number of potential customers.