Make your website copy mobile-friendly

Does your website copy pass the mobile test?

Modern life is busy, and many people like to consume content while they’re on the go. Travelling to work, going to the gym, or preparing dinner, they’ll likely be using a mobile device at the same time. Usually, it’s a mobile phone or tablet. Customers will happily shop on their phones while waiting for a train or waiting for dinner to cook in the oven.

It’s important that the copy on your website is easy to read on the go. Small screens don’t pair well with long paragraphs of text, and people want to know what they can expect now.

So, how do you make sure your website copy is mobile-friendly?

Let’s take a look at the usual suspects.

Headlines

Strong, impactful headlines that grab attention are the perfect way to communicate your message instantly. They can inform your reader of what to expect, along with building interest in reading further. Make sure your headline clearly conveys what they can expect to read.

For example, instead of using a vague headline like “How to improve your website”, you can use a more specific and engaging one like “7 easy tips to make your website copy mobile-friendly”.

Paragraph Length

Long, meandering paragraphs should stay in your favourite fantasy novel. Make sure your website copy doesn’t consist of overly long sentences, complex paragraphs, or empty jargon. A reader using their mobile device wants to reach the point as soon as possible.

To make your paragraphs more mobile-friendly, you can use the following tips:

• Break up your paragraphs into smaller chunks of 2-3 sentences each.
• Use bullet points or numbered lists to present multiple items or steps.
• Use subheadings to organise your content into sections.
• Use transitions words to connect your paragraphs and guide your reader.

Text Size

Make sure your font size isn’t miniscule. Remember, your customers are likely viewing your website on a small mobile phone screen. They won’t want to pinch and zoom in on every word, and having to do so can quickly put them off.

To make your text size more mobile-friendly, you can use the following tips:

• Use a responsive design that adapts to different screen sizes and resolutions.
• Use a minimum font size of 16 pixels for body text and 24 pixels for headlines.
• Use a clear and legible font that is easy to read on any device.
• Use contrast and colour to make your text stand out from the background.

Images

Using images is a great way to grab the attention of customers who are in a rush. Not only are they eye-catching, but they can also convey a message much faster than the written word can.

To make your images more mobile-friendly, you can use the following tips:

• Use relevant and high-quality images that support your content and brand.
• Use a responsive design that resizes and optimises your images for different devices and bandwidths.
• Use alt text and captions to describe your images and provide context for your reader.
• Use images sparingly and avoid cluttering your page with too many visuals.

Videos

Videos are fantastic for anyone using a mobile device to browse your website. They can hit play while doing something else and watch along while completing other tasks.

To make your videos more mobile-friendly, you can use the following tips:

• Use short and engaging videos that capture your audience’s attention and deliver your message quickly.
• Use a responsive design that adjusts your video player to fit different screen sizes and orientations.
• Use subtitles and transcripts to make your videos accessible and searchable for your reader.
• Use videos strategically and avoid autoplaying or looping them on your page.

Navigation

Make sure your website menu is designed with mobile devices in mind. There’s nothing more off-putting than a huge menu that is impossible to read on a small screen. It’s also important to ensure you have clear Call To Actions in place as a visitor navigates your website.

To make your navigation more mobile-friendly, you can use the following tips:

• Use a simple and intuitive menu that allows your reader to find what they need easily and quickly.
• Use a hamburger icon or a drop-down menu to collapse your menu items and save space on your screen.
• Use clear and descriptive labels for your menu items and avoid using icons or abbreviations that might confuse your reader.
• Use prominent and persuasive Call To Actions that encourage your reader to take the next step, such as “Buy Now”, “Sign Up”, or “Learn More”.