Why Your Website Must Work Well on Phones and Tablets

For a lot of local businesses, the first visit to a website happens on a phone. People look up an address while walking to the car, compare two options while waiting in line, read the news, check email or search for a number to call. A phone goes everywhere, and people reach for it in exactly the moments when they are ready to do something. That is why a site that is awkward on a small screen costs more than a little inconvenience: it can lose the visitor at the moment they were most willing to act.

A mobile-friendly website is built to be used on a phone or tablet, not merely displayed on one. Nobody should have to pinch and zoom to read it. In practice that means:

• Layouts that adapt to the width of the screen, usually through responsive design, so one site serves every device.
• Text large enough to read comfortably, in short paragraphs that are easy to scan.
• Buttons and links sized and spaced for a finger rather than a mouse pointer.
• Simple navigation that gets people to the main pages in a tap or two.
• Images and video prepared for small screens so that they load quickly.
• Tap-to-call, tap-for-directions and map links, so the next step takes a single touch.
• Short forms that are easy to complete on a touchscreen keyboard.

There is a difference between a site that is optimized for mobile and one that is only compatible. A compatible site is a desktop page that technically loads on a phone: it appears shrunken, the links are tiny and some features may not work on a touchscreen. That is still better than a site that does not load at all. An optimized site rearranges itself for the device, so the visitor sees content that fits the screen, large controls and quick-loading media. People stay on pages that are easy to use and leave pages that are not, which is why a layout that fits the screen is the first step toward a visitor taking action.

Phones often rely on slower or less stable connections than an office network, so a page that feels fine at a desk can feel sluggish on the move. Compress images to the size at which they are actually displayed, avoid loading features nobody uses, and keep the layout steady so that buttons do not shift under a thumb as the page loads. Test on a phone using mobile data, not only on a fast connection, and fix whatever feels slow.

Layout is only half the job, because the words have to fit the screen too. Put the most important information first: a phone shows only a few lines at a time, and people decide quickly whether a page is worth their attention. Use short paragraphs, plain headings that say what each section covers, and lists where a list is the clearest way to make a point. Avoid putting important text inside images, since it can be unreadable at a small size and cannot be read aloud by assistive tools. Write link text that describes the destination, and leave enough room between links that a thumb does not land on the wrong one.

Google builds its index mainly from the mobile version of a page and uses that version when it ranks results. In practice, the phone experience is the one that counts, even for people searching from a computer. Two consequences follow. First, content that appears on the desktop version but is hidden or trimmed on mobile may not be seen at all, so keep the same text, headings, images and page information on both. Second, the overall page experience matters: slow loading, layouts that jump around, and intrusive pop-ups that cover the content are all things Google's guidance cautions against. Our SEO fundamentals post covers them alongside the other basics.

Years ago, a lot of attention went to the idea that apps could compete with websites in search results and that having one would become a ranking advantage. Search features for apps have changed since then, and for most local businesses the lesson is simpler: the website is the foundation. An app is a separate project that has to earn its place by doing something customers will actually use, and being found is not a reason to build one.

If you do have an app, three habits keep it from getting in the way of your website and your visitors. First, make sure every important page also works fully on the web, with its own address that can be shared, bookmarked and found. Second, send people straight to the page that answers their question rather than dropping them on a generic opening screen. Third, never cover your pages with banners or full-screen prompts to install the app before a visitor can read anything.

Devices, browsers and screen sizes keep changing, so a one-time fix does not last. Some businesses hand mobile upkeep to a developer and others manage everything in-house; either approach works as long as someone owns the job and checks it regularly. Open your own site on a phone every so often, using real devices rather than a desktop preview, and try what a customer would try: find the address, tap to call, fill out the form, read a page from start to finish. Anything that makes you hesitate will make a customer hesitate. Our landing page post helps with the pages that matter most.

A behavioral lens suits mobile design well. The useful question is not how a page looks but what the person holding the phone is trying to do right now, and what small step would let them respond. If the answer is to call, the number should be one tap away. If it is to find the address, directions should open straight into a map, and a well-kept Google Business Profile supports that. Everything that stands between a person and that response is friction worth removing.

For more on how mobile fits into a complete site, see the website design page and the interactive advertising overview. More on websites, search and mobile habits is collected under digital marketing.