Make website content more mobile-friendly

How to make your website content more mobile-friendly

So you’ve paid a designer to create a website that’s fully responsive, that’s great! But have you considered that the text, imagery and video content you upload to your site also needs to be mobile-friendly?

This is important because people read differently on mobile – did you know that over 50% of online content consumption is carried out on a mobile device?

But before you go into a panic about your website – none of the changes I’m going to propose are drastic. I promise.

User behaviour on mobiles

Before we look at these changes, it’s important to understand the user behaviour of mobile users. You may not take much notice of it, but we read content in different ways depending on the device we are using.

On a desktop, we traditionally read in an “F-Shaped” pattern, so the top left reels the reader in. On mobile, however, the focus is distributed across the page in a more random way. This just means that you need to optimise all of your content to be mobile-friendly by making it easily legible and engaging for a mobile visitor. No pressure, eh?

Again, let’s not panic. Here are some easy steps to take to make your content more mobile-friendly:

Structure your content: headline, summary, bulk

Headlines should be designed to capture the reader’s attention immediately, drawing them in to read on. Make your headlines short and snappy, describing exactly what the reader can expect from reading on. Ideally, stick to as close to 6 words as you can.

When writing the pages for your content, your headline could be a core USP your business offers or could be a solution to a common issue among your target audience.

The summary should be made up of a couple of sentences that expand upon the headline. It’s a gist of what to expect from reading on.

Finally, the bulk of the text answers the rest of the questions your reader might have. It goes into more detail without being bogged down in the nitty-gritty. Nitty-gritty = not mobile-friendly!

Format your content: get chopping!

Reading big blocks of text on mobile is a huge turn-off. But what might look like just a short paragraph on a desktop will soon become a behemoth wall of text on a mobile device.

You’ll see from this blog post that I add spacing between sentences and paragraphs often. This is no mistake. If you’re reading this post on mobile, it will be a lot more legible.

As well as adding spacing between text, you can also incorporate these techniques to chop up your content:

  • Add bullet points…like these ones! But keep the text for each bullet short.
  • Include images that illustrated the content effectively – but use conservatively to keep page load speed fast.
  • Subheadings are a great way of breaking up text and guiding the audience where they want to go.
  • Style your text to emphasise – bolditalic, or underlined

Put down the thesaurus

Overusing long words or unnecessary vocabulary can put mobile users off. Keep your language clear and succinct. The lesser and simpler words you use, the better experience a mobile reader will have.

Read through all the content you write once it is done and see where you can make any swaps to simplify the language or phrasing.

Using images

As mentioned, images are a great way of breaking up text, but you need to make sure that they are a suitable size to be easily downloaded to a mobile browser. Large files can use up data quickly, and sometimes don’t download properly at all on slow connections.

While many website designers will incorporate imagery into their designs already, you may wish to add additional imagery for blog posts and pages. Ask your website designer to advise on the best sizes to use, as many website design templates will have optimal dimensions.

If you have a WordPress site, I recommend the WP Smush plugin to help compress and optimise your images.

Want to know more about how to make your website content more user-friendly? Book a Power Hour digital marketing coaching session where you can discuss your needs with an expert.

Get free resources to help your small business grow

Sign up for my monthly newsletter and gain access to my Free Resources Library for small business owners! Get started >>

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.