How Can You Be Sure To Make A Mobile Friendly Website?
As you know mobile-friendliness has been a ranking factor since April, 2015. If your website is not responsive, then wake up. Google increases the effectiveness of its 'mobile friendly' ranking signal.
Google's Webmaster Trends Analyst John Mueller confirmed that the latest wave of changes to Google's mobile-friendly ranking signal has now finished rolling out.
Ever since the initial 'Mobilegeddon' update which was debuted on 21st April 2015, mobile friendliness has been a significant ranking in Google search results. Google said that Google said it wanted users to "find it easier to get relevant, high quality search results that are optimised for their mobile devices".
Google has strengthened its mobile - friendly ranking signals by making a 'mobile friendly' label to distinguish websites that are adapted for mobile, making changes to the mobile search results page including user-friendly URLs and expanded sitelinks, and launching Accelerated Mobile Pages to provide an ultra-fast mobile experience. Google makes it all more important to the webmasters to have a site which meets the Google's standards.
How can you be so sure that your site is comes up to score?
Here is a handy checklist of things that you should do and don't.
Avoid the Use of Flash
Most of the mobile browsers can't render the flash content, so it would be great to don't use the Flash. Google's mobile usability report sassily recommends that you use the 'modern web technologies' to display your page content, animations and navigation instead.
Set Your Viewport Properly
A viewport is a type of Meta tag that gives instruction to the browser on adjusting the page dimensions and scaling to different device width. This should appear in the head of your webpage.
If there is not a viewport tag, then the mobile browser will render to as your desktop screen width by default. Google has a tutorial to guide you to set a viewport for your page and make sure its accessibility.
What not to do - Set your viewport to a fixed width. Some developers define the viewport to a fixed pixel to suit the common mobile screen sizes, but this still doesn't suit every kind of device, and, so Google doesn't judge it to be a mobile - friendly.
Google tutorial help your page to match the visitor's device by using the viewport value width=device-width.
To take the advantage of full screen, whether your device is portrait or landscape, use the attribute initial-scale=1, to see the page on full screen.
Finally, make sure that your content is sized to the viewport. If you set absolute CSS widths for page elements like images and videos, this can cause a problem for devices that are narrower than the width you've specified. You can get around this by using relative width values, such as width: 100%, in your CSS.
Use Large Font
If you have configured your viewport properly, font sizes will be scaled according to the user's device, but at the top of that Google has also some additional recommendations for font.
It recommends using the base font size of 16 pixels, with any other font sizes (such as small and large) defined relative to that baseline. The vertical space between the lines should be 1.2em.
You should also try to avoid various fonts and font sizes, which leads to messy and complicated page layouts.
Placing Links and Buttons with Appropriate Space
Links and buttons, also called "tap targets" by Google, are harder to press on a mobile device than desktop browser, because the fingers are wider and generally less accurate than a mouse cursor.
The average adult finger pad is about 10mm wide, so Google recommends a minimum tap target size of about 7 mm, or 48 pixels wide - at least for the most important tap target, like frequently used buttons, navigational links, search bars, and form fields.
Less frequently targets can be smaller, but should still keep the enough space so that a user can press one accidentally won't hit another target instead. The recommended space around the small tap targets is at least 5mm.
Google can penalize any pages where the targets are too small and close together to press exactly.
Don't Use Full-Screen Pop-Ups
Instead of using a large or full - screen pop- ups and overlays which are also called "interstitials", such as a mailing list sign - up form or app promotion, that can be extra troublesome on a mobile device, Google recommends using a banner, implementing app indexing, which will allow content from within your app to appear in search results, making it a very effective method of promotion.
Need of Effective Speed
Google doesn't include slow loading speed as one of its 'must correct' mobile friendliness issues, speed is the ranking factor, and statistics show that slow loading speed can frequently cause users to discard the web pages.
So if you want to provide the best user experience and also give your mobile-friendly site the best chance of a higher ranking, consider speeding it up as much as possible.
Kenya Website Experts is a full-service Website Development Company and our goal is to bring your ideas to life using robust solutions to turn your "Concept" into a reality. Our multifaceted team has years of experience with expertise in web development and website design to name a few. Every project is a unique, and we will work with you to collaboratively bring your ideas to life. No concept is too big or too small to surface, and we'll work with you to find an affordable solution to creating the site your business deserves.
For more information visit our website https://kenyawebexperts.com or call us on +254 722 209 414.
Was this answer helpful?
Traffic is the lifeblood of your business because no matter how good your website is, if no one...
How to Pick an SEO Friendly Domain How do you make the right choice when you decide to buy a...
The digital economy in its short span of existence has overtaken many traditional businesses in...
If you are really serious in making your website appear in the top search results then you need...