Indexering voor mobiel eerst

Citaat:

Het is niet de sterkste van de soort die overleeft, maar de soort die zich het best kan aanpassen aan veranderingen.
- Toegeschreven aan Charles Darwin

Het internet is nog betrekkelijk nieuw en is nog volop in ontwikkeling. Wanneer mensen op internet zoeken, gaan ze niet langer achter hun computer zitten en typen ze zorgvuldig geformuleerde zoekopdrachten. Sinds 2017 gebruikt ongeveer de helft van de internetgebruikers hun mobiele apparaten in plaats van hun computers om op internet te zoeken.

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

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

Dit is een aanzienlijke stijging ten opzichte van ongeveer 30 procent in 2015. Als uw website is ontworpen voor een desktop computer of als u geen mobielvriendelijke site heeft, kunt u verwachten dat uw zoekmachine ranking resultaten dalen met de tijd.

Bij de ontwikkeling van websites werd er aanvankelijk van uitgegaan dat mensen het internet zouden raadplegen vanaf een desktopcomputer. Dit heeft het mogelijk gemaakt bedrijven om websites te bouwen die ingewikkelde programmeringslogica bevatten die zeer snel door een browser op een desktopcomputer wordt geladen en verwerkt.

Maar nu gebruikers steeds vaker hun telefoon en tablet gebruiken, kunnen deze websites vaak niet snel worden geladen en verwerkt door een browser op een mobiel apparaat.
Als gevolg daarvan hebben sommige bedrijven "light"-versies van hun websites gemaakt die door een mobiel apparaat in een redelijke tijd kunnen worden geladen en verwerkt. Om deze versies te maken, moeten bedrijven vaak veel van de functies en mogelijkheden van de desktopversies elimineren.

Wanneer een gebruiker een website bezoekt, bepaalt de website welk soort apparaat wordt gebruikt en worden aan een gebruiker van een mobiel apparaat andere webpagina's aangeboden dan aan een desktopgebruiker.

Stel je voor dat je een Google-zoekopdracht uitvoert op je mobiele telefoon en zoekresultaten ziet die precies wat waarnaar u op zoek bent. Wanneer u echter op de zoekresultaten klikt, krijgt u niet wat de zoekresultaten aangeven dat u zou zien. In plaats daarvan krijg je een afgezwakte versie van wat je verwachtte, omdat de website je een andere set webpagina's voorschotelde 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.

Precies om deze reden kondigde Google in maart 2018 een mobile-first indexstrategie aan. In plaats van de desktopversies van websites te indexeren, begon Google de mobiele versies te indexeren. In juli 2018 begon Google ook paginasnelheid te gebruiken in mobiele zoekrangschikkingen, wat betekent dat websites die snel laden op mobiele apparaten worden bevoordeeld bij het rangschikken van zoekresultaten boven websites die langzamer laden. Dit betekent niet dat websites zonder mobiele versie niet worden geïndexeerd, maar wel dat snel ladende, mobielvriendelijke websites eerder hoger in de Google-zoekresultaten komen te staan dan trager presterende, zware websites waarvoor een desktopcomputer nodig is.

Een zuivere, Google mobile-first indexeringsstrategie betekent vaak een volledig herontwerp van uw website. Het ontwerp zou worden gericht op mobiele apparaten en vervolgens worden aangepast voor andere platforms zoals desktopcomputers. Een mobile-first indexing ontwerp is meestal eenvoudig en beknopt en maakt gebruik van geometrische vormen, heldere 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. Onnodig te zeggen dat een Google mobile-first geïndexeerde site snel laadt, en voortdurend wordt gemeten om de snelheid te behouden of te verbeteren.

Als je nog niet klaar bent voor een volledig mobile-first geïndexeerd herontwerp van je website, kun je wat je nu hebt aanpassen om mobielvriendelijk te zijn. Omdat je nog steeds een desktopversie neemt en die aanpast voor mobiele apparaten in plaats van andersom, is het technisch gezien geen Google mobile-first strategie. Maar het is wel een praktische stap op weg naar een mobile-first geïndexeerd website-ontwerp waarmee je als mobile-first bij zoekmachines kunt verschijnen.

Wanneer u uw huidige website aanpast aan deze Google mobile-first omgeving, 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 verschilt echter naargelang de grootte van het scherm waarop de inhoud wordt bekeken. In deze overgang is het nog steeds aanvaardbaar om bepaalde extra functionaliteit, zoals menu-opties of knoppen, op te nemen die alleen verschijnen wanneer de website door een computer wordt opgeroepen. Zelfs Google doet dit.

Gelukkig zijn er hulpmiddelen die deze overgang naar mobiel-vriendelijk gemakkelijker dan ooit maken. En er zijn hulpmiddelen waarmee u uw succes kunt meten en gebieden kunt identificeren die nog verbetering behoeven.

Om deze overgang naar een meer mobielvriendelijke of Google mobile-first website te maken, is het woord dat u moet omarmen responsive. Responsive webdesign is een aanpak waarbij de presentatie van een website automatisch wordt aangepast aan het platform, de oriëntatie en de scherm- of venstergrootte van de gebruiker.

Stel je een website voor die open is op je desktop computer en zichtbaar is op je 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 responsive is, gebeurt er niets. Je snijdt gewoon alles af wat eerst in beeld was en nu moet je naar links en rechts scrollen om die inhoud te zien.

Op een responsive website zal de website zich echter automatisch opnieuw formatteren zodra uw kijkvenster een bepaalde grootte bereikt, zodat alle inhoud in dat venster zichtbaar blijft. In plaats van dat de inhoud naast elkaar wordt weergegeven, wordt deze verticaal gestapeld. Hoewel u misschien naar beneden moet scrollen om alle inhoud te zien, past de inhoud die u ziet binnen uw kijkvenster en hoeft u niet naar links en rechts te scrollen om deze te zien.

Als u een content management systeem (CMS) zoals WordPress gebruikt, zou u een responsive thema moeten gebruiken. Als uw huidige thema niet responsive is en er een nieuwere, responsive versie beschikbaar is, upgrade dan naar die versie. Als er geen responsieve versie bestaat, schakelt u over op een responsief thema.

Het meeste werk wordt voor u gedaan door het thema. U zult moeten bekijken hoe de responsive pagina's eruit zien op verschillende mobiele apparaten en bepalen of u de manier moet veranderen waarop u bepaalde informatie presenteert die niet goed converteert naar responsive pagina's.

Als u geen CMS gebruikt, begin dan met een toolkit zoals Bootstrap. Bootstrap is een open-source toolkit voor webontwikkeling met HTML, CSS en JavaScript. Het helpt je responsive, Google mobile-first index websites te bouwen met behulp van zijn responsive grid systeem, voorgebouwde front-end componenten en plugins.

Om uw nieuwe ontwerp te controleren, gaat u naar de Google Mobielvriendelijk-test en voert u de URL van uw website in. U krijgt een rapport dat u vertelt hoe mobielvriendelijk uw website is, met specifieke suggesties om uw score te verbeteren.

Of u nu een desktop site, mobielvriendelijke website of mobile-first website heeft, de aanname vandaag de dag is dat uw website snel laadt. Hoewel een bespreking van 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 responsive thema's en toolkits functies die op zijn minst een aantal van deze gebieden aanpakken, zodat uw website sneller laadt op een mobiel apparaat.

Wanneer u een website bezoekt, laadt deze de code voor de pagina die u bekijkt in het geheugen van uw mobiele toestel, en verwerkt vervolgens de code om de pagina op te maken en weer te geven op uw toestel. Wanneer u op een link klikt om naar de volgende pagina te gaan, wordt de pagina waarop u zich bevond verwijderd en wordt de volgende pagina in het geheugen geladen. Hoe meer er moet worden geladen, hoe langer het duurt om de pagina op te halen, over het internet te verzenden en in uw toestel te laden.

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

Beeld- of afbeeldingsbestanden zijn vaak de boosdoener wanneer een website traag laadt. Hoe hoger de afbeeldingsresolutie, hoe groter het bestand en hoe langer het duurt om het te laden. Wees realistisch met de resolutie die u nodig hebt voor de afbeeldingen die u weergeeft en verklein afbeeldingen om ze sneller te laden.

Afhankelijk van het formaat dat u gebruikt, kunt u afbeeldingen verkleinen met of zonder kwaliteitsverlies. Afbeeldingen met een lagere kwaliteit zijn meestal veel kleiner dan die met dezelfde kwaliteit.

Uw browser begint met het opmaken van de webpagina zodra de gegevens zijn geladen. Sommige code zal de browser echter dwingen te stoppen met formatteren en te wachten op meer code of zelfs op het laden van de hele pagina voordat het formatteren wordt hervat.

Dit wordt blokkeren genoemd. Voor zover je kunt, wil je de grootte van de code die geladen wordt verminderen en alle blokkerende code elimineren. Een manier om de code te verkleinen is door commentaar en overtollige witruimte te verwijderen.

Deze zijn belangrijk voor programmeurs om de code te begrijpen, maar ze zijn niet nodig voor een browser om de code te verwerken. Als je code niet kunt minifiëren, sturen sommige webservers een gecomprimeerde versie van de code naar je browser, die de kleinere versie laadt en vervolgens decomprimeert.

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 opmaakt wat u in uw venster ziet, kan hij doorgaan met het laden en opmaken van andere gegevens op de achtergrond totdat de pagina volledig is.

Voor u lijkt de webpagina snel te laden en u realiseert zich niet noodzakelijk dat hij doorgaat met laden en het opmaken van de inhoud, tenzij u lang moet wachten wanneer u naar beneden probeert te scrollen.

Een pagina op de Google-ontwikkelaarssite genaamd Make the Web Faster biedt tips, best-praktijken advies en middelen om u te helpen uw website sneller te laten laden. Een primair hulpmiddel in die gereedschapskist heet PageSpeed Inzichten. PageSpeed Insights laat zien wat er gebeurt vanaf het moment dat u uw website begint te laden tot het moment dat de website is geladen, opgemaakt en gepresenteerd op een mobiel of desktop-apparaat.

Zo kunt u zien waardoor uw website trager laadt, 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.

Zelfs als je niet kunt doe een echt Google mobile-first ontwerp op dit moment, kunt u uw website mobiel-eerst te laten lijken door het gebruik van responsieve webpagina's en het verminderen van de tijd die het duurt om te laden en uw site weer te geven. Deze twee strategieën resulteren misschien niet in hogere zoekmachinerankings omdat ze verplicht zijn, maar ze zouden je moeten helpen voorkomen dat je bestraft voor het niet hebben gekozen voor een mobile-first aanpak.