1. Create a Mobile-Friendly Version of Your Website
The first -- and most important thing -- you can do to mobile-optimize your site is to create a mobile-friendly version. This allows people who are visiting your website on a mobile device to easily view it on a screen that is typically 2 inches wide by 3 inches long. Because of their size, mobile phones present a unique challenge when displaying lots of information. You want to make sure that text is readable, links and calls-to-action are clickable, and that the site is easy to navigate.
There are 2 ways you can implement a mobile version of your website.
Mobile CSS: Mobile CSS allows you to change the way your website is organized and displayed just on mobile devices. Just as you can have a printer-friendly version of your page, you can also have a mobile-friendly version using mobile CSS.
Mobile Redirect: You can also choose to create an entirely different website for mobile viewers. If you do this, you need to have a mobile redirect so that users who visit your site using a mobile device will automatically be redirected to the mobile version of your site.
2. Set Up a Meta Viewport Tag
Smartphones are also navigated differently than a desktop or laptop computer. Instead of using a keyboard and mouse to move around your site, users are typically using their fingers on touch screens. As a result, smartphones allow users to do things like rotate their phone to view a website in a different orientation or scale a page larger or smaller.
The meta viewport tag is what makes this all possible. This line of code tells a mobile device how to orient a page when it's loaded. It also determines if a page can be scaled larger or smaller and if it should rotate as users rotate their mobile devices.
If your site is missing a meta viewport tag, you need to add a line of code like the following to the header section of your website. (Note: This line of code can be customized by your developer depending on your desired height and scale specifications)
The role of mobile devices in marketing is still being figured out by users and marketers alike. You can expect to see changes in how smartphones are used and what you need to do to support your users. Implement these 3 essential steps, and you'll be ahead of the curve, making it easy for mobile users to access your website and its content.
Have you mobile-optimized your business website yet?
Originally published Nov 28, 2011 4:30:00 PM, updated July 28 2017