Mobile users have basically surpassed people who use computers and laptops and why not, these little devices nowadays can almost do what a computer does and I’m pretty sure apple started it all. If you’re a website owner then you will know how important it is to make your website mobile friendly and responsive because nowadays most users are mobile users, may it be on an e-commerce website like amazon.com flipkart.com and YouTube are jumping on mobile friendliness and traffic derivation.
So, lets focus on making your website mobile friendly and responsive. Now there is a fine line between a mobile friendly website and a responsive website.
1. Responsive web design – now this is a method of making your making your website to be able to work on multiple devices may it be a computer, mobile, tablet or a TV even. You can program your own website but why bother and waste your time because you could just get a free responsive website template on the internet.
2. No flash use – flash was used by webmasters for animation and making multimedia. It was meant to make your website load faster theoretically yes but, practically it did the opposite. Flash is difficult to be indexed by google so the flash content you already have on your website is just left like that, unindexed and in this way your ranking is greatly affected.
3. Compressed images – as I mentioned above that flash reduces loading time so does large file size images. Images always have an influential impact on page load time. Don’t go for stock images instead use original high-quality images and the file type I would suggest is JPEG and not PNG because when JPEG images are compressed you don’t sacrifice image quality.
4. Use bootstrap – now bootstrap is a front-end framework developed by twitter. So why this? Simple, it is the easiest to use and can be conveniently integrated with CSS. Its far faster than foundation3 or skeleton and using bootstrap it is easy to convert the pc view into a mobile or a tablet view.
5. Use bigger fonts – literally nobody wants to strain their eyes or use assistance just to read. So, make sure your font is perfectly readable on all devices. It doesn’t have to be too large or too small. All it has to be is just right.
6. Use media queries – media queries basically do your work for you. It simply allows you to customize your webpage for mobile and tablet devices without any change in your HTML since it’s a part of CSS.