Les 2: Hoe mobielvriendelijk is jouw website?

Tegenwoordig boeken steeds meer mensen hun vakantie via een mobiel of tablet. Inmiddels maakt meer dan 67% van de reizigers ergens in het boekingsproces gebruik van een smartphone¹. Om inspiratie op te doen, informatie op te zoeken of daadwerkelijk te boeken. Meer dan de helft van de mensen die via de smartphone vakantie-inspiratie opdoet, maakt ook de uiteindelijke boeking via de smartphone. En van de ‘same day’ boekingen wordt zelfs 65% op een smartphone gemaakt ². In de toekomst zullen mobiele toepassingen dan ook alleen maar belangrijker worden.

Niet verrassend dus dat ook Google veel waarde hecht aan de mobielvriendelijkheid van jouw website. Google plaatst mobielvriendelijke websites zelfs hoger in de zoekresultaten.

Mobielvriendelijke websites

Waar hebben we het nu eigenlijk over bij een ‘mobielvriendelijke’ website? Google heeft daar duidelijke richtlijnen over opgesteld, maar laten we het eerst gewoon weer even bekijken vanuit de belangrijkste persoon voor jouw bedrijf: je klant.

Wanneer de helft van de informatie op een mobiel buiten het scherm valt, of de letters zo klein zijn dat je bijna niet op de links en buttons kunt klikken dan weet je – deze site is misschien niet heel mobielvriendelijk (en dit gaat me websitebezoekers – en dus boekingen-  kosten). Want zeg nou zelf, hoe lang zou jij zelf blijven scrollen en proberen met je vingers in te zoomen om een reisprogramma te kunnen lezen?

Richtlijnen voor mobielvriendelijkheid van Google

Google heeft ook een officiële lijst met richtlijnen gemaakt waaraan websites moeten voldoen willen ze het label ‘mobielvriendelijk’ verdienen:

• Er wordt alleen software gebruikt die algemeen toegankelijk is op mobiele apparaten (geen Flash bijvoorbeeld)
• Er wordt tekst gebruikt die leesbaar is zonder te zoomen
• De inhoud wordt geschaald op basis van schermgrootte, zodat gebruikers niet horizontaal hoeven te schuiven of te zoomen
• Links zijn ver genoeg uit elkaar geplaatst zodat gemakkelijk op de juiste link kan worden getikt.

Specifiek voor reiswebsites betekent dit bijvoorbeeld:

• Niet teveel scrollen nodig om info te lezen of door te klikken.
• Alle belangrijke info over een reis zowel op desktop als mobiel makkelijk zichtbaar zonder teveel scrollen of klikken (tabs bijvoorbeeld of reisblokken die highlights bevatten + CTA button)
• Lange lappen tekst opgesplitst met titels, tabs etc.
• Menu duidelijk en belangrijkste pagina’s makkelijk te bereiken
• Lettertype goed leesbaar zonder inzoomen
• Call To Action buttons altijd zichtbaar zonder dat ze het scherm blokkeren.
• E-book popup blokkeert niet het hele scherm en kan makkelijk weggeklikt worden.

Zie bijvoorbeeld de website van SpiTravel.nl op je mobiel (zie video hieronder of ga er op je eigen mobiel naartoe).

• Wanneer je de productpagina van een reis bekijkt, dan zijn de tabs uit de desktopversie (vertrekdata, dag tot dag programma, prijzen etc.) onder elkaar zichtbaar in plaats van naast elkaar, makkelijk te overzien en in- en uit te klappen.
• Je kunt zonder veel scrollen direct op je mobiele scherm de titel, hoofdfoto en belangrijkste info van de reis via de tabs zien.
• De knop ‘boek nu’ of ‘reisvoorstel aanvragen’ blijft altijd onderaan het mobiele scherm zichtbaar, zodat mensen niet hoeven te zoeken wanneer ze willen boeken.
• Op de homepage zie je zonder scrollen direct wat voor reizen er worden verkocht
• De tabel met eerstvolgende groepsreizen op de homepage, is op mobiel teruggebracht tot een overzichtelijk blokje wat in het mobiele scherm past, met alleen de belangrijkste info zichtbaar.
• De blokjes met de informatie per reis erin, die passen precies op het scherm van je mobiel, incl. titel van de reis, foto, vanaf prijs, hoogtepunten en ‘bekijk reis’ button om door te klikken.

Wat gebeurt er als jouw website niet geschikt voor mobiel is?

Het spreekt voor zich dat een slechte ervaring op je website invloed heeft op je boekingen. De meest recente cijfers van Google laten zien dat ondernemers die geen mobiele oplossing voor hun site gebruiken direct in de portemonnee worden geraakt: 77% van de bezoekers aan niet geoptimaliseerde sites haakt af³. Deze potentiële gasten ben je kwijt. In het beste geval gaan ze rechtstreeks naar de website van je concurrenten (20%). In het ergste geval maken ze nooit meer gebruik van jouw diensten (13%), klagen ze erover op social media (13%) of vertellen ze hun vrienden en familie erover (19%).

Voorkom dat Google je straft

Google ‘straft’ websites die niet mobielvriendelijk zijn. Dit doen ze door sites die wél zijn geoptimaliseerd voor mobiel bezoek hoger in de (mobiele) zoekresultaten te plaatsen.

“We’re boosting the ranking of mobile-friendly pages on mobile search results.

Now searchers can more easily find high-quality and relevant results where text is readable…”

Moeten bezoekers op jouw site dus nog scrollen of zoomen, dan ziet Google dit als ‘klantonvriendelijk’ gedrag (want Google’s missie = zo snel en gemakkelijk mogelijk de meest relevante info voor de zoekopdracht van hun klanten leveren).

Gevolg: in je bezoekcijfers zul je zien dat het verkeer naar je site afneemt. En uiteraard geldt: minder bezoek = minder kans op boekingen = minder omzet.

Sinds de Google Page Experience Update in 2021 is mobielvriendelijkheid van je website nóg belangrijker geworden.

Aan de slag: bekijk je eigen website op mobiel – hoe mobielvriendelijk is jouw website?

Bezoek je eigen website op mobiel en check of de belangrijkste pagina’s mobielvriendelijk in elkaar zitten:

• Niet teveel scrollen nodig.
• Homepage overzichtelijk en zonder scrollen duidelijk wat er wordt verkocht.
• Alle belangrijke info over een reis zowel op desktop als mobiel makkelijk zichtbaar zonder teveel scrollen of klikken (tabs bijvoorbeeld of reisblokken die highlights bevatten + CTA button)
• Lange lappen tekst opgesplitst met titels, tabs etc.
• Menu duidelijk en belangrijkste pagina’s makkelijk te bereiken
• Lettertype goed leesbaar zonder inzoomen
• Call To Action buttons makkelijk klikbaar op mobiel scherm en altijd zichtbaar zonder dat ze het hele scherm blokkeren.
• E-book popup blokkeert niet het hele scherm en kan makkelijk weggeklikt worden.

Hoe kun je je website mobielvriendelijk maken?

Is de uitkomst voor jouw website dat er nog wel het e.e.a verbeterd kan worden voor mobiel gebruik? Dan is het afhankelijk van waar het probleem zit en hoe flexibel jouw CMS-systeem is hoe je dit het beste kunt oplossen:

• Als jouw website is gebouwd met een standaard thema, dan moet je wellicht je thema vervangen of updaten. Pas dan wel op dat je niet een thema kiest waar weer andere problemen in zitten (rommelige code bijvoorbeeld, of veel bewegende elementen, besturingselementen die niet makkelijk in gebruik zijn voor bezoekers). Plan eventueel een gratis adviesgesprek in via www.reisbureauwebsite.nl om te kijken of er wellicht ook binnen je huidige site met wat aanpassingen ool al verbetering mogelijk is.
• Is jouw website gebouwd met een ‘drag & drop builder’ zoals Elementor of Divi, dan kun je wellicht alleen de ‘blokken’ op een pagina vervangen door mobielvriendelijkere versies. Pas wel op dat je totale gebruikersflow niet onduidelijk wordt wanneer je elementen gaat vervangen. Soms vervang je het ene mobiel-onvriendelijke element door het andere en is het beter om je hele design in één keer aan te passen.
• Is jouw website gebouwd in een op maat gemaakt CMS door je webbouwer, maakt jouw site gebruik van Flash of kunnen de problemen niet worden opgelost met een simpele update in WordPress? Dan is de kans aanwezig dat de site volledig moet worden herbouwd. Vooral met websites die al een aantal jaar oud zijn is dit niet heel vreemd. Soms is het beter om je site opnieuw te laten bouwen volgens de nieuwste eisen dan je oude site te updaten. Wil je persoonlijk advies voor jouw website? Neem dan even contact met mij op, dan kan ik met je meedenken over een goede oplossing (E-mail: wendy@buildyourtravelbizz.com)

Bronnen: [1] Google: The Traveler’s road to decision making; [2] Statistic Brain – Internet Travel Hotel Booking Statistics; [3] Google: The Traveler’s road to decision making