Waarom mijn site niet werkt op de telefoon

Waarom mobiel zo belangrijk is geworden

In 2026 komt 70-85% van het MKB-verkeer in Nederland van mobiele apparaten. Voor lokale dienstverleners (hovenier, kapper, restaurant, garage) is dat percentage nog hoger — 80-90%. Google indexeert sinds 2019 mobile-first: hij beoordeelt je site op basis van de mobiele versie. Een site die desktop top is en mobiel een rommeltje, rankt op het rommeltje.

Concreet: als je mobiele site hapert, is het niet "een extra probleem". Het is je primaire probleem.

De zeven hoofdoorzaken

1. Ontbrekend viewport-meta-tag

Eerste check: open je site, klik rechtermuisknop → "Pagina-bron weergeven". Zoek op viewport. Als deze regel ontbreekt:

<meta name="viewport" content="width=device-width, initial-scale=1">

Dan toont je site op mobiel een geminificeerde desktop-versie. Onleesbaar. Fix in 30 seconden door één regel toe te voegen aan je HTML-head.

2. Niet-responsief thema

WordPress-thema's gemaakt voor 2010-2015 waren niet altijd responsief. Symptomen: site is exact 1140px breed op een 390px telefoon, je moet pinch-to-zoom doen. Fix: nieuw thema of rebuild.

3. Tap-targets te klein

Apple en Google adviseren minimaal 44×44px voor elk klikbaar element. Knoppen of links die kleiner zijn worden vaak per ongeluk gemist of dubbel-geklikt. Symptomen: klanten klagen "je formulier werkt niet" (terwijl het wel werkt, ze raken de verkeerde knop). Detail: tap-target size 44px.

4. Horizontale scroll

De pagina is breder dan het scherm — bezoeker moet zijwaarts scrollen om iets te zien. Hoofdoorzaken: tabel zonder responsive wrap, een afbeelding met vaste pixels-width, een element met min-width. Test: open site op telefoon, swipe naar links — schuift de pagina mee? Probleem.

5. Mobile menu kapot

Hamburger-menu opent niet, of opent maar laat geen sub-items zien, of dekt de hele pagina af zonder sluit-knop. Bij WordPress vaak: theme-update brak het. Bij oudere sites: simpelweg nooit voor mobiel gebouwd. Detail: mobile menu best practices.

6. Formulieren niet invulbaar

Symptomen: invulvelden zijn te smal voor het toetsenbord, dropdowns sluiten niet, submit-knop is verborgen achter de keyboard. Vaak door custom-CSS die niet voor mobiel is ontworpen. Test: vul je eigen formulier in op je telefoon en let op elke hapering.

7. Tekst te klein

Apple-richtlijn: minimaal 16px font-size op body. Onder 14px wordt onleesbaar. Veel MKB-sites die "responsief" geclaimd worden hebben 12px-13px body — kost lezers. Test: open site, kun je vlot lezen zonder zoomen?

Zelf testen — 5 minuten

1. Open je site op je eigen telefoon (iPhone of Android — bij voorkeur beide)
2. Scroll je hele homepage van boven naar onder. Knoeit iets? Springt iets?
3. Open je menu. Sluit het. Klik elke optie.
4. Open je contactformulier. Vul 'em volledig in. Verstuur 'em.
5. Open een dieper pagina (dienst, blog, portfolio). Werkt alles?

Als bij stap 2-5 iets hapert: je hebt een mobiel-probleem.

Diepere tools

• Chrome DevTools → Device Mode (F12, mobile-icon) — simuleert telefoons in je browser. Niet 100% accuraat maar handig.
• Google Search Console → "Mobile Usability"-tab — toont per pagina welke mobile issues Google detecteert.
• BrowserStack / Sauce Labs — virtuele echte iPhones en Androids. Gratis tier beschikbaar.

Fix of rebuild?

De vraag is bijna altijd: kan je bestaande site mobiel-werkend gemaakt worden, of is rebuild slimmer?

• Fix-haalbaar: site is gebouwd op een modern, responsief thema dat slecht is geconfigureerd. 1-3 dagen werk.
• Rebuild beter: site is gebouwd op een verouderd niet-responsief thema, of op een page-builder die mobiel slecht ondersteunt.

Vuistregel: als je 4+ van de 7 oorzaken hebt, is rebuild goedkoper-op-de-lange-termijn dan eindeloos patchen. Detail in onze prijzen (€1.995-€6.995 vast). Wat dit aan extra mobiele conversie oplevert: zie verliescalculator. Voor MKB in de regio: DesignCheck Mijdrecht.

Wat er onder de motorkap fout gaat

De zeven oorzaken in de eerste lijst zijn de symptomen. De technische root-cause zit vaak een laag dieper. Bij MKB-sites die wij analyseren zien we drie terugkerende achterliggende oorzaken. Eén, een verouderd CMS-thema dat verzanden in plugins. Twee, een page-builder die generieke output produceert. Drie, een ontwikkelaar die mobiel als afterthought heeft behandeld.

Het meest voorkomende geval is een WordPress-site met een thema uit 2017 of 2018, daarbovenop Elementor of WPBakery, en een verzameling van twintig of meer plugins waarvan er minstens vijf overlap hebben in functionaliteit. Het thema is in zijn tijd responsive geweest, maar door de page-builder zijn er custom CSS-regels toegevoegd die de breakpoints overschrijven. Plus de plugins voegen elk hun eigen CSS- en JS-bestanden toe, die zich onderling niet aan dezelfde breakpoint-conventie houden. Het netto-resultaat, een site die op desktop oké lijkt maar op mobiel breekt in een tiental subtiele manieren tegelijk.

Een tweede geval is een Wix- of Squarespace-site waarbij de eigenaar zelf elementen heeft toegevoegd zonder rekening te houden met mobiele weergave. In Wix bestaat een aparte mobiele editor die niet automatisch wordt bijgewerkt wanneer je iets op desktop verandert. Resultaat, je voegt een nieuwe sectie toe op desktop, hij verschijnt niet of staat verkeerd op mobiel, en je merkt het pas weken later als een klant erover begint.

Een derde geval is een custom-gebouwde site uit 2014 tot 2016, waar de ontwikkelaar destijds responsive heeft beloofd maar in werkelijkheid een vaste 1024-pixel layout heeft gemaakt met een paar media queries die alleen tabletten dekken. Op smartphones is de site nog steeds een mini-versie van de desktop-variant, met pinch-zoom als enige optie. Tegen 2026 is dat niet meer acceptabel.

Een diagnose-pad voor je eigen site

Volg deze stappen in volgorde. Sla niets over, want elke stap geeft een aanwijzing voor de volgende.

1. Open je site op een echte iPhone. Doe een viewport-meta-check via Pagina-bron. Ontbreekt de tag, dan stop hier en voeg hem toe.
2. Draai je telefoon horizontaal. Past de content netjes, dan ben je responsive. Springt alles in een vaste layout, dan heb je een adaptive- of niet-responsive site.
3. Scroll van bovenaf naar beneden. Tel hoe vaak iets ploft, springt of laat zien. Boven de drie keer is dat een symptoom van slechte image-handling of CSS-loading.
4. Open je mobiele menu. Tel de seconden tot het open is. Boven de halve seconde is te traag.
5. Tik op de drie kleinste klikbare elementen op de pagina. Mis je er minstens een, dan zijn je tap-targets te klein.
6. Vul je eigen formulier in alsof je een klant bent. Hapert iets, dan is je formulier mobiel niet getest.
7. Open een diepere pagina via een interne link. Vergelijk de layout met de homepage. Werkt het even consistent?
8. Doe dezelfde stappen op een Android-toestel, idealiter een mid-range model van twee tot drie jaar oud.
9. Vergelijk je waarnemingen. Klopt het op iOS, niet op Android, dan zit het probleem in een Safari- of Chrome-specifieke regel.
10. Open Google Search Console en kijk naar het tabblad Pagina-ervaring. Daar zie je welke pagina's Google als problematisch markeert.

Reparatie versus rebuild — een eerlijk afwegingskader

De vraag of je moet repareren of opnieuw bouwen is geen ideologie maar een rekensom. Hierbij vier variabelen die de uitkomst bepalen.

Eén, de leeftijd van de basis. Een site die in 2022 of later is gebouwd op een modern framework, kan vaak met gerichte fixes mobiel-vriendelijk worden. Een site uit 2018 of eerder zit qua techniek zo ver achter dat patchwerk zelden duurzaam is. Twee, het aantal plugins en uitbreidingen. Sites met meer dan vijftien actieve plugins hebben vrijwel altijd onbedoelde interacties die je niet kunt voorzien zonder volledige refactor. Drie, de hoeveelheid maatwerk. Veel custom CSS of JavaScript bovenop een standaard thema betekent dat een update van het thema het maatwerk breekt. Daar bouw je niet duurzaam mee.

Vier, de business-impact. Een verbouw kost €1.500 tot €3.500 voor gerichte fixes en €1.995 tot €6.995 voor een rebuild bij DesignCheck. De vraag is wat de mobiele site na de ingreep moet opleveren. Als je nu 1000 mobiele bezoekers per maand hebt met een conversieratio van 1 procent en een gemiddelde klantwaarde van €200, dan loopt er €2.000 per maand door je site. Een verdubbeling naar 2 procent levert €2.000 extra per maand. De rebuild van €3.995 is binnen drie maanden terugverdiend.

Bij Keurmeesters speelden alle vier factoren mee. Een verouderde WordPress-site, te veel plugins, veel maatwerk en een groeiend volume aan aanvragen voor energielabels. De keuze viel op rebuild, niet patchen. Resultaat, een Lighthouse-score van 98 op mobiel, een conversieratio van 9,8 procent en een maandelijkse omzetgroei van naar schatting €4.300 vergeleken met de oude site.

Praktische checklist voor het audit-gesprek

1. Print of bewaar een screenshot van je mobiele homepage zoals hij er nu uitziet.
2. Schrijf je drie grootste klachten op in een zin per stuk.
3. Noteer je gemiddelde maandelijkse mobiele bezoekers volgens Google Analytics of Search Console.
4. Noteer je gemiddelde conversie-ratio op mobiel, indien beschikbaar.
5. Schat je gemiddelde klantwaarde in euro's.
6. Bedenk welke drie pagina's voor jou het meeste opleveren, qua aanvragen of verkoop.
7. Noteer welke andere bureaus je hebt benaderd en wat hun voorstel was.
8. Stel een budget vast dat je realistisch beschikbaar hebt voor de komende drie maanden.
9. Bepaal je gewenste opleverdatum, met enige speling van twee tot vier weken.
10. Bepaal of je liever in één keer opnieuw bouwt of in fasen verbetert.
11. Vraag tijdens het gesprek om concrete Lighthouse-scores van eerdere projecten.
12. Vraag of de oplevering een eigen perf-dashboard bevat zodat je de prestaties kunt volgen.
13. Vraag of onderhoud onder een vast bedrag valt of per uur wordt gerekend.

De pakketten in context

Onze drie pakketten zijn ontworpen om bij verschillende uitgangssituaties te passen. Starter van €1.995 is voor een MKB-bedrijf met een enkele dienst of een handvol producten, dat een site nodig heeft die snel laadt, mobiel goed werkt en duidelijk converteert. Groei van €3.995 voegt blog, sectorpagina's en uitgebreide structured data toe. Premium van €6.995 is voor multi-locatie, e-commerce of integraties met externe API's zoals BAG, CRM of facturatie.

Voor mobiele problemen die met gerichte fixes oplosbaar zijn, hebben we los uurwerk vanaf €85 per uur, met een minimum van vier uur per opdracht. Vraag het in de audit specifiek aan als je liever een fix dan een rebuild wilt. Wij geven een eerlijk advies welke aanpak in jouw geval het beste werkt, niet welke voor ons het meeste oplevert.

Wat doe je vandaag?

Pak je eigen telefoon, open je homepage en doe de drie stappen uit de eerste paragraaf. Scroll, menu, formulier. Schrijf de fouten op die je tegenkomt. Vraag de gratis audit aan via designcheck.nl en stuur je lijstje mee. Wij gebruiken jouw bevindingen als startpunt voor de analyse en sturen binnen 48 uur een rapport met de drie fixes met de grootste impact op aanvragen.

Gerelateerde gidsen

• Mobile-first 2026 uitgelegd
• Test je mobiele site zelf
• Tap-targets — 44px regel
• Responsive vs adaptive

FAQ — site werkt niet op telefoon

Door Twan van Hulst — DesignCheck Mijdrecht. Laatst bijgewerkt 16 mei 2026.