Download
1 / 10
110 likes | 128 Views
A mobile-friendly website is one which optimises its display for devices such as smartphones and tablets. Achieving this requires the content to fit different screen sizes, have minimised scrolling, be easy to navigate on a small device, load quickly over a wi-fi or phone network and use technology that is supported by mobile devices.
E N D
What is A Mobile Friendly Website A mobile-friendly website is one which optimises its display for devices such as smartphones and tablets. Achieving this requires the content to fit different screen sizes, have minimised scrolling, be easy to navigate on a small device, load quickly over a wi-fi or phone network and use technology that is supported by mobile devices.
Why You Need A Mobile Friendly Website • Standard websites do not display well on mobilescreens. When a page appears, everything looks tiny. Zooming in to read the text means most of the page disappears off screen by the time the font is large enough. Carrying out any kind of action, such as clicking a link, choosing a menu option or filling in a form is difficult and feels clumsy: users frequently end up clicking on the wrong link. • In addition, images and videos are not easily viewable and any popups can take over the entire screen and can be a challenge to remove.
When people land on these sites they get a bad user experience. Many will leave straight away, increasing your site’s bounce rate, and of those that do stay, few will want to use the site to make a purchase. • Google now ranks websites on how mobile friendly they are. Those which do not display properly on mobiles won’t be showing up in search results – especially those made on mobile devices.
Key priorities for a mobile website • When creating a mobile-friendly website you need to think carefully about the goals you want it to achieve. • first priorities will be in making navigation easy so that mobile visitors can access the information they want quickly and without hassle.
Technical features of a mobile-friendly website • The website display should be responsive to the screen size of the device on which it is viewed. This means that the width of the page is the same width of the screen, whether held portrait or landscape, so there is no need to scroll horizontally. • In addition, images (and video) will be resized and features such as sidebars will be repositioned more conveniently on the page. • The website needs to be built using mobile-compatible software. Some software used in standard websites, such as Flash, will not work on many mobile devices.
As touch screens need fingers for carrying out actions, it’s important that the screen is laid out in a finger friendly fashion. • To make sure content is easy to read, check that you use the right font types and sizes and have reasonable line spacing. • Make sure any forms that need filling in have text boxes which are readable when completing. • The page needs to load quickly.
How do you know if your Site is Mobile Friendly? When you have made the changes you wish to put in place, you should check whether your updated website is mobile friendly by using Google’s Mobile Friendly Test. It’s easy to do; just type your homepage URL into the search box and click enter. Google will then let you know if your site is good to go or if there are improvements to be made.
