Negen van de tien keer ligt het aan het scherm, de browser of de instellingen van die ene bezoeker, en niet aan je website. Een moderne site past zich aan aan het apparaat, dus dezelfde pagina oogt op een smalle telefoon nu eenmaal anders dan op een brede monitor. Pas als meerdere mensen hetzelfde melden, of als tekst over elkaar heen valt en knoppen niet werken, zit er echt iets scheef.
Waarom dezelfde pagina er anders uit kan zien
Een website is geen poster met een vaste maat. De pagina schuift mee met de ruimte die hij krijgt. Op een telefoon komen kolommen onder elkaar te staan, op een groot scherm naast elkaar. Dat is geen fout, dat is precies de bedoeling.
Daar komt bij dat bezoekers van alles aan hun apparaat hebben veranderd, vaak zonder het te weten. De meest voorkomende oorzaken:
Zoomniveau
Iemand heeft ooit op Ctrl en plus gedrukt en staat sindsdien op 125 of 150 procent. Alles is groter, dus er past minder naast elkaar en de indeling klapt om naar de tablet- of telefoonweergave.
Lettergrootte-instelling
Op telefoons kun je de systeemtekst flink vergroten. Handig voor wie minder goed ziet, maar het rekt knoppen en koppen op.
Browser en versie
Chrome, Safari, Edge en Firefox tonen een pagina nagenoeg hetzelfde, maar niet tot op de pixel. Een browser die al jaren niet is bijgewerkt kan wel echt afwijken.
Extensies en adblockers
Blokkeersoftware kan een kaart, een formulier of een reviewblok onzichtbaar maken. De bezoeker ziet dan een gat waar jij iets staan hebt.
Een oude versie in het geheugen
Browsers bewaren pagina's om ze sneller te tonen. Heb je net iets aangepast, dan kan een vaste bezoeker nog dagen de oude versie zien.
Eén melding is meestal een apparaat. Drie dezelfde meldingen zijn een fout.
Zo achterhaal je wat er aan de hand is
Begin niet met gissen, maar met drie vragen aan degene die het meldt: op welk apparaat, in welke browser, en kun je een schermafdruk sturen? Met die drie dingen is het bijna altijd op te lossen. Een beschrijving als "het staat door elkaar" zegt te weinig, een plaatje zegt alles.
Daarna kijk je zelf. Open je site op je eigen telefoon, en sleep op de computer het browservenster smal en weer breed: je ziet de indeling dan netjes omklappen. Gaat er bij een bepaalde breedte iets kapot, dan heb je je antwoord. Open de pagina ook eens in een incognitovenster, want daar gelden je eigen instellingen en bewaarde versies niet. Helpt dat niet, dan ververs je hard: Ctrl en Shift en R op Windows, Cmd en Shift en R op een Mac.
Vraag het de melder nog één keer
Laat de klant de pagina opnieuw laden en, als hij het aandurft, het zoomniveau terugzetten naar 100 procent. In Chrome en Edge zie je dat percentage rechts in de adresbalk staan. In veel gevallen is het probleem daarmee weg en weet je meteen waar het aan lag.
Wanneer het wél aan je website ligt
Sommige dingen zijn geen smaak of instelling, maar gewoon kapot. Let op tekst die buiten het kader valt of over een ander blok heen ligt, knoppen die op een telefoon te klein of niet aan te tikken zijn, een menu dat niet opengaat, een formulier dat niets verstuurt, of een foto die het hele scherm vult. Zie je dat op je eigen telefoon terug, dan is het een fout en geen toeval.
Meld dat bij degene die je site beheert, en stuur apparaat, browser en schermafdruk mee. Dat scheelt een hoop heen en weer. Komt dezelfde klacht van meerdere mensen op verschillende apparaten, behandel het dan met voorrang: dan loop je bezoekers mis die niets zeggen en gewoon wegklikken.
Wat je vooraf regelt zodat dit nauwelijks speelt
Een site die netjes is gebouwd, overleeft een vreemd scherm zonder kleerscheuren. Daar hoort bij: meegroeiende tekst in plaats van vaste maten, ruime klikvlakken, voldoende contrast, en een pagina die leesbaar blijft als iemand inzoomt. Laat je site bij oplevering op zijn minst zien op een telefoon, een tablet en een computer, en klik zelf alle formulieren een keer door.
En regel wie het oplost als er toch iets scheef staat. Bij joepa zit onderhoud in het abonnement: je meldt wat je ziet, wij kijken ernaar. Dat is prettiger dan zelf uitzoeken of het aan Safari ligt.
Samengevat
- Een website past zich aan aan het scherm: verschil in weergave is normaal.
- Zoomniveau, lettergrootte, een oude browser en adblockers zijn de usual suspects.
- Vraag altijd om apparaat, browser en een schermafdruk.
- Controleer zelf in een incognitovenster en met een harde verversing.
- Overlappende tekst, niet-werkende knoppen of formulieren zijn wél een fout.
- Meerdere meldingen op verschillende apparaten: direct laten oplossen.