Site   Web

August 10, 2016

Mobile SEO: A Guide for Top Ranking Results

“It’s hard to think of any tool, any instrument, any object in history with which so many developed so close a relationship so quickly as we have with our phones.”

Nancy Gibbs, Editor at Time Magazine

Smartphone devices have truly become an extension of the human psyche. We no longer store phone numbers in our minds; they are saved in our contacts list. Many don’t care to retain trivial facts when they can simply say “OK Google” and shortly receive an answer. Our mobile devices are always close by, seldom not in use, and Google understands just how important they have become in day-to-day life for the modern masses.

It is this ubiquity that led Google to implement a mobile-first initiative and focus on providing fast loading mobile content, relevant search results for mobile-based user intentions, and so forth. 2015’s Mobilegeddon was Google’s wake-up call to site owners that mobile-friendly sites are a requirement, not a luxury.

In March, Google beefed up the mobile-friendly ranking signal even more, only placing greater emphasis on the company’s sincerity about mobile. In the blog post announcing the fortification, Google proclaimed:

“Today we’re announcing that beginning in May, we’ll start rolling out an update to mobile search results that increases the effect of the ranking signal to help our users find even more pages that are relevant and mobile-friendly.”

The influence of mobile devices is not going to disappear, so site owners need to embrace the fact that websites must be optimized for mobile. With that said, here is your mobile SEO checklist to ensure that you rank in the small screen SERPs.

Forget about Flash, HTML5 is How You Thrive

Many Flash elements simply don’t render on mobile browsers, which has led to sites that leverage the technology falling in mobile rankings. Google’s mobile usability report recommends using modern web technologies” for content, aminations, and navigation.

Instead of using this outdated tech, leverage HTML5 to ensure that your content and other site elements display correctly across both desktop and mobile devices.

Drop the Full Screen Pop-Up

While pop-ups are often used to capture e-mail addresses or promote things like new apps, these are best left unused on mobile websites. They are often viewed as intrusive and a nuisance to users and disrupts the UX of a site.

Google has deemed these types of ads to be an interference with mobile usability and will penalize any site that allows these ads to be displayed.

Viewport Viability

Viewports are a kind of meta tag which provides browsers with direction on how to manipulate page dimensions for a given device. These appear at the head of your webpage and, if no viewport tag is implemented, mobile browsers will simply render a page as it would appear on a desktop. This is clearly problematic and automatically deems your site none mobile-friendly.

Google provides a tutorial for setting this up and the instructions suggest setting the viewport value as width=device-width. This enables a page to match the width of a given device. Additionally, using the value initial-scale=1 will allow a page to occupy the entire screen of the device whether it is in portrait or landscape mode.

Be sure to size your content to the viewport. This is easy to do because Google as supplied a tutorial for this as well.

Just do be sure to never set your viewport as a fixed value. It may render correctly on certain sized devices, but not all because there is a great variety in mobile device sizes.

Font Size and Spaced Links

Granted that your viewports are properly set, text font should automatically size properly for the device. Google has a few additional recommendations to help optimize your text.

Firstly, it is advised to utilize a base font of 16 pixels with vertical spacing between characters set at the browser default line-height of 1.2em.

Also, try to avoid using a variety of font sizes — this will make your page appear messy and unorganized.

When it comes to links and buttons on the page, understand that the human finger is much more inaccurate than a cursor and needs more room to work. If you fail to provide the appropriate amount of spacing or leverage buttons and links that are too small, prepare to be penalized by Google.

The search giant also suggests utilizing buttons that are no smaller than 7mm (48 pixels) wide to prevent other elements from getting tapped accidentally. The space surrounding each button should be no smaller than 5mm.

Optimized Content

Whether you are trying to rank on desktop or mobile, content is one of the best ways to do it. Content on mobile, however, is a bit different than on desktop.

Keywords are, of course, necessary in mobile content but, when compared to desktop, there are discrepancies in density. According to a recent Searchmetrics report of top ranking mobile results, keyword density on the small screen (5.48 keywords) is about half of that on larger screens (10.22 keywords).

The same study showed that the average word count on mobile (868) is significantly less than desktop (1,285). This means that mobile content should be shorter, considering that screen sizes are not ideal for deep research, yet still long enough to thoroughly cover a subject.

Content images show a similar pattern — the average image count on desktops comes in at around nine, whereas mobile clocks in at less than four. This likely correlates with an effort to keep page load speeds high, because a slow site will also be penalized by Google and likely abandoned by the visitor.

In addition to these stark contrasts between mobile and desktop, the study suggests that the importance of inbound links may be declining on mobile due to the fact that content is more typically shared on social media than through direct links.

There are still other, more typical and well-known mobile SEO practices to abide by, but this checklist should have your site ready to rumble with any competitor in the mobile SERPs.

Are you surprised by the contrasts between mobile and desktop content? What do you find to be most shocking?


avatar

Conscious online marketer, web executive, and multi-faceted writer Tina Courtney has been creating and fostering online innovations since 1996. Tina has assisted many clients in maximizing online production and marketing efforts, and is a staff writer for SiteProNews, one of the Web’s foremost webmaster and tech news blogs. She’s produced and marketed innovative content for major players like Disney and JDate, as well as boutique startups galore, with fortes including social media, SEO, influencer marketing, community management, lead generation, and project management. Tina is also a certified Reiki practitioner, herbalist, and accomplished life coach.  Learn more on LinkedIn, Facebook and Google+.

18 Responses to “Mobile SEO: A Guide for Top Ranking Results

    avatar Alwib says:

    Good job Tina, complete explanation!
    My blog visitor about 75% came from mobile device, and i used “golden ratio typography calculator” to pick good font size and spaced links…

    regards,

    Thanks for sharing us great SEO technique to get Top Google ranking.

    a great article about to get #1 ranking in Google.

    Hello dear,
    Really nice written article about Mobile SEO. Good to read it.

    Thanks
    Sagar Ganatra

    an article will gives more knowledge

    Tina, thanks for another great post and for sharing the links to the tutorials.

    Why should a software vendor who sells Windows software usable only on desktop PCs bother to make a mobile-friendly version of their website?

    Great lines help to optimize our site.

    Hi again Tina.

    I’ve found that using mobile responsiveness and optimising content delivery is not the whole answer to making the site work as well as possible on mobile. Lately, I’ve been spending a lot more time on optimising layout for mobile even through the content has reconfigured “reasonably well”, but not ideally. This is where some CSS skills come into play at setting media queries and display adjustments based on the expected device type. Simple things like adjustemnt to padding, font size. Scaling down your H tags more appropriately for example can transform a disjointed page layout into one that flows a heck of a lot better on a iPhone.

    Just my 2 cents.
    Perry Bernard

    Mobile traffic is rising so it’s important to rank higher in the mobile ranking. Good advises to achieve this goal.

    avatar Cheapest Hosting says:

    I like the way you put it “Our mobile devices are always close by, seldom not in use”.
    Most people get it for fancy and can barely exploit the many functions.

    avatar Lilis says:

    Very nice article. Especially for beginners like me
    Thank you Tina

    Great post, we are finding that most of our clients are seeing more than 60% of their traffic being generated via mobile devices.

    avatar Meller says:

    Hi Nancy, your article is quite helpful to me. I also use to do affiliate marketing. SO I have to gather some SEO knowledge. This article teaches me so much about ranking a web page.

    Thanks for this good information which is you shared between us. Really great information about the Mobile SEO for top ranking results. Your all points are very good.

    avatar Discount Brokers says:

    Really great mobile SEO tips to get top ranking in search results.

    avatar tutug oncom says:

    Nice post

    I like the way you put it “Our mobile devices are always close by, seldom not in use”.
    Most people get it for fancy and can barely exploit the many functions.

Submit a Comment

Your email address will not be published. Required fields are marked *






Please leave these two fields as-is:

Protected by Invisible Defender. Showed 403 to 6,402,882 bad guys.

css.php