When Google announce an algorithm update, they usually do it fairly quickly, with little to no warning.
Many Internet Marketers are painfully aware of the impact of Google’s Panda, Penguin and Hummingbird updates. Especially those Marketers whose site’s were hit and tumbled down the SEO rankings to some far-flung page in the outer-listings.
I was still too new at IM when those updates were rolled out, but I did read of many horror stories, where the website incomes of Marketers was just wiped out overnight.
It must have been very tough for those whose sites were affected, but I guess that some of them were “living on the edge” by indulging in techniques and activities that reside on the darker sides of “white-hat”. So it was only a matter of time – really – before Google would react. And react they did, by hitting them where it hurt, a direct slap down the rankings for everyone they deemed as trying to “game” their systems.
For me and others who started out in the last year, the Google updates have actually been of benefit to us, by helpfully highlighting the things we shouldn’t be doing. When learning anything new, it is very annoying having to “un-learn” something when you find out that it could expose you to unnecessary risk and is just plain wrong.
The other main benefit for newbies, is that the after-effects of the Google updates, put everything on a far more level basis than it had been for a very long time.
So that brings me to the point of this post.
At least a month ago, maybe longer, Google announced the coming of the Mobile Ranking Algorithm:
“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.”
This algorithm will include mobile-friendly usability factors, as more people are using smartphones and other mobile devices, it is now more important than ever that all sites are mobile-friendly.
The word from Google is “Responsive Design”. So it is up to all site owners to ensure that all pages are available and render correctly to all devices from the same URL.
More details are available Here
Three Simple Ways To Test A Site For Responsiveness
Number 1 – Resize Your Browser Window
A quick and simple test is to adjust the browser window size to see if the site would be usable on a small screen.
The first screenshot below, with the caption “Site Viewed In Wide Browser Window” shows the Home page of my site in a wide browser window. It was taken from a 24inch display screen and is perfectly OK.
However, the second screenshot with the caption “Site Viewed In Thin Browser Window” is a totally different story. I have reduced the width of the browser window – on the same 24inch display – and you can see that my banner and the share icons are the only elements on the page that are responsive.
All the text, the menu and the dark grey background have gone.
Unfortunately for me, it means that my site will fail the mobile responsive design test! And that is exactly the reason why I am currently rebuilding my site off-line.
Number 2 – Google Chrome Browser
Another way, for those that use the Google Chrome browser, is to right-click anywhere on the page. A menu will then appear, as shown in this image below with the caption “Right Click Menu In Chrome With Inspect Element Highlighted”
A “Developer Area” showing lines of code will appear at the bottom of the screen, taking up approx 25% of the display area, as shown in the image below:
The screenshot shows the screen as viewed from the bottom left section. I have drawn a red arrow pointing at a mobile-phone icon, which will display a drop-down menu called “Device” in the upper left area of the screen, as shown in the screenshot below:
The drop-down menu lists quite a number of mobile devices from different manufacturers. Devices ranging from smartphones to tablets can be chosen and the page shown under the list will adjust according to the dimensions of the selected device. This feature of Chrome makes it possible to see how your site will look on a range of different devices – all for free!
Number 3 – Google On-Line Tool
To test the mobile friendliness of a website, Google have produced an on-line tool which is available Here
The preferred result is the display of the following message, in green – “Awesome! This page is mobile-friendly”. Unlike the message I got from the test, as shown below:
Oh dear, I’ve got some work to do before the 21st of April!
The Tool shows the problems found and what needs to be done to make the site compliant. My mission is to do just that and achieve an “Awesome! This page is mobile-friendly” in a nice friendly green! I am actually in the process of rebuilding my website, with WordPress locally installed on my PC using WampServer.
WampServer is a Windows web development environment. Mac users have a number of alternatives to go at, as listed Here
Six Tips For A Mobile-Friendly Website
- Use The Same Domain for mobile and desktop sites. Don’t use a different domain, subdomain or subdirectory for mobile users.
- Media content, including video & audio, to be available to play in the required formats of all mobile devices.
- 404 Mobile Error. If a page is not available for mobiles devices, don’t just redirect to a default 404 error for desktops.
- Avoid Duplicate Content on site versions for desktop & mobile. That’s why Google wants all sites to have a Responsive Design.
- Don’t block JavaScript, CSS and image files. The Googlebot needs to have easy access to these website files.
- Mobile Page Speed is important to the user experience and the site’s loading process will have to be optimised. Google’s Page Speedtest Tool is Here.
I hope this information has been of some benefit to you. I will certainly be working on the responsive conversion of this site and uploading it before the 21st deadline, which is actually Tuesday of next week. And achieving the “Awesome – Mobile-Friendly” status from Google.
Actually, if you are inspired by the word “Awesome”, there is something else I want to point out to you that is truly deserving of the word. Most affiliate programs out there are much the same, in terms of their commission payments, differing only by 1 to 2 percentage points. And apart from providing a few banners and emails to use, you are pretty much by yourself when it comes to promoting the product.
This one is different.
But, you don’t have to take my word for it, just click The Affiliate Club banner below and find out for yourself.
If you’re not yet ready to dive into the world of affiliate marketing, then maybe this would be more suitable for you. Just click the banner below
Kind Regards,
Twitter: DawnTho21331543
on April 17, 2015 at 4:38 pm
This is one area I guess I was on top of. From what I am hearing from other entrepreneurs, the links being too close together are one of the main issues on some responsive themes.
One thing I think some may overlook, is the responsiveness of video. I know that if the 264 codec for video is not used, the video will just show a black screen on many mobile devices.
I enjoyed the options you gave for viewing and testing your sites.
Dawn recently posted…Mobile Marketing – Useful Things You Need to Know
Hi Dawn,
Thanks for dropping by.
Links being too close to each other would certainly cause problems when trying to navigate on a small screen. I guess that various fixes in the form of scripts and plugins will start to appear, to address the issue.
Thanks for the tip about using a 264 codec. I can see that video playback on mobile devices will certainly become a very hot issue.
Mike
Hi Mike, thanks for the post. I learn about the changing of algorithm only here now ;p
I am not sure if my site lives up to the G mark. The theme I am currently using is mobile responsive, so hope it’s good enough. Will check out as you suggested va Chrome Inspect Element feature.
No idea what Dawn n yourself mentioned in above comments. What does it mean by having links too close. 264 codec. Would be great to learn more .
Not sure if u are aware Mike, all links in this posts brought me to 404 error. I m using mobile 🙂
To your Abundance, Sandy 🙂
Sandy recently posted…Cool Little Owl on the Branch
Hi Sandy,
Thanks for the comments. “Links too close” means that when viewed on a small screen, like a smartphone or tablet, menu items or buttons are so close together that it is difficult to easily tap them with a finger. H.264 is a standard for high-definition digital video. A digital video file is compressed to a small size that is about half the amount of space that DVD (MPEG-2) uses. A small hand-held device may not have the memory (or buffer) capacity to properly download or stream a video file that it too big, resulting in slow stuttering playback – or just blank screens.
Thanks for letting me know about the 404 errors on mobile, Sandy. That’s probably another consequence of my current theme not being mobile friendly. I’m in the middle of moving my site over to a new theme and hope to get it live before tomorrow.
Mike
Hello Mike, great article. In fact nowadays I can see increased percentage of mobile users than desktop users in the analytics account. Google is very good at foreseeing such things. So they keep on rolling updates in a way to enhance the user experience.
Nikhil recently posted…Lava A79 Specifications: A Budget Smartphone by Lava Priced at just 5,699
Amazing article!
it was really good to read this article
you did the best job to prove that you are best writer
one more thing that like is your website design .
Keep writing and stay blessed
thanks for share this article