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

Zoekt u hulp met uw SEO?

Mijn naam is Łukasz Żelezny, ik ben de oprichter van SEO.London. Ik heb de laatste 20 jaar in de industrie gewerkt.
Als een SEO consultant, heb ik tientallen bedrijven geholpen.
Wilt u uw SEO resultaten verbeteren?
Laten we de zaak bespreken tijdens een videogesprek.

Aan de slag

Aanpassen aan veranderend gebruikersgedrag

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 wereldwijd gebruikers toegang hebben tot de Internet met behulp van een mobiel apparaat, volgens Statista.

This represents a significant verhogen from about 30 percent in 2015. If your website was designed for a desktop computer or you don’t have a mobile-friendly site, you can expect to see your zoeken de resultaten van de zoekmachines dalen met de tijd.

Desktop en desktop-light websites

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 to build websites that contain complicated programming logic that’s loaded and processed by a browser on a desktop computer very quickly.

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 mobiel telefoon en het bekijken van zoekresultaten die precies wat die u zoekt. Wanneer u echter op de zoekresultaten klikt, krijgt u niet wat u volgens de zoekresultaten te zien zou krijgen. In plaats daarvan krijgt u een afgezwakte versie van wat u verwachtte, omdat de website u een andere reeks webpagina's voorschotelde toen hij vaststelde dat u een mobiel apparaat gebruikte.

The average user blames Google for this inadequacy because the inhoud doesn’t match what’s described in the search results.

Google's "Mobile-First" indexeringsstrategie

Precies daarom heeft Google een mobile-first index aangekondigd strategie in maart 2018. In plaats van indexering de desktopversies van websites, begon Google met het indexeren van de mobiele versies. In juli 2018 begon Google ook met het paginasnelheid in mobiele zoekresultaten, die means favoring websites that load quickly on mobile devices when ranking search results over those that load more slowly. This doesn’t mean that websites without a mobile version aren’t indexed, but it does mean that fast-loading, mobile-friendly websites are more likely to rang hoger in de zoekresultaten van Google dan trager presterende, zware websites waarvoor een desktopcomputer nodig is.

Hoe mobile first indexing in te schakelen:

1. Herontwerp uw website

Een zuivere, Google mobile-first indexeringsstrategie betekent vaak een complete herontwerp van uw website. Het ontwerp zou worden gericht op mobiele apparaten en vervolgens worden aangepast voor andere platforms zoals desktop computers. 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.

2. Pas uw website aan

Als je 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.

3. Responsieve websites en indexering op basis van mobiele telefoons

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 staat op je desktop computer en zichtbaar is op je computermonitor. Wanneer u op de hoek van het venster klikt en sleep 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.

4. Content Management Systemen (b.v. WordPress)

Als u een inhoud management systeem (CMS) zoals WordPressmoet 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 op een responsief thema.

Het grootste deel van het zware werk wordt voor u gedaan door het thema. U moet review hoe de responsive pagina's eruit zien op verschillende mobiele apparaten en bepaal of u de manier moet veranderen waarop u bepaalde informatie presenteert die niet goed converteert naar responsive pagina's.

5. Toolkits voor webontwikkeling (b.v. Bootstrap)

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.

6. Tools om uw mobielvriendelijke 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 een verslag that tells you how mobile-friendly your website is, with specific suggestions for how to improve your score.

7. Snel ladende websites

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 responsieve thema's en toolkits functies die ten minste gedeeltelijk adres enkele van deze gebieden om uw website sneller te laten laden op een mobiel apparaat.

8. Hoe een website wordt verwerkt

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.

9. Afbeeldingen en Google Mobile First Indexing

Beeld- of afbeeldingsbestanden zijn vaak de boosdoener wanneer een website traag laadt. Hoe hoger de resolutie van de afbeelding, hoe groter het bestand en hoe langer het duurt om het te laden. Wees realistisch met de resolutie die u nodig hebt voor de beelden je afbeeldingen weergeeft en verkleint zodat ze sneller 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.

10. Code en Google Mobile First Indexing

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 deze te minificeren door commentaar en overtollige witruimte te verwijderen.

Deze zijn belangrijk voor programmeurs om de code te begrijpen, maar ze zijn niet noodzakelijk 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.

11. Laden op de achtergrond 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 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.

12. Hulpmiddelen voor meting en verbetering van de snelheid

Een pagina op de site voor Google-ontwikkelaars met de naam Make the Web Faster biedt tips, advies over beste praktijken en hulpmiddelen waarmee u uw website sneller kunt laten laden. Een belangrijk hulpmiddel in die toolkit heet PageSpeed Insights. 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 desktopapparaat.

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.

13. Aanpassen om te overleven

Zelfs als je nu geen echt Google mobile-first ontwerp kunt maken, kun je je website wel mobile-first laten lijken door responsive webpagina's te gebruiken en de tijd die het kost om je site te laden en weer te geven te verminderen. Deze twee strategieën resulteren misschien niet in hogere zoekmachine rankings omdat ze verplicht zijn, maar ze zouden je moeten helpen te voorkomen dat je bestraft wordt omdat je geen mobile-first aanpak hebt gekozen.