Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
SEO
Waarom wordt mijn website op de smartphone zo klein weergegeven?
Een minuscuul weergegeven website op de smartphone heeft meestal één oorzaak: in de broncode ontbreekt de viewport-aanduiding. Deze ene regel zegt het apparaat dat de pagina op de schermbreedte van de smartphone is ingesteld. Ontbreekt deze, geeft het apparaat de brede desktopweergave verkleind weer — alleen leesbaar als de bezoeker voortdurend inzoomt en zijwaarts schuift.
De viewport-aanduiding richt de pagina op het scherm in
Een smartphonescherm is veel smaller dan een monitor. Opdat een website erop goed leesbaar is, moet het apparaat weten: richt de weergave in op de werkelijke schermbreedte. Precies dat zegt de viewport-aanduiding — één regel in de broncode, die elke pagina zou moeten hebben. Daarmee past de inhoud zich aan de smalle breedte aan: tekst loopt om, kolommen ordenen zich onder elkaar, knoppen blijven groot genoeg om aan te raken. Zonder de regel neemt het apparaat aan dat het een brede desktoppagina moet weergeven en verkleint alles tot de volledige breedte op het scherm past.
Zonder de aanduiding verliest u mobiele bezoekers
Een groot deel van de zoekopdrachten aan een regionaal bedrijf komt van de smartphone — bijvoorbeeld wanneer iemand onderweg een loodgieter, een café of openingstijden zoekt. Treft deze bezoeker een postzegelbrede weergave aan, moet hij inzoomen, zijwaarts schuiven en met zijn duim op kleine menupunten richten. De meesten geven na enkele seconden op en kiezen de volgende zoekresultaat. Ook Google let op de mobielgeschiktheid van pagina's; het ontbreken van de viewport-aanduiding neemt de pagina dit signaal. Onze controle meldt het ontbreken van de aanduiding daarom als een gebrek van middelzware ernst — op te lossen met één regel.
- Open uw website op uw eigen smartphone en controleer of de tekst zonder in te zoomen leesbaar is.
- Let erop of u zijwaarts moet schuiven om inhoud te zien — dat is een duidelijk waarschuwingsteken.
- Vraag uw bureau de viewport-aanduiding op alle pagina's in te voegen, als deze ontbreekt.
- Test na de correctie opnieuw op de smartphone of tekst omloopt en knoppen goed aanklikbaar zijn.