Why You Need to Make Your Website Mobile Friendly

mobile friendly lawyerist
website-design-guide-cover-2

Free: 10 Things the Best Law-Firm Website Designs Have in Common

For seven years, Lawyerist has published an annual list of the best law firm websites. Now, you can find out what they have in common.

Unless you’re Chuck McGill or you solely serve neo-Luddite technophobes who curmudgeonly resist the coming Singularity, you need to make your website mobile-friendly.

Last month, Cisco released its global mobile data traffic forecast, which included the following projections:

By 2019:

  • There will be 5.2 billion global mobile users, up from 4.3 billion in 2014
  • There will be 11.5 billion mobile-ready devices and connections, more than 4 billion more than there were in 2014
  • The average mobile connection speed will increase 2.4-fold, from 1.7 Mbps in 2014 to 4.0 Mbps by 2019
  • Global mobile IP traffic will reach an annual run rate of 292 exabytes, up from 30 exabytes in 2014

Here’s an example of mobile website traffic growth to an actual law firm’s website:

Law Firm Website Mobile Traffic Growth

If your website is slow or hard to use on mobile devices, potential clients are likely to leave — and they are unlikely to return. In fact, during a recent Google hangout, Google’s John Mueller noted:

Mobile Stats from Google's John Mueller

Mobile Website Examples

Let’s look at a few of the winners of this year’s best law-firm website contest. While I’ve posted some screenshots here, I encourage you to try accessing and using these sites on your mobile device to get a sense of what we are talking about.

Bad

Rylander Law Website

I can’t use this site on my iPhone.

See how difficult the menus are to read? Try clicking on those menu items. You can also see that the site doesn’t fit on my iPhone’s screen.

Better

Big Horn Law Website

Hey, I can actually read this page on my iPhone.

From a mobile-friendly perspective, this example is a bit better. I can actually read the text on the page without needing to side-swipe or zoom. However, there’s still no easy way for me to contact the firm at the top of the page.

Best

Waldon Adelman Example Mobile Website

You’ve made it easy for me to find information and contact you.

This site makes it very easy to contact the firm as well as navigate the site on my iPhone.

If the differences among these examples aren’t immediately apparent to you, go ahead and open these sites on your phone. Click around a bit. There should be no pinching or swiping just to find your way around the page.

Mobile Websites & SEO

While Googlers have been encouraging webmasters to go mobile for quite a while, they finally gave us a deadline:

Starting April 21, we will be expanding our use of mobile-friendliness as a ranking signal. This change will affect mobile searches in all languages worldwide and will have a significant impact in our search results. Consequently, users will find it easier to get relevant, high quality search results that are optimized for their devices.

Put simply, Google will be taking into account whether your pages are mobile-friendly or not when it ranks your pages in search results. As a result of this announcement, you can expect a plethora of posts, articles, tweets, and warnings of the dire SEO consequences of failing to go mobile. While this update is unlikely to make your pages vanish from search engine results pages entirely, every optimization helps in a competitive landscape.

But ignoring for a moment the mobile-friendliness-as-a-ranking-signal announcement, it’s likely your mobile-unfriendly website has already been negatively impacting your visibility in search. Google takes user metrics into account in ranking pages, too, like how quickly people wind up in Google after visiting your site. When someone performs a search on a phone and lands on a page they cannot use, they head right back to Google to perform another search. This signals to Google that the page didn’t satisfy the user’s query, and Google doesn’t like that.

We track search engine results across a variety of legal search queries, locations, and devices. It’s quite common for us to find sites that aren’t mobile-friendly perform worse in search on mobile devices than they do on desktops. Here is an example of a site’s rankings for the same keyword, in the same location, comparing only devices:

SERP Rank Tracking Example

The site is in the #3 position for people using a desktop, but it is only in the #12 position for the same keyword in the same location for people using a smartphone. This doesn’t have anything to do with Google’s latest changes; it has been the case for a long time.

In addition to adding mobile-friendliness to the their ranking soup, Google is also alerting users as to whether a site is mobile-friendly in their results:

Example of mobile-friendly notification in Google

This will probably train users to prefer mobile-friendly sites. The result: even more people are going to prefer mobile-friendly sites. They may not even visit non-mobile-friendly sites in the first place. If you’ve been paying attention, you just realized this is likely to improve the visibility of those sites in search results.

How to be Mobile-Friendly

In truth, mere mobile-friendliness isn’t strong enough. You really ought to think mobile-first. Don’t make your visitors have to think about how to use your website. For now, I’m going to focus on the tactical things you can do to make your site mobile-friendly.

Google’s Recommendations

3-mobile-friendly-via-google

There are three major Google-approved methods for mobile-friendly sites.

  1. Responsive web design: Your website adapts to the device on which it is being displayed.
  2. Dynamic serving: Your website serves slightly different content depending on the device.
  3. Separate mobile site: Parallel version of pages on separate URLs (e.g., `website.com` and `m.website.com`).

According to John Mueller, Google doesn’t care which method you choose so long as its algorithm can tell it’s mobile-friendly. There are pros and cons to each method. I tend to prefer responsive web design to the others. However, there are circumstances where the other methods may make more sense. If you want to know all the details, get acquainted with Google’s Webmaster’s Mobile Guide.

It contains a lot of useful tips including:

  • How to test whether your pages are mobile-friendly.
  • How to use third-party software to make your site mobile-friendly.
  • How to make sure you are implementing mobile SEO best practices.
  • What questions to ask your website developer to ensure a mobile-friendly outcome.

One of the most common mobile SEO issues we encounter is when a site’s robots.txt blocks relevant CSS & JavaScript files (or the sub-directories containing these files). If you block these files, Google usually can’t crawl them. This will limit Google’s ability to determine whether your pages are mobile-friendly.

WordPress & Mobile-Friendliness

If your site is built on WordPress, making your site mobile-friendly should be relatively easy. There are two primary ways to do this:

  • Install a mobile-friendly WordPress theme.
  • Install a mobile WordPress plugin.

Most of the time, switching to a mobile-friendly WordPress theme is the most effective choice. Mobile-friendly themes usually provide a better mobile experience for users. Further, updating to a mobile-friendly theme is your best bet for avoiding mobile plugin weirdness (i.e. canonical issues, faulty redirects, etc). If you insist on the mobile plugin option, check out WPtouch.

If you are on a budget, though, head over to the WordPress Theme Directory and add the Responsive Layout Feature Filter. On my most recent search, there were over 900 responsive WordPress themes to choose from.

Hopefully, it’s obvious to you that people are using mobile devices to find information about you online. Further, what they see when they find you will play a role in their perception of you. Your website ought to be an asset, not a liability. If your website is slow, doesn’t work on mobile devices, and looks the same today as it did in 2000, it’s time to make a change.

Featured image: “Diverse People Digital Devices Wireless Communication Concept” from Shutterstock.

Subscribe

Get Lawyerist in Your Inbox, Daily

Current Articles
Current Lab Discussions