Ashworth Creative

Back to blog

Jul 16 9 Ways To Make Content Mobile-Friendly

By Ashworth Creative

In the Web of today, content is king. Nearly every major brand works hard to create original and valuable content – videos, articles, images, infographics, etc – and deliver that content to its audience. The popularity of content marketing doesn’t seem to be slowing down anytime soon, but how customers are consuming that content is changing.

Today, roughly 30% of all internet use is done on mobile devices, and for about 25% of web users, their smartphone is their ONLY access to the internet. This means that as a brand, up to ¼ of the people who visit your site and access your content are doing so via mobile. So isn’t it important to make sure that your website and the content you produce looks amazing on whatever device your consumer is using?

If you weren’t already convinced by the above statistics, according to Google’s Think Insights, if a user is frustrated with the experience they’re having on your mobile website and content, there’s a 61% chance they’ll leave and try a different website – within 5 seconds. Also, in terms of sales, a user is 67% were more likely to buy a product after a positive mobile experience.

If you’re looking to help your mobile consumers have the best content-viewing experience possible – and keep them coming back – we’ve got you covered. Here’s 9 tips and tricks to make your web content as mobile-friendly a possible:

Articles and blog posts:

  • Keep headlines short, punchy, and direct. A general rule of thumb is that titles should be no more than 10 words. This helps you to really target your audience, and to make sure that the full title of a post can be seen on a mobile device and in mobile search engines.
  •  Long -form articles are popular on mobile devices, but they need to be READABLE. Keep in mind that a screen is just a few inches, so the text needs to be big enough so that viewers can read without getting frustrated and needing to zoom in.
  • Generally, people on mobile devices like to consume content very quickly, and in bite-sized pieces. Large blocks of text look intimidating on mobile, so make sure that you break up your text every few lines, and highlight or bold the most important points. Also include bullet points and sub headings which make it easier for readers to take in information.
  • Reduce the number of pictures associated with an article. Although visuals are great, lots of images take too much time to load, making for a rough user experience. If you must use an image, choose one or two small ones that work with your site and get your message across.

Images and Infographics:

  • If the image is too large, the viewer will need to scroll a lot to see the image in its entirety which is never fun. Keep scrolling in mind!
  • Keep the image file small to avoid long loading times.
  • If you have links and icons, make sure they’re touch-friendly! The link or icon should be big enough so that the reader can tap it on the first try without issues.

Video:

  • Avoid flash entirely. Flash is incompatible on mobile devices, even though it works fine on desktops. Keep this in mind when creating video content. If you’re code savvy, you can use HTML 5 and custom CSS to create videos that resize automatically to work with any device.
  • FITVIDS can help make your videos adaptable to any screen size and device.

 

Happy creating!

 

 



Leave a Reply