Today’s online world is focused on mobile devices. Smartphones, tablets, and other internet-connected devices are accessing the World Wide Web more than desktops. As a result, Google has taken notice and shifted their focus to mobile in everything they do. As we all know, when the big G decides to do something, we all must follow.
So, how do we ensure that your blog is mobile friendly? Today, we’ll take a look at what they term means, and how you can make the changes needed to cater to your mobile audience today.
Table of Contents
What Defines a Mobile Friendly Blog?
In a nutshell, the term “mobile friendly” refers to the various structures and organization of your blog that makes it easy to read on a variety of devices. In today’s world, it’s incredibly important to start a mobile friendly blog when you decide to create your website.
This includes, but is not limited to, the following elements:
- The size of text
- Width of columns
- Number of lines in a paragraph
- Size of images
- Overall usability
Since mobile devices come in a lot of different shapes and sizes, there’s no “one-size-fits-all” solution to making a website optimize for mobile devices. To get around this, many websites are adopting a “responsive” design that scales the layout of a web page to meet the size of the screen its being viewed on.
If you’re curious as to how your site sizes up, check out Google’s Mobile Friendly Test to get some quick feedback on your site. Ideally, you’ll get a response like this one:
It’s no secret that mobile responsiveness is a ranking factor. By making your site friendly for devices of all kinds, you can expect higher rankings in Google. Let’s find out how you can make this happen today.
3 Simple and Easy Ways to Make Your Blog Mobile Friendly
A mobile optimized blog begins with the design and ends with the experience. That’s why these three tips follow the curve of priorities for website owners to make their blogs an ideal stopping point for mobile users to find what they’re looking for.
1. Choose a Responsive Theme
If you’re using WordPress, you can quickly get ahead of the game by implementing a theme that is programmed to be mobile responsive. Keep in mind, that changing your theme does not delete the content. This gives you a quick way to make the change you need, but not all themes are created equal.
In addition, if you’re using a different CMS, you’ll have to follow a different route. Let’s explore the options here:
- Consider how the theme supports different resolutions. Media queries are the best way to do this outside of choosing a pre-programmed theme.
- Check on the navigation bar. There should be an alternate version of it for mobile users
- Some themes/frameworks will simply drop elements that aren’t needed at mobile sizes. Make sure this hierarchy keeps the right content in view
- Finally, make sure it’s compatible with video and mobile versions of ads
Programming your own responsive design through the aforementioned media queries is the best way to achieve these same results without the option for WordPress themes.
2. Structure Your Content For Mobile
Once your site is prepared to display itself properly on mobile devices, our next step is to consider the structure of content. Certain things that apply to desktop should also apply to mobile, but with additional caveats.
If we stop to think about it, mobile users are most commonly in a hurry. They are out and about, and they want their answers quickly. They’re not interested in a 2,000 word epic on the topic at hand. Instead, they want a clear cut answer.
Keep this in mind when structuring your posts for mobile readers. Standard practices like small paragraphs, bullet point lists, and numbered lists still apply. The most important thing is to get them the answers they want quickly and without fluff in the way.
3. Focus on Speed
Website performance is a huge factor for mobile users. From a business perspective, you can expect to lose 7% of your conversions for every second delay in your loading time. Furthermore, mobile users will simply abandon your site and move on if it doesn’t load quickly enough.
The importance of website speed means that you need to streamline the loading process on all of your pages. Consider these steps to make that happen:
- Use a caching plugin like W3 Total Cache
- Optimize your images before uploading them using tools like Optimizilla
- Consider a Content Delivery Network (CDN)
- Make sure your hosting is equipped to handle the traffic you receive
Mobile friendly blogs are the way of the future. As mobile continues to solidify its foothold on the internet world, remember to follow these steps and ensure your site is ready for the future and the influx of mobile visitors.
How do you make your sites mobile friendly? Let us know in the comments!
Donald Parish is a website designer with over a decade of experience. He helps website owners make their experience optimized for mobile users and find success as a result.