Als jij je een keer hebt verdiept in website optimalisatie, dan heb je misschien wel eens van de term "Mobile first" gehoord. Mobile first is een strategie binnen webdesign die zich primair richt op de mobiele versie van je website en daarna pas op de desktopversie.De verscheidenheid aan schermafmetingen en -configuraties en het verschillende type interface op deze apparaten zorgt voor zeer verschillende uitdagingen voor digital marketingactiviteiten en het creëren van de best mogelijke gebruikerservaring.
Om het belang van mobile-first te begrijpen, moet je rekening houden met het feit dat de toegang tot websites vanaf mobiele apparaten (smartphone, tablet) de laatste jaren gestaag is toegenomen. Het jaar 2019 was het eerste jaar waarin wereldwijd meer mensen gebruik maakten van mobiele apparaten dan van desktops om websites te bezoeken.Aangezien de optimalisatie van websites natuurlijk altijd gericht moet zijn op de meeste gebruikers, is het begrijpelijk dat er meer nadruk wordt gelegd op mobiele apparaten.
Aangezien smartphones steeds meer het nummer één apparaat zijn dat mensen gebruiken om toegang te krijgen tot het internet, heeft Google zijn algoritmes dienovereenkomstig aangepast.Belangrijk om te weten is dat wanneer Google een site crawlt om de zoekmachine posities te bepalen, de googlebot steeds vaker eerst de mobiele versie van de website crawlt. De mobiele versie is dus cruciaal voor zoekmachine posities. Deze overgang heeft in de afgelopen jaren geleidelijk plaatsgevonden. 2020 is echter een extra belangrijk jaar, aangezien Google volledig overschakelt naar "Mobile First" vanaf september 2020. Dit betekent dat de mobile first versie van jouw website de belangrijkste versie is omdat Google deze zal crawlen.
Nu weet je waarom het belangrijk is dat jouw website geoptimaliseerd moet worden voor mobiele apparaten, maar hoe moet je dit aanpakken? Het eerste belangrijke punt waar je op moet letten is de gebruiksvriendelijkheid. Waarschijnlijk heb je al wel eens een website op je smartphone bezocht, om vervolgens de desktopversie van de website te zien.Het grootste probleem is dat deze website is ontworpen om de beste gebruikerservaring te bieden op een computer, maar niet op een smartphone of tablet. Het gevolg hiervan is dat wanneer de pagina wordt weergegeven op een smartphone, de tekst mogelijk niet leesbaar is op het scherm en dat de navigatie op de pagina moeilijk te gebruiken is. Wanneer dit gebeurt, verlaten steeds meer gebruikers zo'n website en zoeken ze de benodigde informatie elders op. Gebruikers zijn nu gewend aan het feit dat een website zich aanpast aan hun apparaat en niet andersom.
Het is daarom essentieel om een mobiele versie van jouw website te maken om de gebruikerservaring te behouden. Het goede nieuws is dat elke websitebouwer een optie biedt om een mobiele pagina te maken, het zogenaamde responsive design.
Alle moderne betrouwbare website bouwers bieden de mogelijkheid om de mobiele variatie van je website aan te passen, te creëren en te controleren.Je hoeft alleen deze opties te vinden in het gebruikersmenu van de sitebouwer. Dit is heel belangrijk omdat de afbeeldingen vaak in verschillende posities of in een andere grootte in de verschillende versie worden weergegeven. Wat er goed uitziet op de desktopversie kan er minder goed uitzien op de smartphone versie. In het slechtste geval kan de content volledig onleesbaar zijn. Wanneer veel onderdelen van je website niet leesbaar zijn op de mobiele versie kan dit uiteraard nadelige gevolgen hebben voor je zoekmachine posities.
Naast de tekst bevat een website natuurlijk ook een menu en knoppen voor de navigatie. Omdat mobiele apparaten meestal via een touchscreen worden bediend, moeten deze onderdelen ook worden aangepast, omdat het niet mogelijk is om met de vingers te navigeren zoals je normaal gesproken met een muis doet. Er is niets erger voor de gebruikerservaring dan het niet kunnen selecteren van de gewenste functie/knop. Het is dus ook belangrijk om de bruikbaarheid van je navigatie in de mobiele versie van je website te controleren.
Een ander belangrijk punt om jouw website aantrekkelijk te maken voor mobiele apparaten, is om erop te letten dat de laadtijd niet te lang is. Een vuistregel is dat de meeste mobiele gebruikers een website verlaten als het langer dan 3 seconden duurt voordat de pagina geladen is. Je kunt de laadtijd van jouw website direct op Google controleren:
https://developers.google.com/speed/pagespeed/insights/
Foto's, afbeeldingen en video's op een website zijn factoren die een enorme invloed hebben op de snelheid waarmee een website wordt geladen.De reden hiervoor is dat er bij foto's, afbeeldingen en video's meer data worden overgedragen dan bij tekst. Omgekeerd betekent het natuurlijk ook dat kleinere afbeeldingen, grafieken of video's de website sneller laden. Dus als jij jouw laadsnelheid wilt verbeteren, moet jij je afvragen of alle grafische elementen wel echt nodig zijn en ook of de hoogste resolutie altijd nodig is. In de meeste gevallen is het zinvol om de kwaliteit iets te verlagen wanneer het een snellere laadtijd oplevert. Een tip is om meer afbeeldingen op te slaan als .jpg-bestanden en niet alleen als .png-bestanden. Een .jpg-bestand is kleiner en zorgt ervoor dat jouw website sneller laadt.