What about the mobile display of your website?

What about the mobile display of your website?

 Mobile display of your website?

Is your website mobile friendly? More and more people use their mobile or tablet to view a website. What does yours look like?

Responsive and Adaptive design

Responsive is the most famous term, but you often hear the term adaptive. The first means (briefly through the bend) that your website will be reduced or enlarged as your browser screen is reduced or enlarged. And with adaptive design you see that the website adapts to the device on which it is displayed. If you manually reduce or enlarge your browser screen, you will see that with certain formats (breakpoints) the blocks of your website will disappear. Then it goes for example from a 3 column to a 2 column on a tablet, and a 1 column on a mobile format.

Is your template up-to-date?

In some themes you can even choose to show a completely different layout, omit blocks of information or, on the contrary, show them. Or change your menu to a mobile drop-down menu (hamburger menu). The websites I create with Yootheme Pro responsive and adaptive. With all widgets that you place you can indicate whether or not you want to display them on a mobile, tablet or desktop.

Google's mobile first index

The more user-friendly your website, the better your findability in Google search results.

At the beginning of 2018, Google started to include the mobile friendliness of your website in its ranking. Do you want to know what your website is like? You can test it here if your website is mobile friendly >>

Google Search Console

Log in to your Google Search Console , here you will find interesting reports (under the heading performance) about your website. Here you will also find how many people actually view your website on mobile. In my case, desktop is still more popular. Under the heading mobile usability you will find points for improvement.

Make sure your loading time is fast enough

Another test is the loading time. You can improve this by reducing your images .
And here you will find a test to check your loading time.

Below a number of tips for your mobile display.

# 1 Make sure you can easily return to the homepage

Make sure your logo links back to the homepage. Choose a hamburger menu, so that all menu items are displayed.

# 2 Use a responsive template

It is an investment but make sure you choose a template that is responsive. Here you can read what responsive is . Today's templates are all that. My favorite website for this is Yootheme Pro. This is not a marketplace of templates but a stable company that has been publishing a new template every month for more than 10 years. These templates are responsive and easy to adjust.

# 3 Keep your visitors on your website

On mobile it doesn't work if you have several tabs open. You then continue browsing on a different tab so that you lose your way to your website. On the other hand, external links are also nice for your SEO. Make the consideration for yourself which is more important. If you have more visitors on the desktop, I would opt for the external links. For the internal links you must ensure that they do not open a new tab. But that is often the standard choice when creating a link.

# 4 Ensure that the call-to-actions are properly displayed

You can put secondary tasks in the menu. A task is a term for something that your visitor must do on your website. On the mobile, a button to contact or another call-to-action must be clearly visible. So not first a nice photo with text and below that the call-to-action (or task).

# 5 Keep menu items short and to the point

Make sure they are clear and that your visitor can quickly navigate to the correct page.

# 6 Make sure there are no pop-ups on the screen

Such a promotional pop-up, but on the mobile it blocks the view of your entire website.

# 7 Make sure your forms work well

Gravity Forms remains my favorite plugin and works well.

# 8 Provide relevant search results

A good search fuction uses auto-completion, corrected typos and makes search suggestions. And make sure it is on your mobile screen and not hidden in the menu. This is often not standard for the mobile display built into a template.