How to make your website mobile-friendly in 10 steps.

Why do we need mobile SEO with laptops and PCs still around? Simple. Just like laptops and PCs, phones aren’t going anywhere. Pretty much everyone has a phone these days, which is how mobile devices drive nearly half of global Internet traffic. No site owner worth their salt can ignore that.

Because traffic means sales.

That’s why optimization for mobile devices is a must. The question is, how to be good at it?

Mobile SEO (and SEO in general) lives or dies by user experience. There’s only one real secret to it: make your site easy to use on mobile devices, which makes mobile SEO mostly technical in nature. That’s not to say the rest of SEO like keywords, backlinks and competitor analysis aren’t part of it; we’ll just focus on what makes SEO for mobile devices special.

Let’s begin.

1. No separate URL

Have you ever seen URLs like this?

A URL of a website's mobile version - an attempt at mobile SEO.

That small m. in front of a website’s URL address. They usually appear only when you are surfing the Web from mobile. This m. subdomain is separate from the primary domain and (in most cases) is made specifically for mobile users. By splitting themselves in two, websites aim to provide optimal user experience for both types of audiences – desktop and mobile.

Does it really improve user experience?

Possibly, yes.

Is it good for SEO?

Definitely not.

There are way too many SEO-related problems when you create a separate m. subdomain. You need to set up redirects between the two versions so the users would always arrive at the correct versions, and it’s easy to mess up with redirects. You end up splitting traffic and authority between your desktop and mobile sites, which helps neither. And there are all the potential duplicate content issues, too…

Long story short, m. subdomains are very SEO-unfriendly.

So what should you do instead?

Simple: don’t create one. Focus on making your primary domain mobile-friendly. It’s entirely possible to give both desktop and mobile users good user experience on the same domain, and in fact, it’s much easier than setting up a separate mobile subdomain.

And here’s how you do it.

2. Give your site a responsive design

A responsively designed web page will adapt itself to a screen of any size. Automatically. See how much more preferable it is to manually designing a mobile version of your site?

If you are curious what it looks like, behold and be in awe:

Responsive design is one of the cornerstones of mobile SEO.

Of course, while a responsive design does its job without being told to, you still have to set it up with your own hands. Which, fortunately, is not that hard.

A responsive design includes:

  • Make it responsive with this line of code: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>.
  • Make them scale to the screen’s size with the max-width property. For example: <img src=”img.jpg” style=”max-width:100%;”>
  • It’s is made responsive by setting its vw units, where 1 vw is equal to 1% of viewport width (hence the name). For example: <p style=”font-size:12vw;”>Text</p>.

Once you are done with them, don’t forget to check if it worked. There are resources like Responsive Website Design Tester which can test your site for being responsive on various devices: phones, PCs and tablets alike.

(Interestingly, Google doesn’t categorize tablets as mobile devices. I wonder if we are going to need tablet-friendly SEO?)

Give Your Users Mobile-Friendly Content
[Sign Up Free]

3. Maximize loading speed

How important is page load time? Where to start…

  • It affects user experience;
  • It influences users to stay on your site or bounce off;
  • It decides if users can use your site at all;
  • It’s a Google ranking factor.

That’s pretty important. Certainly not something you want to sleep on. Especially since mobile users are even less willing to wait for web pages to load than desktop users, bouncing off after a mere 3 seconds.

The goal is clear, then: make your site load fast! Follow these steps:

  • Optimize your images.
  • Optimize your page code.
  • Use compression.
  • Use browser caching.
  • Host your site on a powerful server or a CDN.
  • Implement AMP. (Oddly enough, it stopped meaning Accelerated Mobile Pages. Now it’s just AMP.)

Find out what slows you down with WebCEO’s Page Speed tool. Your loading speed is vital to mobile SEO and your rankings, so you should check it at least once every week. Set the tool to scan your site automatically.

Page loading speed is crucial for mobile SEO.

4. Leave gaps between elements

Compare these two web pages as seen from a smartphone screen:

Design plays a major rle in mobile SEO.

Which one of them looks better? 95% of the readers will choose B 100% of the time. That clearly demonstrates what users prefer to work with.

But users’ preferences aren’t the only reason why this option is superior.  The other reason is the defining feature of smartphones that PCs don’t have: touch screens.

Touch screens complicate mobile SEO, but what can you do but adapt?

Instead of a mouse and a keyboard, you use your fingers to directly control what’s on the screen. And that’s when you run into a problem. Poking the screen with your finger is easy and fun, but poking it with accuracy? If you don’t have slim fingers, you are going to need a lot of skill to master that.

Unless the webmaster solves this problem for the users. In our case, you are the webmaster. This task is entirely on you!

Let's do this.

All you need to do is leave some space between the interactive elements. Just a little room to breathe, and users won’t press anything they didn’t want to by mistake. In fact, they’ll even be more motivated to use your site. A comfortable design makes users feel safe and relaxed, unlike cluttered designs.

Users are people, and people work in simple ways. If you are mindful of their needs, they will make themselves at home on your site.

5. Fix technical errors

Websites are mechanisms. They do everything mechanisms do: run on their own with minimal input, perform tasks they were made for, and break from time to time. When that happens, there’s not much to do but tend to the problem.

Fortunately, not everything that can break on a website can cause you to go out of business. Some issues can be pretty minor:

  • Broken links
  • Broken images
  • Broken redirects
  • Indexation issues
  • Server shutdown

Okay, that went somewhere bad really fast. Bottom line: don’t ignore these issues. What if you let them pile up, and then something serious happens? You just won’t find it in the long list of errors. Don’t let that happen to you.

Scan your site for errors with WebCEO’s Technical Audit tool

Fix errors that could ruin your mobile SEO.

And then fix what you’ve found. When your site works smoothly and your users are happy, you can sleep easier.

Get Rid of Technical Errors for the Best UX
[Sign Up Free]

6. Say no to Flash, say yes to HTML5

Adobe Flash Player is a rich source of fun. It’s a bit outdated now, but it’s still good at what it does. You’ll rarely run into any trouble with it on PC. I’ve lost count of how many Flash games I’ve played. Those were good times…

But in the present, Flash’s relationship with phones is less than cordial. What’s the problem? Simple: most phones can’t even support it. Some can, but what are the odds your users will be among those lucky owners?

So in order to make your site mobile-friendly, it’s best to avoid using Flash on it altogether. If you need special effects, HTML5 is a great alternative.

7. Use pop-ups wisely

How would you like it if a pop-up suddenly appeared while you were reading this post?

At least you won't run into this guy while optimizing your site for mobile.

I doubt you’d enjoy it. Nobody wants their fun on the Internet to be interrupted by pop-up ads. Yes, sites have to pay for their hosting somehow and all that jazz… Users don’t care. They are interested in what you can give them, not in what they can give to you.

So all you can do is make your pop-ups less intrusive. It’s especially important for mobile devices: their small screens have too little space for content as they are.

Your options are:

a) Stop using pop-ups altogether. Not recommended if you have calls-to-action you want to show. In that case, instead…

b) Make your pop-ups smaller. Then you can put them somewhere they won’t get in the way and obstruct too much content. For example, like this:

The most mobile-friendly way to use pop-ups.

Certain types of pop-ups get a free pass to cover the screen due to their importance, such as:

  • Age verification
  • Content warning
  • Use of cookies

Make Your Site Comfortable for Mobile Users
[Sign Up Free]

8. Make all your important content visible

This is where you raise your eyebrows and say, “Come on Brian, this is too obvious. It doesn’t need to be said.” But you’d be surprised how easy it is to screw up this part, and how many site owners do.

First, let’s define important content: it’s content you really don’t want your users to miss. It’s everything you want them to see, otherwise they might as well not visit your site.

There are two principles to follow:

1. Make your content easy to see;

2. Don’t hide your content.

The first one is easy. All you need to do is make sure your content can be clearly seen on a mobile screen without having to zoom in. That means large, easily readable text and large images where you can clearly see every detail.

Now, onto the second part: hiding content. Why hide it at all? Some webmasters do it to selectively display only certain parts of content to their users depending on the device they use.

Here are a few ways to hide content. Don’t do these:

  • Hide it behind a button like “Read more” or “Expand”
  • Make it available only with certain browser settings (e.g. JavaScript enabled)
  • Use types of content unsupported by mobile devices (such as Flash)
  • Use CSS to hide content from specific devices
  • Simply make it the same color as the background

At best, hiding content hurts user experience. In the worst-case scenario, Google may think you are cloaking your content and issue a manual action. Neither is good for your rankings.

9. Stay within character limits

Would you click on a search result you couldn’t read?

Stay within the character limits while filling out yur web pages' titles, descriptions and URLs.

I bet you wouldn’t. And your users wouldn’t, either. But wouldn’t that be a problem for you?

Everyone wants to get clicks from Google, and I’m sure you share the sentiment. So if you plan to show your site in search results, avoid having your URLs, titles and descriptions cropped at all costs!

It’s true for desktops and even more so for phones. That’s because character limits are tied to the type of device that displays them. For example, in the case with meta descriptions, their desktop length is up to 158 characters, while their max limit on mobile devices is 120 characters.

But making do with less is one of the most useful skills you can have in SEO.

If your site runs on WordPress, you can use various plugins to help yourself stay within character limits, such as Yoast SEO. Alternatively, there are online tools like Google SERP Snippet Optimization Tool by Blackhatlinks and Google SERP Simulator by TechnicalSEO.

10. Integrate social media on your site

Social media’s effect on SEO is not as strong as many believe. However, it’s not zero either. You absolutely want to use it for promoting your site, and there are plenty of big reasons why:

  • User experience. Mobile users love social media. For example, in 2017, a whopping 95.1% of Facebook users accessed their accounts from a mobile device.
  • Longer dwell times and lower bounce rates. Easy enough to see how it works: give users an easy way to keep themselves busy on your site, and they will stay around longer to explore it.
  • Exposure. If you post in social media about what’s new on your site and encourage your users to do the same, they’ll spread the word for you and make your job easier.
  • Trust from users. Social media is communication. You make yourself more trustworthy if you don’t isolate yourself from it.

Do these benefits sound good? Of course they do. If they have convinced you to integrate social media on your site, let’s continue.

In order to turn social media into your ally, you will make a few adjustments to your site. The easiest way to do it is to install a few WordPress plugins that can do these things:

  • Add “Share” buttons on your article pages.
  • Add a “shared” count. Users are more eager to share things when they see the number of other people who’ve already done the same.
  • Enable signing in and commenting with social media accounts.
  • Add icons leading to your social media pages. They often go in the footer, but it’s all right to put them somewhere they will be more easily found.

Afterword

What do you think? It’s actually pretty easy to make your site mobile-friendly, isn’t it? Once you follow the steps above, you’ll just need to make sure it stays that way.

Make it a habit to regularly scan your site for mobile SEO-related issues. You can easily do it with WebCEO’s Mobile Optimization tool.

Test your site for being mobile-friendly.

Then it’s only a matter of maintaining your site’s mobile-friendliness at top level.

And that’s what mobile SEO is made of. We’ve been told that it’s going to get especially huge in the coming new decade so many times, even folks without online access have heard it. The only way this prognosis can fail is if another revolutionary technology appears and changes the Internet as we know it.

Can Elon Musk make it happen? It’s fun to imagine, that’s for sure. But right now, mobile SEO is the most certain bet you and I can take.

Sign up and optimize your site for mobile search!

[Total: 8    Average: 4.9/5]
Share if you Dare!
  •  
  •  
  •  
  •  
  •