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.

Dit vertegenwoordigt een aanzienlijk verhogen van ongeveer 30 procent in 2015. Als je website is ontworpen voor een desktopcomputer of je hebt geen mobielvriendelijke site, dan kun je verwachten dat je 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 om websites te bouwen die ingewikkelde programmeerlogica bevatten die zeer snel wordt geladen en verwerkt door een browser op een desktopcomputer.

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.

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

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 betekent dat websites die snel laden op mobiele apparaten de voorkeur krijgen in de ranking van zoekresultaten boven websites die langzamer laden. Dit betekent niet dat websites zonder mobiele versie niet worden geïndexeerd, maar het betekent wel dat snelladende, mobielvriendelijke websites meer kans hebben om 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 die je vertelt hoe mobielvriendelijk je website is, met specifieke suggesties om je website te verbeteren. 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 je een website bezoekt, wordt de code voor de pagina die je bekijkt geladen in het geheugen van je mobiele apparaat en wordt de code vervolgens verwerkt om formaat en geeft de pagina weer op je apparaat. Wanneer je op een link klikt om naar de volgende pagina te gaan, wordt de pagina waar je was verwijderd en wordt de volgende pagina in het geheugen geladen. Hoe meer er geladen moet worden, hoe langer het duurt om de pagina op te halen, over het internet te versturen en op je apparaat 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 jou lijkt de webpagina snel te laden en je hebt niet per se door dat hij doorgaat met het laden en opmaken van inhoud, tenzij je even moet wachten. lange tijd wanneer je 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 kun je zien waardoor je website langzamer laadt, zodat je weet wat je moet veranderen. De tool geeft je vaak specifieke suggesties om het volgende te verbeteren prestatie en voorziet je zelfs van geoptimaliseerde versies van je afbeeldingsbestanden die sneller 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.