Your website structure for mobile

Have you ever checked your website on mobile?

How did you find the experience?

When creating a new website, the main thing that always gets forgotten is how it will look on mobile. It can sometimes be an afterthought.

It doesn’t mean that you need to have a new version just for mobile. I have seen this done and it can cause a lot of hassle when it comes to updating the site, as you need to update the desktop version and then the mobile version.

In my opinion, there should only ever be one site but one where the mobile version can be tweaked. This makes it easier to update.

There are different ways to do this and it will depend on the page builder or Gutenberg blocks that your site is using if your site is built on WordPress.

The modules that have been used by the page builder can normally be hidden or tweaked depending on the device they will be shown on.

This allows you to make those tweaks so that your site looks good no matter which device it is being viewed on.

A mobile version of the site is normally “stacked”.

What does that mean?

Think of your site as a grid where your content is broken up into blocks.

So depending on how long a page is on your site, it could be broken into a grid of 3×3, 3×4 or 4×6.  These are examples and it could be different on your site.

These blocks are then stacked on top of each other when viewed on mobile. The order of these can normally be changed as well.

Now it is not only how it looks on mobile that is important but also how the pages are structured.

What do I mean by how it is structured?

When a site is viewed on mobile, people tend to scroll down the page instead of clicking.

It is difficult to navigate around a site on a mobile phone at the best of times so you will notice many sites having longer homepages where they display their products and services.

These sections on the homepage will generally have a description of the service or product and then a link to a page where they can find out more information or sign up.

By doing it this way, visitors can scroll through your site and then find out more information if they are interested.

This is why you generally won’t see tabbed content or accordions on mobile websites as they don’t display properly and make it difficult to see the content.

The main message here is when it comes to the mobile version of your site, you need to make sure that it is easy to navigate around!

Do you need to make tweaks to your homepage?

If you would like to discuss your website and how it could be improved for mobile, then please book a call with me using the link below:

I want to discuss how my website can be improved for mobile

During the call, we will discuss your current website and how it could be restructured to help you on mobile. Remember that most websites are viewed on mobile first so you need to make sure that visitors to your site have a great experience no matter which device they are viewing it on.

Jason Kruger

Jason Kruger has lots of experience helping heart-centred business owners with their online marketing. He explains everything in a way that you will understand.   His journey started in 2009 when he went to his first online marketing conference with his Dad. At the time there wasn't all the technology we have now for online marketing and he had to figure it all out on his own. Fortunately for him, he has a tech background working in IT with a Computer Science Degree. In 2013, I had the opportunity to do this full time and he grabbed it with both hands. Since then he has helped many different businesses with their online marketing. From creating websites and membership sites to sales pages and payment systems. He has also learnt many different strategies along the way which he can use to advise his clients.

Want to receive the TechTuesday Newsletter in your inbox?

Scroll to Top