google mobiel eerste indexering

Google Mobile Eerste Indexering

Citaat:

Het is niet de sterkste van de soort die overleeft, maar de meest aanpasbare aan verandering.
- Toegeschreven aan Charles Darwin

Aanpassen aan het veranderen van het gedrag van de gebruiker

Het internet is nog relatief nieuw en is nog in ontwikkeling. Als mensen op het internet zoeken, gaan ze niet meer achter hun computer zitten en typen ze zorgvuldig geformuleerde zoekopdrachten uit. Sinds 2017 gebruikt ongeveer de helft van de internetgebruikers hun mobiele apparaten in plaats van hun computer om op het internet te zoeken.

Omdat gebruikers de manier waarop ze op het internet zoeken veranderen, moeten zoekmachines de manier waarop ze de inhoud indexeren veranderen om de meest relevante en nuttige resultaten te laten zien. Dit betekent dat u de manier waarop u informatie via uw website organiseert en presenteert voortdurend moet veranderen als u hoger in de zoekresultaten wilt rangschikken.

Hoewel het per regio verschilt, heeft volgens Statista ongeveer de helft van de wereldwijde gebruikers toegang tot het internet met behulp van een mobiel apparaat.

Dit is een aanzienlijke stijging van ongeveer 30 procent in 2015. Als uw website is ontworpen voor een desktopcomputer of als u geen mobiele-vriendelijke site heeft, kunt u verwachten dat de resultaten van uw zoekmachine in de loop van de tijd zullen dalen.

Desktop- en Desktop-Light-websites

Websites werden in eerste instantie ontwikkeld met de veronderstelling dat mensen toegang tot het internet zouden hebben vanaf een desktopcomputer. Dit heeft bedrijven in staat gesteld om websites te bouwen die gecompliceerde programmeerlogica bevatten die zeer snel door een browser op een desktopcomputer wordt geladen en verwerkt.

Aangezien gebruikers echter migreren naar het gebruik van hun telefoons en tablets, kunnen deze websites vaak niet snel worden geladen en verwerkt door een browser op een mobiel apparaat.
Als gevolg daarvan hebben sommige bedrijven "lichte" versies van hun websites gemaakt die binnen een redelijke tijd door een mobiel apparaat worden geladen en verwerkt. Om deze versies te maken, moeten bedrijven vaak veel van de functies en mogelijkheden van de desktop-versies elimineren.

Wanneer een gebruiker een website bezoekt, bepaalt de website het soort apparaat dat wordt gebruikt en dient een andere set webpagina's voor een gebruiker van een mobiel apparaat dan voor een desktopgebruiker.

Stel je voor dat je een Google-zoekopdracht uitvoert op je mobiele telefoon en zoekresultaten bekijkt die precies zijn wat je zoekt. Als je echter op de zoekresultaten klikt, krijg je niet wat de zoekresultaten aangeven dat je zou zien. In plaats daarvan krijg je een verwaterde versie van wat je verwachtte, omdat de website je een andere set webpagina's diende toen hij vaststelde dat je een mobiel apparaat gebruikte.

De gemiddelde gebruiker geeft Google de schuld van deze tekortkoming omdat de inhoud niet overeenkomt met wat in de zoekresultaten wordt beschreven.

Google's Mobile-First Indexing Strategie

Precies daarom kondigde Google in maart 2018 een mobile-first index strategie aan. In plaats van de desktopversies van websites te indexeren, begon Google de mobiele versies te indexeren. In juli 2018 begon Google ook met het gebruik van paginasnelheid in mobiele zoekresultaten, wat betekent dat de voorkeur wordt gegeven aan websites die snel laden op mobiele apparaten bij de rangschikking van zoekresultaten boven websites die langzamer laden. Dit betekent niet dat websites zonder een mobiele versie niet worden geïndexeerd, maar het betekent wel dat snel geladen, mobiel-vriendelijke websites eerder hoger zullen scoren in de Google-zoekresultaten dan langzamer presterende, zware websites die een desktopcomputer nodig hebben.

Hoe maak je mobiele eerste indexering mogelijk?

1. Herontwerp van uw website

Een pure, Google mobile-first indexing strategie betekent vaak een compleet herontwerp van uw website. Het ontwerp zou gericht zijn op mobiele apparaten en dan aangepast worden voor andere platformen zoals desktop computers. Een mobile-first indexing ontwerp is typisch eenvoudig en beknopt en maakt gebruik van geometrische vormen, felle kleuren, sterke typografie en witruimte als ontwerpelementen.

Het ontwerp plaatst call-to-action elementen vooraan en in het midden, en bevat moderne communicatiemethoden zoals chat en chatbots. Het spreekt voor zich dat een Google mobile-first geïndexeerde site snel laadt, en constant wordt gemeten om de snelheid te behouden of te verbeteren.

2. Pas uw website aan

Als u niet klaar bent voor een volledig mobile-first geïndexeerd herontwerp van uw website, kunt u aanpassen wat u op dit moment mobiel-vriendelijk moet zijn. Aangezien u nog steeds een desktopversie neemt en deze aanpast voor mobiele apparaten in plaats van andersom, is het technisch gezien geen Google mobile-first strategie, maar het is een praktische stap op weg naar een mobile-first geïndexeerd website-ontwerp dat u in staat stelt om als mobile-first naar zoekmachines te verschijnen.

Wanneer u uw huidige website aanpast aan deze mobiele-eerste-omgeving van Google, is het doel meestal om dezelfde inhoud te bieden aan alle gebruikers, ongeacht het apparaat dat ze gebruiken.

De manier waarop de inhoud wordt geformatteerd en gepresenteerd is echter verschillend afhankelijk van de grootte van het scherm dat wordt gebruikt om het te bekijken. Het is nog steeds acceptabel om in deze overgang een aantal extra functies op te nemen, zoals menu-opties of knoppen, die alleen verschijnen als de website wordt benaderd door een computer. Zelfs Google doet dit.

Gelukkig zijn er tools die deze overgang naar mobiel-vriendelijker dan ooit helpen maken. En er zijn tools die u in staat stellen om uw succes te meten en gebieden te identificeren die nog moeten worden verbeterd.

3. Reactieve websites en mobiele eerste indexering

Om deze overgang naar een meer mobiel-vriendelijke of Google mobile-first website te maken, is het woord dat je moet omarmen responsief. Responsive Web design is een benadering die de presentatie van een website automatisch aanpast aan het platform, de oriëntatie en de grootte van het scherm of het venster van de gebruiker.

Stelt u zich een website voor die open is op uw desktopcomputer en zichtbaar is op uw computermonitor. Als u op de hoek van het venster klikt en het versleept om het venster kleiner te maken, wat gebeurt er dan? Op een website die niet reageert, gebeurt er niets. U snijdt gewoon alles af wat vroeger te zien was en nu moet u naar links en rechts scrollen om die inhoud te zien.

Op een responsieve website zal de website zichzelf echter automatisch herformatteren zodra uw kijkvenster bepaalde afmetingen bereikt, zodat alle inhoud zichtbaar blijft in dat venster. In plaats van dat de inhoud naast elkaar wordt weergegeven, wordt deze verticaal gestapeld. Terwijl u misschien naar beneden moet scrollen om alle inhoud te bekijken, past de inhoud die u ziet binnen uw kijkvenster en hoeft u niet naar links en rechts te scrollen om het te zien.

4. Content Management Systemen (bv. WordPress)

Als u gebruik maakt van een contentmanagementsysteem (CMS) zoals WordPress, moet u een responsief thema gebruiken. Als uw huidige thema niet responsief is en er is een nieuwere, responsieve versie beschikbaar, upgrade dan naar die versie. Als er geen responsieve versie bestaat, schakel dan over naar een responsief thema.

Het grootste deel van het zware werk zal voor u worden gedaan door het thema. U zult moeten beoordelen hoe de responsieve pagina's eruit zien op verschillende mobiele apparaten en bepalen of u de manier waarop u wat informatie presenteert die niet goed wordt omgezet in responsieve pagina's, moet veranderen.

5. Toolkits voor webontwikkeling (bv. Bootstrap)

Als u geen CMS gebruikt, gebruik dan een toolkit zoals Bootstrap. Bootstrap is een open-source toolkit voor webontwikkeling met behulp van HTML, CSS en JavaScript. Het helpt u bij het bouwen van responsieve, Google mobile-first index websites met behulp van zijn responsieve rastersysteem, voorbouwen van front-end componenten en plugins.

6. Hulpmiddelen om uw mobiele-vriendelijke ontwerp te testen

Om uw nieuwe ontwerp te controleren, gaat u naar de Google Mobile-Friendly Test en voert u de URL van uw website in. U krijgt dan een rapport dat u vertelt hoe mobiel-vriendelijk uw website is, met specifieke suggesties om uw score te verbeteren.

7. Snelle websites

Of u nu een desktopsite, een mobiele-vriendelijke website of een mobiele-eerste-website heeft, de aanname vandaag de dag is dat uw website snel zal laden. Hoewel een discussie over alle factoren die van invloed zijn op hoe snel uw website laadt buiten het bestek van dit artikel valt, zijn er een paar ontwerpelementen die het laden van uw website aanzienlijk kunnen vertragen, waar u zich bewust van moet zijn.

Gelukkig bevatten de meeste responsieve thema's en toolkits functies die ten minste een deel van deze gebieden aanpakken om uw website sneller te laten laden op een mobiel apparaat.

8. Hoe een website wordt verwerkt

Wanneer u een website bezoekt, laadt het de code voor de pagina die u bekijkt in het geheugen van uw mobiele apparaat, en verwerkt vervolgens de code om de pagina te formatteren en weer te geven op uw apparaat. Wanneer u op een link klikt om naar de volgende pagina te gaan, gooit het de pagina waarop u zich bevond weg en laadt het de volgende pagina in het geheugen. Hoe meer het moet laden, hoe langer het duurt om het op te halen, te verzenden via het internet en te laden in uw apparaat.

Hoe meer code het moet verwerken, hoe langer het duurt om te formatteren en te presenteren wat het op uw scherm heeft geladen. Dat betekent dat als u minder laadt en minder verwerkt, uw website meestal sneller zal laden.

9. Afbeeldingen en Google Mobile First Indexing

Beeld- of fotobestanden zijn vaak de boosdoener als een website langzaam laadt. Hoe hoger de beeldresolutie, hoe groter het bestand en hoe langer het duurt om te laden. Wees realistisch met de resolutie die u nodig hebt om de beelden die u weergeeft en krimp beelden sneller te laden.

Afhankelijk van het formaat dat u gebruikt, kunt u afbeeldingen verkleinen met of zonder dat dit ten koste gaat van de kwaliteit. Degenen die enige kwaliteit opofferen zijn meestal veel kleiner in omvang dan degenen die hetzelfde kwaliteitsniveau behouden.

10. Code en Google Mobile Eerste Indexering

Uw browser zal de webpagina beginnen te formatteren terwijl de gegevens worden geladen, maar sommige codes zullen de browser dwingen te stoppen met formatteren en te wachten op meer code of zelfs op het laden van de hele pagina voordat de formatteringstaak wordt hervat.

Dit heet blokkeren. In de mate dat u dat kunt, wilt u de grootte van de geladen code verkleinen en elke blokkeringscode elimineren. Een manier om de grootte van de code te verkleinen is door het verwijderen van commentaar en overtollige witruimte.

Deze zijn belangrijk voor programmeurs om de code te begrijpen, maar ze zijn niet nodig voor een browser om het te verwerken. Als u de code niet kunt miniseren, zullen sommige webservers een gecomprimeerde versie van de code naar uw browser sturen, die de kleinere versie zal laden en vervolgens zal decomprimeren.

11. Achtergrond Laden en Google Mobile First Indexing

Wanneer u een webpagina bekijkt, ziet u alleen het gedeelte van de pagina dat zich binnen uw kijkvenster bevindt. Als uw browser eerst laadt en formatteert wat u in uw venster ziet, kan hij doorgaan met het laden en formatteren van andere gegevens op de achtergrond totdat de pagina is voltooid.

Voor u lijkt de webpagina snel te laden en u realiseert zich niet noodzakelijkerwijs dat de inhoud blijft laden en opmaken, tenzij u lang moet wachten als u naar beneden probeert te scrollen.

12. Tools voor snelheidsmeting en -verbetering

Een pagina op de Google Developers site genaamd Make the Web Faster biedt tips, best-practices advies en middelen om uw website sneller te laten laden. Een primaire tool in die toolkit heet PageSpeed Insights. PageSpeed Insights laat u zien wat er gebeurt vanaf het moment dat u begint met het laden van uw website tot het moment dat deze wordt geladen, geformatteerd en gepresenteerd op een mobiel of desktop-apparaat.

Hierdoor kunt u zien wat de oorzaak is van het langzamer laden van uw website, zodat u weet wat u moet veranderen. De tool geeft u vaak specifieke suggesties voor het verbeteren van de prestaties en biedt u zelfs geoptimaliseerde versies van uw afbeeldingsbestanden die sneller zullen laden.

13. Aanpassen om te overleven

Zelfs als u nu geen echt mobiele-eerste-ontwerp van Google kunt doen, kunt u uw website mobiele-eerst laten lijken door responsieve webpagina's te gebruiken en de tijd te verminderen die nodig is om uw site te laden en weer te geven. Deze twee strategieën resulteren misschien niet in hogere zoekmachineposities omdat ze verplicht zijn, maar ze moeten u helpen voorkomen dat u wordt gestraft omdat u niet hebt gekozen voor een mobiele-eerste-aanpak.