mobile seoseo

Best practices of Mobile Seo in 2022

What Is Mobile Search Engine Optimization?

The concept of optimizing your website for consumers on smartphones and tablets is known as mobile SEO. Making your site resources accessible to search engine spiders is also part of mobile SEO.

What Is the Importance of Mobile SEO?

In other words, the quantity of mobile searches is rapidly increasing.

In fact, mobile devices now account for 58 percent of all Google searches.

And this is an increasing trend. According to Google, smartphone searches account for 27.8 billion more queries than desktop searches.

Mobile is, without a doubt, the future of search. That is most likely why Google is rewriting its entire algorithm to focus on mobile search.

Is “SEO” Now About “Mobile SEO” Optimization?

Mobile SEO Optimization

Yes, pretty much. At least if your site is optimized for Google.

Google now accounts for 95 percent of all mobile searches.

And, in order for Google to maintain this absurd degree of domination, they’ll modify their algorithm to prioritize mobile users.

They’ve already done so…

First, Google released their Mobile-Friendly Update (dubbed “Mobilegeddon” by many).

Sites that were not mobile-friendly were punished by this update (for searches performed on smartphones).

This upgrade wasn’t a big deal if your target audience doesn’t search frequently from their phone.

Until Google decided to make every search a mobile search. How? They did this by making their entire algorithm “Mobile-First.”

What is the Mobile-First Index from Google?

What is the Mobile-First Index from Google?

Google’s Mobile-first Index prioritizes search results that are optimized for mobile devices. This happens even while searching from a desktop computer.

Google’s index formerly used a combination of desktop and mobile results.

As a result, if someone searched on their iPhone, Google would return mobile results. If someone searched for something on a computer, they’d obtain “computer results.”

Google now displays results from their mobile index regardless of the device you are using.

In chapters 3, 4, and 5, I’ll go over how to make sure your site is mobile-friendly.

Is Google’s Mobile-First Index Really That Important?

Is Google's Mobile-First Index Really That Important?

It is debatable.

You should be fine if your site is currently totally mobile-friendly.

So, if your website…

Resources are loaded across all devices.
Does not hide content on mobile versions of your website; loads swiftly as expected by mobile users
Internal links and redirects are functional.
It has a user experience that is optimized for whichever device your guests utilize.
Then you’re all set.

If you don’t, you can see a reduction in ranks as Google implements this.

That’s why the rest of this book is devoted to assisting you with mobile optimization.

However, first…

What Is Google’s Definition of “Mobile”?

What Is Google's Definition of "Mobile"?

A “mobile device” is most people’s definition of a smartphone or tablet.

Google, on the other hand, places tablets “in its own class” and asserts that “when we talk about mobile devices, we don’t usually include tablets in the definition.”

In other words, mobile=smartphones, according to Google.

To be honest, this shouldn’t have much of an influence on your mobile SEO.

The fundamental aim is to make your site mobile-friendly.

This includes phones, tablets, and whatever else Elon Musk creates in the future.

How to Create a Google-Friendly Mobile Website

Your site must at least work on mobile devices to be successful with mobile SEO today.

You’re in trouble if your mobile visitors see a smaller replica of your desktop site.

Fortunately, creating a mobile website is not difficult or time-consuming.

And in this chapter, I’ll show you how to implement a mobile version of your website in a few different ways (with a focus on SEO for mobile).

You have three options when it comes to mobile.

There are three alternative approaches to make your site mobile-friendly.

You have the “primary” desktop version of your site with this setup. Your site also has a mobile version (“M.”) version.

To put it another way, your website determines what device your visitor is using… and then redirects them to a device-specific URL.

Back in the day, separate URLs were prevalent. Today? Not at all.

Why? First and foremost, they are extremely difficult to handle.

Also, “M.” sites have a slew of SEO difficulties (like the fact that every piece of content on your site requires several URLs AND the use of sophisticated “rel=canonical” and “rel=alternate” tags).

In brief, a distinct URLs/”M.” setup is not recommended. It’s the very worst method to set up your website for mobile SEO.

Then there’s Dynamic Serving.
When you provide dynamic content, all of your material is served from the same URL. However, depending on the device, you show each user different HTML/CSS.

If you go to https://backlinko.com/seo-tools on a desktop, for example, you’ll be presented with a pre-made desktop version of the site:

You’ll still be on https://backlinko.com/seo-tools if you view the page from your iPhone 8, but you’ll be shown the “iPhone 8” version of the page:

Dynamic serving is far superior to having a “M.” version of your site for SEO purposes. However, it has flaws.

Dynamic serving sites, for example, are known for sending desktop versions to mobile visitors.

You must also generate fresh versions of your content on a regular basis to accommodate new devices. If you don’t, a new device may not be recognized by your site… then show them a version that doesn’t look good on that device

In brief, providing dynamic versions of your pages to mobile visitors is not something I advocate. Instead, I suggest…

3 Last but not least, we have Responsive Design.
The greatest was reserved for last.

Your page’s layout and content respond to each individual user with Responsive Design.

What’s the best part? This is accomplished with responsive design, which eliminates the need for separate URLs or HTML for each device.

Responsive Design outperforms all other solutions when it comes to SEO friendliness.

Why? In short:

There is only one URL for all of your content (good for sharing and getting links)
There are few SEO difficulties (no “rel=canonical tags,” duplicate content issues, and so on).
Extremely user-friendly (UX is a big part of SEO thanks to RankBrain)
No reroutes (which cause technical SEO issues and can slow down your site)
Google recommends responsive layouts if you’re still not convinced. So there.

How to Make Your Website Mobile-Friendly

Now that your site is optimized for mobile users, it’s time to focus on mobile SEO.

In this chapter, I’ll show you how to make sure your site is considered mobile-friendly by Google and other search engines.

Use the Google Usability Test for Mobile.
This handy Google Search Console tool can tell you whether your site has any mobile usability difficulties.

Go to your GSC account to get started. After that, select “Mobile Usability.”

(This is on the new GSC’s sidebar)

(For instance, the tool can inform you if you’re using Flash or that your font is too small for mobile consumers to read.)

Use Google’s Mobile-Friendly test as well.

Simply paste your URL into the tool…

As you can see, I was successful. However, the tool informed me that mobile Googlebot was having difficulty loading all of the resources on my page:

Desktop These resources were crawled easily by Googlebot. However, the mobile version was unable to do so.

This is a potentially major issue, especially now that Google’s Mobile-first index is live. I wouldn’t have known about it if it hadn’t been for this tool.

It was quite beneficial.

Allow Google to crawl through everything.
Do you restrict Googlebot’s access to Javascript, CSS, or other critical elements of your website’s code?

This wasn’t always the case. However, this is a TERRIBLE idea today.

Google can’t detect if your page is mobile-friendly unless it can fully crawl it.

And good luck ranking in the Mobile-first index if they’re not sure it’s mobile-friendly.

How can you tell whether this is a problem?

Check your robots.txt file first. This instructs Googlebot that specific areas of your site should not be crawled or indexed. Typically, this file may be located at site.com/robots.txt. It’s also visible within the Google Search Console.

Click “Google Index” —> “Blocked Resources” while you’re there. This will tell you if you’re preventing Googlebot from crawling specific areas of your site.

Put an end to interstitial popups.
Everyone despises popups, I know.

I’m not going to enter into that discussion right now. However, I will tell you that Google despises popups as well… particularly for mobile consumers.

Remember, Google’s primary goal is to provide outstanding content to its users. What if the material is obscured by a massive popup? It’s no longer so incredible.

In reality, Google recently released an upgrade that targets “Intrusive” popups.

If you employ a large popup on your site, it may have a negative influence on your rankings.

How do you determine which popups are acceptable?

A few examples of suitable popups are provided by Google…

What Does Your Responsive Site Look Like? Take a Look At This Cool Tool
Seeing how Google sees your mobile site is one thing.

However, nothing beats seeing your site on several devices.

So, if you’re using responsive design on your website, I recommend downloading this free application.

It will show you how your site appears on iPhones, tablets, and other mobile devices:

Use the “Fetch as Google” mobile app.
I’m a visual learner, like most people.

Sure, seeing a laundry list of potential Mobile optimization issues is helpful.

However, I find it far more useful to actually SEE how Google views my page.

That’s why I propose using Google Search Console’s “Fetch as Google” tool to spot test a few pages on your site.

Simply type in the URL of a popular page on your site:

They’ll even show you what the Googlebot noticed. You can even scroll down to see if anything was missed by Google (like images, videos, menus etc.).

Allow mobile users to see everything
People used to prohibit mobile users from accessing particular resources.

(For instance, they may hide some content…

to disable javascript loading)

These individuals were not involved in any illegal activity. Their page loaded faster on mobile devices after these resources were blocked. It also improved the mobile experience on occasion.

Here’s an illustration of what I’m talking about:

See how you have to click “Read More” to see everything? This could be due to a bug in Google’s mobile-first index.

Why?

With Mobile-first, Google considers the mobile version of your page to be the “primary” version.

Mobile users may not be able to index or crawl your content if it is hidden. They could also weigh it differently.

When it comes to hiding material for desktop users, Google has previously stated:

Meanwhile, here’s my opinion: If you ban or hide material from mobile consumers, Google will ignore it or give it less weight.

In conclusion? Test your website on a couple different mobile devices. If desktop users notice something that mobile users do not, I urge that you correct it right away.

How to Make Your Mobile Site More User-Friendly

As you may be aware, today’s SEO is less about tinkering with meta tags and more on creating a fantastic website.

In reality, Google’s RankBrain algorithm is built to analyze how Google searchers interact with your website.

If RankBrain believes your site is causing problems for their mobile consumers, you’ll be dropped like a stone.

And in this chapter, I’ll show you how to make sure your site is friendly to mobile users.

Mastering Sitespeed on Mobile

Is it important to Google how quickly your mobile site loads?

Heck yes!

In fact, they recommend that your mobile site load in under a second.

That is extremely difficult to accomplish. Fortunately, there are some free tools available that can assist you in meeting Google’s lofty goals.

The first tool is Google’s PageSpeed Insights.

This tool will tell you how fast your site loads on mobile…

…as well as some suggestions for accelerating things.

I also suggest going to WebPageTest.org. The program will open your site in a desktop browser by default. Make sure to select a mobile browser from the drop-down menu:

You’ll also receive a list of ideas tailored to mobile browsers:

Check out this wonderful resource from Big G if you want to get very geeky about pagespeed.

This article will assist you in fine-tuning the nuts and bolts of your website so that it loads quickly.

Make your content insanely simple to read on mobile devices.

Does your mobile content require readers to pinch, scroll, or squint to read it?

Then they’ll click the “back” button as if there’s no tomorrow.

You don’t want your content to look like this, for example:

Yes, this page has been optimized for mobile devices. However, it is quite difficult to read.

Instead, use a typeface that is large, bold, and legible, such as this:

So:

How can you improve the readability of your mobile content?

Use a typeface of at least 14px (I prefer 15 or 16)
Short paragraphs are recommended (1-2 lines per paragraph)
Choose a line length of 50-60 characters.
Make sure the text and backdrop have a lot of contrast (people use phones outside, which can make low-contrast text harder to read)
It also helps if your content is of high quality. But that’s an other story.

For video and animated content, use HTML5.
Do you include videos in your articles? Or do visitors to your website see all kinds of dazzling animations?

If the content is written in Flash, it will not operate on mobile devices.

Instead, you should code it in HTML5.

Remember to use the “Viewport Content” tag.

Are you a fan of responsive design? If that’s the case, don’t forget about the viewport meta tag.

This tag adjusts the size of your page depending on the device the user is using.

Google also suggests that you set up your viewport meta tag as follows:

If you neglect to include this tag, or if it isn’t specified properly, your site may appear strange to mobile users.

So, just a nice reminder to double-check that everything is in order.

Implement These 3 Mobile UX Hacks Immediately

These are three easy recommendations for improving the usability of your site for mobile Google searchers.

1 Reduce the size of the header images for mobile Google users want an immediate response.

That means you shouldn’t utilize large banner graphics like this:

Instead, remove them or reduce their size for mobile visitors, as shown here:

Make extensive use of “negative” space.
The gap between text, buttons, and design elements is known as negative space. And for mobile sites, negative space is crucial.

On a desktop, a messy page can be tolerated.

A cluttered page, on the other hand, is IMPOSSIBLE to use on a phone.

This is very critical for Google-friendly content. If a Google searcher can’t read your material or find what they’re looking for, they’ll return to the search results.

And, like this, employing a lot of negative space is an easy approach to increase your site’s stay duration and bounce rate:

Make a tab bar with social share buttons.
The truth is that social sharing buttons can significantly enhance the number of people who share your material.

However, social sharing buttons function best in the sidebar, as shown here:

They won’t be as distracting this way. However, if someone wishes to share, the buttons are right there.

The issue is that this arrangement isn’t achievable on a mobile device.

That’s why I advocate adopting a solution like Sumo, which shows social icons at the bottom of the page as a tab bar.

Leave a Reply

Your email address will not be published.

Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker