Can you show me how to make a website friendly to mobile SEO?

Yes, I know how to make a website mobile-friendly and get it well-optimized for the most common portable devices like smartphones and tablets. And below I’m going to outline three basic approaches to the modern mobile-friendly Search Engine Optimization. Here they are: Responsive Web Design, Dynamic Serving, and Separate URLs. But before we start, let’s run through some basic definitions and attributes of mobile SEO.

What Makes Mobile SEO

Mobile SEO is known for the process of web page optimization for online search, combined with a fully correct functionality and flawless look on portable devices (i.e., smartphones, tablets, and e-books), as well as compatibility with all popular Internet browsers and related mobile apps. That’s it.

Basic Attributes of Mobile-Friendly Web Page

Google’s search rankings of every website or blog within its index are strongly dependent on the amount of its web traffic – pulled together directly from the relevant organic list of the SERPs. At the same time, however, it’s equally important to attract the actual visitors with a user-friendly browsing experience. And the same thing is about mobile search optimization. Given that over 50% of global users are estimated to have already shifted to portable devices for their everyday online search and browsing, the importance of mobile SEO is now out of the question. That being said, here are the basic attributes and the main requirements to well-optimized web pages:

• Correct performance and screen view available on all devices – both desktops, and portable ones. 
• Proper fonts, layouts, and colors intended to make every element of on-page content easy to read, without zooming the screen (or scrolling it too much).
• Scheduled maintenance needed to keep the whole site structure consistent with the search engines.
• Easy navigation, with all contextual links and any other clickable on-page elements (for example, Call-to-Action buttons) are clearly displayed and work correctly.
• Well-optimized homepage and fast loading speed needed to attract mobile users and keep them engaged for getting enough traffic.

How to Make a Website Mobile-Friendly

So, there are three basic approaches to mobile SEO, and therefore several ways of converting your desktop version into a mobile-oriented one. Feel free to choose any of them, which fits you best. Note, however, that Google itself recommends using the first one.

Responsive Web Design

This mode of optimization to mobile search is currently seen most popular among webmasters and online business owners. Why? Simply because it’s arguably the simplest mobile configuration with the easiest implementation available so far. While the HTML code and the URL structure remain completely undisturbed, display size itself and web page functionality are the only elements to be adjusted over there.

Dynamic Serving

This method suggests providing different content types to desktop and mobile users. Note, however, that it’s hard for Google search engine to readily identify whether dynamic serving is available. That’s why you will need to tell it’s crawling bots that your content is dynamically served – use Vary HTTP headers for that.

Separate URLs

Maintaining two versions for each URL – one for desktop browsing, and another for mobile users – can work equally well. Of course, serving separate URLs will be much more difficult, at least for many various discrepancies arising for two different content types. What’s more, this approach isn’t favored by the major search engines, like Google itself.