Pak je telefoon en je hebt het bewijs in handen: het merendeel van je bezoekers bekijkt je site op een klein scherm, vaak onderweg en met weinig geduld. Toch worden veel sites nog ontworpen voor een grote monitor en pas daarna ingeperst op mobiel. Deze gids legt uit wat mobiel-eerst bouwen inhoudt, waarom het zo'n verschil maakt voor zowel bezoekers als je vindbaarheid, en hoe je een site bouwt die op elk scherm prettig werkt.

Wat mobiel-eerst betekent

Mobiel-eerst draait de gebruikelijke volgorde om. In plaats van te beginnen met een ruime desktoplay-out die je daarna probeert te proppen op een telefoon, ontwerp en bouw je vanuit het kleine scherm. Je vertrekt vanuit wat echt nodig is en voegt ruimte en detail toe naarmate er meer scherm beschikbaar komt.

Het gevolg is gezond: een klein scherm dwingt tot keuzes. Wat het belangrijkst is, krijgt voorrang; overbodige franje sneuvelt vanzelf. Een site die op een telefoon helder is, is dat op een groot scherm bijna altijd ook. De techniek hierachter komt terug in responsive techniek uitgelegd.

Waarom het merendeel mobiel komt

Mensen pakken hun telefoon voor vrijwel elke zoekopdracht: even een bedrijf checken, een telefoonnummer zoeken, snel een prijs vergelijken. Voor lokale diensten is dat aandeel nog hoger, omdat iemand letterlijk onderweg zoekt naar wie hem kan helpen.

Die bezoeker is ongeduldig en heeft maar één hand vrij. Laadt je site traag, zijn de knoppen te klein of moet hij zoomen om iets te lezen, dan is hij weg voordat je iets hebt kunnen zeggen. Een prettige mobiele ervaring is daarmee geen luxe maar de norm.

Wat het betekent voor het ontwerp

Goed mobiel ontwerp gaat over rust, ruimte en duidelijkheid. De belangrijkste principes:

Een veelgemaakte fout is inhoud verstoppen achter eindeloos scrollen of in uitklapbare blokken. Op mobiel telt elke tik. Houd het pad naar de actie die je wilt, bellen of een aanvraag doen, zo kort mogelijk.

Wat het betekent voor de techniek

Mobiel-eerst is niet alleen ontwerp, het stelt ook eisen aan de techniek. Telefoons hebben vaker een tragere verbinding en minder rekenkracht dan een desktop, dus snelheid weegt extra zwaar.

// op mobiel is elke bespaarde kilobyte en elke vermeden seconde laadtijd direct merkbaar.

Dat betekent: afbeeldingen die niet zwaarder zijn dan nodig, terughoudend zijn met externe scripts en de pagina zo opbouwen dat het belangrijkste het eerst verschijnt. Hoe je daar concreet op stuurt staat in website-snelheid en techniek, en de overkoepelende aanpak in de gids over een snelle website.

Mobiel en je vindbaarheid

Er is nog een dwingende reden om mobiel serieus te nemen: Google beoordeelt sites in de eerste plaats op hun mobiele versie. Wat op een telefoon traag of onhandig is, presteert daardoor slechter in de zoekresultaten, ook voor bezoekers die uiteindelijk op een desktop komen.

Mobiel goed doen werkt dus dubbel: het houdt bezoekers vast én het helpt je gevonden worden. Hoe die techniek en vindbaarheid samenhangen, lees je in de gids over technisch vindbaar in Google.

Zelf doen of uitbesteden?

Of je site mobiel goed werkt, kun je deels zelf beoordelen: pak je telefoon en doorloop je eigen site als een ongeduldige bezoeker. Stuit je op kleine knoppen, traag laden of verstopte informatie, dan is er werk te doen. Dat structureel oplossen vraagt meestal ingrepen in zowel ontwerp als techniek.

Wil je een site die vanaf de eerste regel code mobiel-eerst is opgebouwd, kijk dan naar de dienst maatwerk-website of, als snelheid het knelpunt is, naar performance en techniek. Leg je situatie gerust voor via contact voor een eerlijk oordeel.

Veelgestelde vragen

Mobiel-eerst betekent dat je een site ontwerpt en bouwt vanuit het kleine scherm, en daarna uitbreidt naar tablet en desktop. Je begint met wat echt nodig is en voegt ruimte en detail toe naarmate er meer scherm beschikbaar is. Dat dwingt tot heldere keuzes en levert vrijwel altijd een prettiger resultaat op elk apparaat.

Niet automatisch. Veel responsive sites zijn ontworpen voor desktop en daarna 'ingedrukt' voor mobiel, met te kleine knoppen, traag ladende pagina's en verstopte inhoud als gevolg. Mobiel-eerst keert die volgorde om en vertrekt vanuit het kleine scherm, wat een merkbaar verschil maakt in gebruiksgemak.

Ja, en zwaar. Google beoordeelt sites in de eerste plaats op hun mobiele versie. Een site die op telefoons traag of onhandig is, presteert daardoor slechter in de zoekresultaten, ook voor bezoekers op een desktop. Mobiel goed doen is dus niet alleen prettig voor bezoekers, maar ook voor je vindbaarheid.

Nee. Een aparte mobiele site is verouderd en lastig te onderhouden. De moderne aanpak is één site die zich aanpast aan elk scherm. Dat is goedkoper, eenvoudiger te beheren en beter voor je vindbaarheid dan twee losse versies naast elkaar bijhouden.

Verder in de kennisbank: Een snelle website · Technisch vindbaar in Google · Een toegankelijke website

Direct relevant: dienst performance & techniek · artikel responsive techniek