• SEO leren

Eerst mobiel indexeren: Een gids voor mobielvriendelijke websites

  • Yoni Yampolsky
  • 7 min read
Eerst mobiel indexeren: Een gids voor mobielvriendelijke websites

Intro

Mobile-first indexing is geen nieuw onderwerp in de wereld van zoekmachine optimalisatie (SEO) en website ontwikkeling. Exploding Topics meldt zelfs dat meer dan 55% van het wereldwijde verkeer afkomstig is van mobiele apparaten.

Als je bedrijf geen mobielvriendelijke website heeft, zullen potentiële klanten je site waarschijnlijk binnen enkele seconden verlaten.

De beste manier om je website te laten verschijnen op de SERP's (Search Engine Results Pages) van Google is door de mobile-first indexering te omarmen.

Dit is de methode van Google om websites te rangschikken op basis van de mobiele versies van de inhoud van hun site.

Om je op het juiste pad te helpen, wordt in deze gids uitgelegd hoe je mobile-first indexing kunt integreren door een responsive websiteontwerp te maken.

Controleer of je website mobielvriendelijk is

Bij mobile-first indexing zullen zoekmachines de mobiele versie van je website crawlen en weergeven boven al het andere. Als je website niet mobielvriendelijk is, wordt de desktopversie standaard weergegeven op mobiele schermen.

En je mobiele gebruikers kunnen eindigen met een te grote en moeilijk te gebruiken websitepresentatie op hun smartphone of tablet. Op zijn zachtst gezegd geen ideale situatie. Je mist een responsive design. En je website past zich niet aan verschillende schermformaten aan.

Maak kennis met Ranktracker

Het alles-in-één platform voor effectieve SEO

Achter elk succesvol bedrijf staat een sterke SEO-campagne. Maar met talloze optimalisatietools en -technieken om uit te kiezen, kan het moeilijk zijn om te weten waar te beginnen. Nou, vrees niet meer, want ik heb precies het ding om te helpen. Ik presenteer het Ranktracker alles-in-één platform voor effectieve SEO

We hebben eindelijk de registratie voor Ranktracker helemaal gratis geopend!

Maak een gratis account aan

Of log in met uw gegevens

Je kunt dit scenario voorkomen door te controleren of je website al mobielvriendelijk is. De beste manier is door de PageSpeed Insights tool van Google te gebruiken.

PageSpeed Insights (Afbeelding Bron)

Door gewoon de URL van je website in de zoekbalk te steken, kun je realtime gegevens bekijken over hoe deze presteert op mobiele apparaten:

PageSpeed Insights results (Afbeelding Bron)

Zoals je kunt zien, is het cruciaal om een mobiel-vriendelijke website score tussen 90-100 te behouden. Als je ontdekt dat je website niet mobielvriendelijk is, is het tijd om naar Google Search Console te gaan.

Mobile Usability from Search Console (Afbeeldingsbron)

Maak kennis met Ranktracker

Het alles-in-één platform voor effectieve SEO

Achter elk succesvol bedrijf staat een sterke SEO-campagne. Maar met talloze optimalisatietools en -technieken om uit te kiezen, kan het moeilijk zijn om te weten waar te beginnen. Nou, vrees niet meer, want ik heb precies het ding om te helpen. Ik presenteer het Ranktracker alles-in-één platform voor effectieve SEO

We hebben eindelijk de registratie voor Ranktracker helemaal gratis geopend!

Maak een gratis account aan

Of log in met uw gegevens

Daar kun je eventuele crawlproblemen, problemen met de sitesnelheid en andere fouten vinden die je mobiele ervaring kunnen tegenhouden.

De meest voorkomende mobiel-vriendelijke problemen die je in artikelen in Google Search Console tegenkomt, zijn echter:

  • Problemen met aanraakinvoer (koppelingen en knoppen) voor mobiele gebruikers
  • Niet-responsief websiteontwerp, sjabloon of thema
  • Niet-mobiel-vriendelijke pop-ups
  • Onhandige websitenavigatie
  • Moeilijk leesbare lettertypen

Of je website nu vanaf nul is opgebouwd of als je een content management systeem (CMS) zoals WordPress gebruikt, je moet er niet vanuit gaan dat je site al mobielvriendelijk is.

PageSpeed Insights en Google Search Console geven je een overzicht van de mobiele prestaties van je website, zodat je de nodige verbeteringen kunt aanbrengen voor mobiele schermen.

Zorg ervoor dat uw website dezelfde ervaring biedt op desktop- en mobiele apparaten

Het is gebruikelijk voor SEO's en ontwikkelaars om bepaalde webfuncties uit een mobiele website te schrappen om een goede gebruikerservaring (UX) te bevorderen.

Een lompe mobiele website vol nutteloze elementen is immers nooit een goed idee. Als je echter te veel van deze functies weglaat, kan dat gevolgen hebben voor de mobile-first indexering van je website.

Google wil ervoor zorgen dat ontwikkelaars dezelfde ervaring leveren aan zowel desktop- als mobiele gebruikers. Dit is wat ze er specifiek over te zeggen hadden:

"Als je mobiele site minder inhoud heeft dan je desktopsite, overweeg dan om je mobiele site bij te werken zodat de primaire inhoud gelijk is aan je desktopsite. Bijna alle indexering op je site komt van de mobiele site."

Het is vrij eenvoudig.

Als je mobiele website minder inhoud heeft, zal deze niet goed presteren op de SERP's.

Zoekmachines waarderen inhoud omdat het de enige manier is waarop ze kunnen bepalen waar je website over gaat. Om de desktop- en mobiele versies van je website hetzelfde te houden, zijn hier enkele belangrijke aanbevelingen die je moet volgen:

  • Werk samen met je UX-, SEO- en ontwikkelteams om inhoud mobielvriendelijk weer te geven in plaats van cruciale website-elementen te verwijderen.
  • Afbeeldingen, video's en andere grote contentbestanden moeten correct worden geoptimaliseerd voor verschillende mobiele apparaten, zoals tablets, smartphones en andere slimme apparaten.
  • Houd alle gestructureerde gegevens, meta-robot-tags en technische websitegegevens universeel op alle IoT-apparaten.

Vergeet niet dat mobile-first indexing betekent dat zoekmachines voornamelijk de mobiele versie van je website zullen crawlen. Als je mobiele website hongerig is naar inhoud, maakt het niet uit hoe geoptimaliseerd je desktopwebsite is.

Geen van beide zal de SEO-prestaties genereren die u zoekt.

Leer het verschil tussen mobiele bruikbaarheid en mobile-first indexing

Mobile-first indexing en mobiele bruikbaarheid worden vaak door elkaar gebruikt. De waarheid is dat deze termen niet hetzelfde zijn.

Mobiele bruikbaarheid verklaart de prestaties van een website op mobiele apparaten. Zoals we al eerder hebben uitgelegd, is mobile-first indexing Google's voorkeur voor het crawlen van mobiele websiteversies boven desktopversies.

Hier is het voorbehoud.

Als je website niet mobielvriendelijk is en veel problemen heeft met mobiele bruikbaarheid, kan en zal deze nog steeds worden geïndexeerd door Google. Laten we bijvoorbeeld zeggen dat je een restaurant hebt en dat een van je menupagina's een PDF-bestand is.

Natuurlijk zijn PDF-bestanden moeilijk te lezen en navigeren op mobiele apparaten. Google kan echter nog steeds informatie crawlen met mobile-first indexing als er genoeg van is.

Uiteindelijk zal een smartphone Googlebot je website automatisch crawlen als deze genoeg inhoud heeft voor mobile-first indexing. Toch moet je eerst de problemen met de mobiele bruikbaarheid van je website oplossen.

Versnel de snelheid van je website

De gemiddelde tijd die een gebruiker op een website doorbrengt is 54 seconden.

Niemand heeft de hele dag de tijd om te wachten tot je website geladen is. Er zijn tenslotte miljarden andere websites die ze binnen een paar seconden kunnen openen.

Daarom is het verbeteren van de snelheid van je website essentieel, niet alleen voor mobiele gebruikers, maar ook voor SEO-doeleinden.

Een trage laadtijd van een website heeft invloed op de verblijftijd en het bouncepercentage. Dit zijn statistieken die inschatten hoe lang mensen op je website blijven of weggaan zonder iets te doen.

Als dit gebeurt door de trage snelheid van je website, zal Google dit opmerken en je website in de SERP's degraderen. Om dit te voorkomen kun je de snelheid van je website controleren en bewaken door een site-audit uit te voeren.

U kunt Ranktracker gebruiken om een uitgebreide web audit uit te voeren om de snelheid van uw site op mobiele apparaten te meten.

Optimaliseer je website voor inhoud die traag laadt

Op de meeste moderne websites is inhoud die langzaam wordt geladen gemeengoed. Nieuwspublicaties gebruiken dit soort inhoud om steeds meer verhalen te vullen als je naar beneden scrollt op hun sites.

De uitgever van sportnieuws, ClutchPoints, laat gebruikers op de knop "Meer verhalen" klikken als ze meer nieuwsartikelen in bepaalde sportcategorieën willen lezen:

Lazy Loading content (Afbeelding Bron)

Het principe achter het lui laden van inhoud is om inhoud alleen weer te geven wanneer de gebruiker erom vraagt. En het verhoogt de snelheid van de website door het aantal onnodige regels code die Google moet crawlen te verminderen.

Het voegt ook een mooie UX-touch toe om je website pagina's minder zwaar te maken voor mobiele gebruikers. Het probleem is echter dat het voor zoekmachines lastig kan zijn om inhoud te indexeren als deze lui wordt geladen.

Terug naar ClutchPoints, bijvoorbeeld.

Natuurlijk kan Google de verhalen die je kunt ophalen door op de knop "Meer verhalen" te klikken niet indexeren als ze daar nog niet staan.

U kunt dit probleem oplossen door ervoor te zorgen dat uw website gepagineerd kan worden geladen. Hierdoor kunnen zoekmachines zoals Google al uw site-inhoud noteren, zelfs als deze oneindig scrollt, zoals ClutchPoints.

Kijk uit voor onjuiste advertentieplaatsing

Als je Google Adsense gebruikt, is het belangrijk om goed op te letten hoe je advertenties worden weergegeven op de mobiele versie van je website.

Mobiele apparaten tonen responsieve display-advertenties (RDA's) in plaats van de meer gebruikelijke advertenties die je ziet op een desktopcomputer.

Hier zijn bijvoorbeeld typische desktopadvertenties:

Watch out for improper ad placement (Afbeelding Bron)

En zo zien ze eruit op een mobiel apparaat:

here's what they'd look like on a mobile device (Afbeelding Bron)

Je komt niet weg met het hergebruiken van desktopweergaveadvertenties op mobiel. Hier zijn enkele best practices die je kunt volgen bij het maken van mobiele RDA's:

  • Instrueer je SEO-team en ontwikkelaars om CSS- en HTML-tags te gebruiken om je advertenties aan te passen op basis van verschillende presentatiegroottes
  • Houd je kop en tekst duidelijk en kort
  • Probeer tekst boven afbeeldingen te vermijden
  • Advertentieafbeeldingen van meerdere formaten maken

Zorg ervoor dat je website voldoet aan de ADA-normen

61 miljoen mensen in de Verenigde Staten leven met een handicap. Een toegankelijke website betekent dat je gebruikers met een handicap tegemoet moet komen, zoals slechthorenden, kleurenblinden of mensen met een andere onzichtbare handicap.

Hoe meer mensen interactie hebben met je website, hoe groter de kans dat ze blijven en converteren. Dit concept is enorm belangrijk voor mobile-first indexing.

Het toegankelijk maken van je website komt alle gebruikers ten goede, niet alleen mensen met een handicap. Mobiele websites die eenvoudig te gebruiken zijn, een duidelijke inhoudsstructuur hebben en alternatieve tekst voor afbeeldingen bieden, naast andere toegankelijkheidsfuncties, zorgen voor een betere klantervaring.

Het streven naar toegankelijkheid van websites is niet alleen een ethische, maar ook een verstandige commerciële beslissing. Het is essentieel om de juridische implicaties van toegankelijkheid te erkennen. Regelgeving zoals de Americans with Disabilities Act (ADA) is bijvoorbeeld van invloed op Amerikaanse bedrijven en schrijft voor dat hun websites, net als hun fysieke panden, een uitgebreide ervaring moeten bieden voor alle bezoekers.

Je kunt een gratis website-toegankelijkheidscontrole gebruiken, zoals accessiBe, die nauwkeurig de huidige toegankelijkheidsstatus van je website beoordeelt om te bepalen of deze voldoet aan de huidige regelgeving.

website accessibility checker Afbeelding bron

Maak kennis met Ranktracker

Het alles-in-één platform voor effectieve SEO

Achter elk succesvol bedrijf staat een sterke SEO-campagne. Maar met talloze optimalisatietools en -technieken om uit te kiezen, kan het moeilijk zijn om te weten waar te beginnen. Nou, vrees niet meer, want ik heb precies het ding om te helpen. Ik presenteer het Ranktracker alles-in-één platform voor effectieve SEO

We hebben eindelijk de registratie voor Ranktracker helemaal gratis geopend!

Maak een gratis account aan

Of log in met uw gegevens

Je kunt je website ook toegankelijker maken door:

  • Gebruik consistente kleuren op je website. Gebruik geen felle, moeilijk leesbare neonkleuren.
  • Alternatieve tekst toevoegen aan je afbeeldingen voor mensen met een handicap die schermlezers gebruiken.
  • Gebruikmaken van een duidelijke inhoudsstructuur zodat gebruikers belangrijke informatie snel en gemakkelijk kunnen vinden.

Als je een aantal van deze best practices hebt toegepast, controleer dan of je website voldoet aan de eisen van de Amerikaanse Wet voor Gehandicapten (ADA). Als je pagina een voldoende scoort, kun je aan de slag.

Access Scan (Afbeelding Bron)

Het ontwikkelen van een toegankelijke website garandeert dat alle mensen betrokken en geïnformeerd zijn en klaar zijn om te converteren.

Belangrijkste opmerkingen

In het algemeen heeft mobile-first indexing een hogere norm gesteld voor hoe websites eruit moeten zien en moeten presteren op het internet. Zoekmachines zijn nu vooral geïnteresseerd in hoe je website mobiele gebruikers bedient.

Als je deze gids volgt, krijg je een duidelijker beeld van hoe je een mobielvriendelijke website kunt beheren en meer mobiele gebruikers kunt ontvangen.

Yoni Yampolsky

Yoni Yampolsky

Marketing Manager, Elementor

is a Marketing Manager for Elementor. With more than 10 million active users, Elementor empowers just about anyone to create stunning WordPress websites, code-free. Elementor now offers best-in-class, built-in cloud hosting features. You can build and host your WordPress site in one, single platform.

Link: Elementor

Begin Ranktracker te gebruiken... Gratis!

Ontdek wat uw website belemmert in de ranking.

Maak een gratis account aan

Of log in met uw gegevens

Different views of Ranktracker app