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.
0 Comments