We are past the mobile web tipping point. If your business website is not mobile optimized you ARE losing business.
The statistics on mobile web use are staggering, but you don’t even need to
see the numbers, just look around you and you’ll see people everywhere on their phones.
Now granted, a lot of phone usage is apps, but when people are looking for info about a company or product they turn to the mobile web. Since their phone is already such an important part of their lives it’s the first place they turn for information about a company, its location or its products.
We also know that people are not patient. If their experience on your website on a mobile device is not optimal they will leave and they will take their business to your competitor.
No one is going to swipe and pinch and scroll to see your marketing messages. People will not work to get your advertising messages. Once you make them work you will lose them.
You will reach many more people and get much more business from your digital marketing efforts when you make it easy for people to interact with your emails and your website.
But how do you do that? There are so many different mobile device screen sizes with new ones being announced all the time. And don’t get me started on the number of email clients. There are so many variations that it will make your head spin.
When you’re looking to ensure that your email looks good across the various clients, a good tool to use is Litmus.
Litmus tests over 30 email clients and also gives you a preview of how your email will display in the various popular mobile email clients. Mobile is especially important to email now that most email is opened on a mobile device.
Litmus is the premier email testing platform and I highly recommend it to make sure your emails look good on every client, mobile or not.
So how do you make sure your website is mobile optimized? There are basically two ways to make your website look good on any device.
Responsive design: serves the same HTML for one URL and uses CSS media queries to determine how the content is rendered on the client side. This removes the possible glitches of user-agent detection and frees users from redirects. This is Google’s recommended configuration.
In general what Google recommends something, it’s safest to follow that recommendation so that you don’t run into search engine ranking problems.
The second option is actually two options, but they’re kind of similar. Here’s how Google describes them:
Dynamic serving: serves different HTML for one URL depending on the user-agent. Use the Vary HTTP header to indicate you’re doing this.
Separate mobile site: redirects users to a different URL depending on the user-agent. Use bidirectional link annotations to indicate the relationship between the two URLs for search engines.
Responsive design uses different coding in the CSS for different screen sizes. Different elements on the site will resize automatically to properly fit whatever size screen it’s being viewed on.
One thing to watch out for though is still usability. When you get to the smaller screen sizes, it gets harder to navigate your website. That’s why its recommended that you work with a professional who has done great phone screen design. If the user can’t easily get through your website, it won’t matter if it’s responsive, you’ll lose that business.
Here’s an infographic with some staggering stats about mobile optimization and your business.