2016 was een belangrijk jaar voor het internet: voor het eerst in de geschiedenis werd er meer op mobiele apparaten gesurft dan op de desktop. En mocht je de afgelopen jaren de ontwikkelingen rondom Google’s algoritmes hebben gevolgd, dan had je kunnen lezen dat mobiel verkeer een steeds dominantere rol speelt. Toeval of niet, het duurde niet lang nadat mobiel verkeer desktopverkeer had ingehaald, dat Google aankondigde dat ze voortaan mobiel verkeer een hogere prioriteit zou geven bij het indexeren voor haar zoekmachine.

Hoewel Google bevestigde dat de veranderingen niet direct geïmplementeerd zouden worden en ze langzaam deze veranderingen zouden invoeren, is het alweer een aantal jaren sinds Google deze aankondiging maakte. Op 26 maart 2018 kondigde Google officieel de start van de Mobile-First Index en is sindsdien bezig met de implementatie ervan. Dit betekent dat het indexeringsproces compleet zal veranderen.

De meeste websites zijn nauwelijks geoptimaliseerd voor desktop, laat staan voor mobiel:  21% van de websites in het midden- en kleinbedrijf zijn niet geoptimaliseerd voor mobiel. Als Google zou besluiten om van het ene op het andere moment over te stappen naar mobile-first indexering, dan zou het gros van de websites die momenteel de zoekmachines domineren zwaar in de problemen komen.

Maar wat betekent mobile-first indexing nou eigenlijk? Wanneer gaat het van kracht en hoe kan je je erop voorbereiden? In dit artikel leggen we uit wat mobile-first is en hoe je je WordPress-site zo goed mogelijk kan voorbereiden, zodat je mogelijke rampen voorkomt.

Zoals bij elke aankondiging van Google is het lastig om te begrijpen wat ze precies bedoelen. Zo wachten we bijvoorbeeld al meer dan tien jaar op de bevestiging van de twee grootste factoren in ranking. Een helder antwoord krijgen van Google is net zo zeldzaam als een volledige zonsverduistering. Mobile-first indexing is een vrij eenvoudig concept, maar het wordt vaak onnodig complex gemaakt.

Laat me het nog eens herhalen: Google heeft opgemerkt dat de meerderheid van de mensen wereldwijd browset op mobiele apparaten en de mobiele versies van websites bezoekt. Momenteel, echter, bekijkt hun indexeringssysteem eerst naar de desktopversie van een website bij het beoordelen van de kwaliteit en relevantie.

Dat is een enorme, potentieel schadelijke, discrepantie tussen Google en haar gebruikers, waardoor de kans bestaat dat gebruikers op den duur het platform verlaten.  Waarom? Als de meeste mensen browsen op mobiele apparaten terwijl Google de desktopversie gebruikt om de relevantie en kwaliteit van een website in te schatten, dan is de kans groot dat mobiele gebruikers een suboptimale gebruikerservaring krijgen.

En om nog eens te herhalen: 21% van de websites van het midden- en kleinbedrijf is niet geoptimaliseerd voor mobiele gebruikers. Dat betekent dat het onvermijdelijk is dat een deel van de Google-gebruikers een mobiele website van lage kwaliteit bezoekt. En dit is iets wat Google en andere grote bedrijven zich niet langer kunnen permitteren. Helemaal als je nagaat dat 85% van de gebruikers je website of merk de rug toekeert na een slechte mobiele gebruikerservaring.

We zouden niet raar opkijken als er dalingen optreden in verkeer als Google deze discrepantie niet oplost. In 2013 werd Google getroffen door stroomuitval. De uitval duurde maar 5 minuten, maar resulteerde wel in een globale daling in traffic van 40% en een nettoverlies van $545.000.

Uit statistieken blijkt dat Alphabet Inc (het moederbedrijf van Google) elke seconde meer dan $3.200 aan inkomsten binnenharkt. Dat betekent dat het staken van de diensten, zoals we in 2013 zagen, in 2018 een nettoverlies zou opleveren wat bijna het dubbele is vergeleken met 2013:

Misgelopen inkomsten bij uitval

Misgelopen inkomsten bij uitval (Bron: InvestorPlace)

We kunnen gerust stellen dat Google haar huidige model schadebestendig maakt om te voorkomen dat potentiële rampen zich voordoen die de omzet en het marktaandeel aantasten.

Om deze redenen zal Google langzamerhand veranderingen doorvoeren om mobiele sites de hoogste prioriteit te geven als het gaat om het indexeren van content op relevantie en kwaliteit. Google indexeert nog steeds de desktopversies, maar ze geven mobiel de eerste prioriteit.

Mobiel is nog nooit zo belangrijk geweest. Eind 2017 begonnen experts de eerste tests met mobile-first te zien op een aantal sites. Google Webmaster-analist Gary Illyes maakte deze informatie bekend aan het publiek van de SMX East-conferentie.

Op 26 maart 2018 kondigde Google officieel de start van de Mobile-First Index aan en is sindsdien bezig met de implementatie ervan. Maar wees gerust, dit zal langzaam worden ingevoerd. Maak je dus geen zorgen dat je op een dag wakker wordt en erachter komt dat je hele ranking en traffic zijn verdwenen.

John Mueller, een Google Webmaster-analist, heeft ook gezegd dat gebruikers via Google Search Console op de hoogte worden gesteld wanneer hun site is verplaatst. Hieronder zie je een voorbeeld van deze e-mail.

E-mail van Google dat mobile-first indexing is ingeschakeld

E-mail van Google dat mobile-first indexing is ingeschakeld

Aan de andere kant betekent dat ook niet dat je passief de implementatie op jouw site kan afwachten. Of je nou voorbereid bent of niet, de veranderingen komen eraan. Het is altijd goed om na te gaan je website klaar is voor mobile-first indexing en welke wijzigingen je moet doorvoeren om voor een positieve uitkomst te zorgen.

Maak je website zo snel mogelijk mobielvriendelijk of responsief

Volgens het persbericht van Google zijn er enkele zaken om op te letten bij mobiele indexering. Allereerst heeft Google duidelijk gemaakt dat websites met up-to-date mobielvriendelijke of mobielresponsieve protocollen baat hebben bij deze update.

Als je site mobielvriendelijk of mobielresponsief is, wat betekent dat je content dynamisch wordt bijgewerkt tussen desktop en mobiel, hoef je geen fundamentele wijzigingen aan te brengen aan je website. Hoewel dit niet betekent dat je je zich geen zorgen hoeft te maken over het optimaliseren van je mobiele site, betekent dit wel dat je minder werk hoeft te verrichten.

Hoe weet je of je website mobielvriendelijk of responsief is? Een van de simpelste methoden om hierachter te komen is door gebruik te maken van de Mobile-Friendly test-tool van Google.

Google mobile-friendly testtool

Google Mobile-Friendly testtool

Je kan je website ook laten testen door een externe tool zoals de Responsive Design Tool. Wanneer je je website invoert in de zoekbalk, laat de tool je zien hoe je website eruitziet op mobiel, tablet en desktop:

Responsief design testen

Responsief design testen

Als je momenteel twee verschillende, mobiele en desktop, sites beheert, die je moet bijwerken, dan is je website niet mobielresponsief. Als de content en opmaak verschillen bij beide sites, dan raadt Google aan om dit te wijzigen.

Zorg er om te beginnen voor dat je gestructureerde markeringen gebruikt voor zowel jouw mobiele- als desktopversies. Je kan kijken of je dit al doet met behulp van de Structured Data Tool. Haal je URL door de tool heen en het stuur de data rechtstreeks naar jouw Google Search Console-account onder ‘Search Appearance → Structured Data’.

Bekijk hier of je gestructureerde gegevens zonder fouten gecrawld kunnen worden en of sitemaps goed worden bijgewerkt. Als je problemen vindt, geeft Search Console je de precieze stappen die je moet ondernemen om het probleem op te lossen.

Gestructureerde gegevens Google

Gestructureerde gegevens Google

Mobile-first index komt eraan en het is noodzakelijk dat je website mobielresponsief of mobielvriendelijk is. Mocht dit niet het geval zijn, geen paniek. Je kan dit zonder grote uitgaven of revisies aan je website oplossen.

Een responsief WordPress-thema gebruiken

Een van de grote voordelen van WordPress is dat bijna elk thema responsief is. Als je echter een ouder thema gebruikt of achterloopt met updates, kan het heel goed zijn dat je WordPress-thema nog niet mobielvriendelijk is. Hier zijn een aantal stappen.

Zorg allereerst dat je WordPress-thema volledig up-to-date is. In sommige gevallen werken developers de code van een ouder thema bij of verplaatsen ze deze naar een nieuw framework om te zorgen dat ze mobielvriendelijk zijn. Als je al heel lang het thema niet hebt bijgewerkt, dan raden we je aan om eerst een back-up te maken en de update te testen in een testomgeving.

Wanneer je met een verouderd WordPress-thema werkt en de developer werkt het thema niet meer bij, dan is het misschien tijd om een nieuw thema te kiezen. Er zijn tal van geweldige gratis en premium WordPress-thema’s om uit te kiezen. Je kan kiezen voor een lichtgewicht, snel en responsief thema zoals GeneratePress of OceanWP. Je kan hiermee zowat elk soort website – zelfs een eCommerce-winkel behoort tot de mogelijkheden.

GeneratePress

GeneratePress

Hier zijn een aantal andere aanbieders die we aanraden als je een thema zoekt:

Een WordPress-developer inhuren om je website mobielvriendelijk te maken

Misschien heb je een op maat gemaakt WordPress-thema of website en kan je niet (zomaar) naar een ander thema overstappen. In dit geval is de kans aanwezig dat je je portemonnee moet trekken en een WordPress-developer in moet schakelen om te zorgen dat je website mobielvriendelijk wordt. Het kan zijn dat je website naar een nieuw framework moet worden verplaatst of dat zelfs al je basiscode moet worden herschreven. Zorg wel dat je een offerte bij verschillende bedrijven opvraagt voordat je verdergaat. Afhankelijk van je site kan het weinig of veel werk zijn. Hier volgt een selectie van de bedrijven die we aanbevelen.

Een WordPress-mobiele-plug-in gebruiken

Als je het niet precies weet, kan je ook altijd gebruik maken van een WordPress mobile plug-in. We raden dit aan als laatste redmiddel, maar het is wel een van de makkelijkste methodes om te zorgen dat je website meteen mobielvriendelijk is.

Een aantal van de beste plug-ins voor mobiele optimalisatie zijn WPtouch, WP Mobile Pack, Jetpack en OBox Mobile. Met meer dan vijf miljoen downloads is WPtouch een van de meest recente, ondersteunde en betrouwbare plug-ins om de mobiele ervaring te optimaliseren.

WPtouch WordPress-mobiele-plug-in

WPtouch WordPress-mobiele-plug-in

De plug-in is momenteel actief op meer dan 200.000 websites en door Google verkozen als Beste Keus voor mobiele oplossingen. Het is dus een goed en veilig alternatief. Het goedkoopste abonnement begint bij $79,00, maar je kan de functionaliteiten á la carte aanpassen als je de pakketten en prijzen wil wijzigen. WPtouch werkt door een mobiel thema aan je website toe te voegen en deze te tonen aan mobiele bezoekers van je WordPress-site.

Het creëert in een aantal seconden een complete mobielvriendelijke versie van je website die dynamisch content wisselt tussen je desktop- en mobiele sites. Met het dashboard kan je hun vooraf gebouwde thema’s aanpassen om deze beter aan te laten sluiten aan het uiterlijk van je desktopsite:

Voorbeeld WPtouch

Voorbeeld WPtouch

WPtouch is een van de gemakkelijkste manieren om ervoor te zorgen dat je mobiele site een betere gebruikerservaring biedt – belangrijk voor de aankomende mobile-first index.

Richten op het verbeteren sitesnelheid

Als het gaat om het optimaliseren van je site voor mobiel is snelheid een van de belangrijkste factoren om op te focussen. Snelheid speelt een belangrijke rol, of we het nou hebben over bruikbaarheid, bouncepercentages of de waarschijnlijkheid dat potentiële kopers terugkeren naar je website.

Sterker nog, slechte ervaringen op mobiel zorgen ervoor dat de meerderheid van de gebruikers nooit meer terugkomt. Volgens het meest recente Google Pagespeed-rapport was de gemiddelde laadtijd van een mobiele site in 2018 15 seconden. Kun je je voorstellen dat je bijna een halve minuut moet wachten om een enkele pagina te laden? Verbazingwekkend.

Zoals je je kan voorstellen, verwacht (en verdient) de gemiddelde gebruiker beter. Volgens hetzelfde rapport verlaat 53% van de bezoekers een mobiele pagina als het laden langer duurt dan 3 seconden.

Langzaam ladende websites zorgen niet voor minder conversies. Ze zorgen dat je niet eens de kans krijgt om leads te converteren. De kans dat op een bounce neemt exponentieel toe naarmate de seconden verstrijken.

Bounce-statistieken voor laadtijden pagina's

Bounce-statistieken voor laadtijden pagina’s (Bron: Google)

Als je mobiele website meer dan tien seconden nodig heeft om te laden, verlies je bijna al je potentiële en bestaande klanten. En ik heb nieuws voor je: je website is waarschijnlijk te traag. Volgens Google is de gemiddelde site in elke afzonderlijke branche te traag.

Gemiddelde-snelheidsindex

Gemiddelde-snelheidsindex (Bron: Google)

Het verlagen van je bouncepercentage zou altijd de hoogste prioriteit moeten hebben. Een van de beste manieren om dat te doen is door de sitesnelheid te verbeteren. Je wil gebruikers de kans geven om je content door te nemen (en niet dat ze schuimbekkend afhaken).

Je kan GTmetrix, WebPageTest of Chrome DevTools gebruiken om te zien hoe snel je site wordt geladen via een mobiele 2G- of 3G-verbinding.

3G-snelheid testen met GTmetrix

3G-snelheid testen met GTmetrix

Met de Test My Site tool van Google kan je je huidige mobiele site scannen en inzicht krijgen in welke stappen nodig zijn om de sitesnelheid te verbeteren. Als je je website met deze tool test, wordt er een gratis versie van je rapport naar je inbox verstuurt. In het rapport wordt je huidige sitesnelheid vergeleken met die van je concurrenten. Het laat je het percentage zien van bezoekers die je potentieel misloopt:

Mobile snelheid

Mobiele snelheid

Naast deze benchmarkgegevens geeft Google je ook direct, bruikbaar advies om je website sneller te maken. De tool maakt zelfs een schatting hoeveel tijd elke afzonderlijke taak van de algemene laadtijd afhaalt:

Aanbevelingen om je website sneller te maken

Aanbevelingen om je website sneller te maken

Klik op een van de ‘See how’-tips en je krijgt een stapsgewijze tutorial om deze problemen op jouw site op te lossen. Voordat je deze aanbevelingen doorspeelt aan je developer, kan je ze misschien sneller zelf oplossen met behulp van deze tutorials:

Nadat je de voorgestelde wijzigingen hebt doorgevoerd, kan je de site opnieuw door de tool halen en de resultaten vergelijken. Je zou enorme verbeteringen moeten zien, waarmee je de veranderingen in mobile-first met open armen kan ontvangen. Vergeet echter niet dat je waarschijnlijk niet alle problemen meteen kan adresseren, maar dit is niet erg. De belangrijkste waarde voor is de algemene laadtijd van je site.

Zorg er ook voor dat je gebruik maakt van een snelle WordPress-host, zoals Kinsta. We eindigden in 2018 als Top Tier in de prestatiebenchmarks van ReviewSignal en onze infrastructuur is gebouwd op het Google Cloud Platform, een van de snelste netwerken ter wereld.

Google AMP implementeren

Als je nog steeds worstelt met de snelheid van je WordPress-site, dan kan je eventueel ook overwegen om Google AMP te implementeren. Google AMP (Accelerated Mobile Pages Project) biedt in essentie een manier om een uitgeklede versie van je huidige webpagina weer te geven – zonder alle dingen die de boel vertragen, zoals JavaScript, bloated CSS, enzovoorts. Er zijn een aantal goede plug-ins beschikbaar die het proces erg eenvoudig maken.

Google AMP

Google AMP

We raden echter wel aan om voorzichtig te werk te gaan, afhankelijk van het type WordPress-website dat je beheert. Omdat Google AMP een ingrijpende verandering is, kan implementatie grote invloed hebben, van conversieratio’s tot CTA’s. De veranderingen kunnen uiteraard teruggedraaid worden, maar dit vereist wel werk. Als je een WooCommerce-site beheert en veel mobiele klanten ontvangt, zorg dan dat je alles van tevoren uitvoerig test!

Bij Kinsta hebben we na een testperiode de beslissing gemaakt om Google AMP weer te verwijderen. Dit wil echter niet zeggen dat we Google AMP nooit meer zullen testen: Google maakt voortdurend verbeteringen aan deze nieuwe technologie.

Geef mobiel je topprioriteit

Nu mobiel verkeer het online landschap domineert en Google zich hierop aanpast, is het ook tijd om je eigen prioriteiten te verleggen. En hoewel het verbeteren van sitesnelheid een duidelijke en goede stap is om je website te optimaliseren voor de mobile-first index, zijn er nog tal van andere zaken die je kan verbeteren.

Mobiel- vs desktopverkeer

Mobiel- vs desktopverkeer

Als je succes wil behalen met een mobiele site, moet het je prioriteit krijgen. Dat betekent dat je verder moet gaan dan dynamische optimalisatie en responsiviteit. Je hele site moet gericht zijn op de mobiele gebruiker: van de structuur, het design naar de elementen die je gebruikt.

Gebruikers bladeren heel anders op mobiele apparaten dan op een desktop. Met het simpelweg kopiëren van een desktopsite naar een mobiele site kom je er niet, omdat je de gebruikerservaring niet optimaliseert. Op mobiele apparaten zijn schermen kleiner, is de rekenkracht beperkt en zijn gebruikers vaak onderweg.

Typische pagina-elementen en afbeeldingen met een hoge resolutie vertragen dus de gebruikerservaring van de mobiele bezoeker. Een diepe site-architectuur kan voor een vreselijke mobiele ervaring zorgen, waarbij gebruikers door tientallen tabbladen moeten klikken om de gewenste content te bereiken:

Website-architectuur

Website-architectuur (Bron: Riverbed Marketing)

Deze problemen los je natuurlijk niet 1-2-3 op. Het kan zelfs noodzakelijk zijn om de structuur van je hele website opnieuw te ontwerpen. Toch is het verstandig om het aankomende mobile-first index van Google aan te grijpen om deze wijzigingen door te voeren.

Als je momenteel een diepe sitestructuur hebt, die ook nog eens lastig navigeert op mobiel, dan bevelen we aan om de gebruikerservaring op mobiele apparaten te testen. Bekijk welke secties moeilijk te bereiken zijn en op welke plekken je de meeste gebruikers kwijtraakt.

Met mobile-first is het voornaamste doel om de ervaring van mobiele gebruikers te versimpelen. In plaats van eerst een complexe desktopsite te maken en daarna een mobiele versie daarvan, raden wij aan om het proces om te draaien. HubSpot testte dit in 2015 toen ze besloten om hun mobiele website te versimpelen.

Ze begonnen met de landingspagina’s van hun content. Ze verkleinden de grootte van de pagina en zorgden dat gebruikers minder hoefden te scrollen, zoomen, pinchen en klikken:

Mobiel formatteren

Mobiel formatteren (Bron: Hubspot)

Vervolgens wijzigden ze de formulieren van de desbetreffende pagina’s:

Mobiel formulieren

Mobiele formulieren (Bron: Hubspot)

Nadat ze hun landingspagina’s en bijbehorende formulieren hadden aangepakt, waardoor deze in gecondenseerde vorm werden getoond, nam het bouncepercentage op mobiele apparaten af met 27%. Het simplificeren van content en sitearchitectuur gecombineerd met een responsief ontwerp verlaagde het bouncepercentage met nog eens 10,7%.

Op mobiele apparaten moet je alles afstemmen: van responsief ontwerp, snelheid, architectuur en de gebruikerservaring. De enige manier om dit te doen is om mobiele gebruikers tot topprioriteit te maken.

Nog een ander belangrijk punt als het gaat om mobile-first indexing: content die is samengevouwen of verborgen in tabbladen, wordt niet anders behandeld dan zichtbare content (zoals het eerder misschien zo was), sinds dit type contentbeheer een aanbevolen methode is voor mobiele apparaten. Lees hier meer.

Bekijk deze aanvullende tips voor content-ontwerp voor de mobile-first index.

Mobiele zoekwoorden tracken

Bezorgd over je SEO met de nieuwe mobile-first index? Hoewel alles wat we hierboven vermeldden kan helpen bij het verbeteren van je SEO wil je misschien wel de positie van je zoekwoorden bijhouden op mobiel versus desktop. Dit is vooral belangrijk voor degenen onder jullie met een apart mobiel domein, zoals m.voorbeeld.nl.

Je kan dit het makkelijkst doen met een tool als Accuranker of SEMrush. Het is nu een goed moment om hiermee te beginnen, omdat je dan kan bijhouden hoe de nieuwe mobile-first index jouw website beïnvloedt.

Accuranker mobiele- vs desktoprankings vergelijken

Accuranker mobiele- vs desktoprankings vergelijken

Aanvullende tips van Google

Hier zijn enkele extra tips zoals aanbevolen door Google:

  • Zorg ervoor dat de mobiele versie van je site ook de belangrijkste content van hoge kwaliteit bevat. Hieronder vallen tekst, afbeeldingen (met alt-attributen) en video’s – in de gebruikelijke crawlbare en indexeerbare formats.
  • Ook moeten metagegevens aanwezig zijn op beide versies van de website. Hieronder vallen dingen als titels, metabeschrijvingen, headers, enzovoorts. Bekijk onze SEO-checklist.
  • Check hreflang-links op afzonderlijke mobiele URL’s. Wanneer je om internationalisatieredenen gebruik maakt van rel-hreflang-elementen, link dan tussen de afzonderlijke mobiele- en desktop-URL’s. De hreflang van je mobiele URL’s moet verwijzen naar de andere taal/regio-versies op andere mobiele URL’s. Voor desktop geldt hetzelfde, ook hier link je desktop-URL’s met hreflang-elementen naar andere desktop URL’s. Als je onze gids voor een meertalige WordPress-website volgt, dan kan het niet misgaan!
  • Zorg ervoor dat de servers die de site hosten voldoende capaciteit hebben om de mogelijk verhoogde crawlsnelheid aan te kunnen. Dit is niet van invloed op sites die responsief webontwerp en dynamische weergave gebruiken, alleen sites waarop de mobiele versie zich op een andere host bevindt, zoals m.voorbeeld.nl.
  • Er zijn geen wijzigingen nodig voor koppeling met afzonderlijke mobiele URL’s (m.-dot-sites). Voor sites die afzonderlijke mobiele URL’s gebruiken, houdt je de bestaande ‘link rel = canonical’- en ‘link rel=alternate’-elementen tussen deze versies. Glenn Gabe duikt in een aantal extra problemen met afzonderlijke mobiele domeinen en canonieke tags.

Conclusie

Nog geen drie jaar geleden haalde mobiel verkeer wereldwijd het desktopverkeer in en liet Google ons weten dat ze wijzigingen gingen aanbrengen in de manier waarop websites werden geïndexeerd. En nu is het zover! Op 26 maart 2018 begon Google met het langzaam uitrollen van hun nieuwe mobile-first index.

Als je site nog niet is verplaatst, is er nog tijd om het voor te blijven. Richt je op het mobielvriendelijk en responsief maken van je site, het verbeteren van de snelheid en mobiel verkeer topprioriteit geven in alles wat je doet met je site.

Heeft je tips die we hebben gemist? Laat hieronder een reactie achter!

40
Delen