Viewport Meta Tag niet gedefinieerd
Laatste wijziging:
Waarom is een viewport tag nodig?
De <meta name="viewport" /> in de <head> verteld de browser hoe de pagina gerenderd moet worden. Een responsive website past zich aan naar de beschikbare grote. Om de browser te vertellen dat de website responsive is moet een <meta name="viewport" /> worden opgegeven.
Hoe is het probleem op te lossen?
Voeg een meta viewport tag toe aan de <head> van alle pagina’s:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Note: je mag maximaal 1 viewport tag toevoegen aan een pagina.
Wat doet deze code?
- width=device-width: dit vertelt de browser dat de breedte van de pagina gelijk moet zijn aan de breedte van het apparaat. Een telefoon met een breedte van
360pxmoet een pagina tonen met~360pxbreedte. - initial-scale=1.0: configureert het zoom niveau. Met deze waarde is het voor de gebruiker nog steeds mogelijk om in te zoomen.
Het is belangrijk dat de viewport toestaat dat er ingezoomd mag worden op de pagina. Gebruikers die slechtziend zijn hebben hier baat bij. Daarom is het niet aan te raden om scale parameters op te nemen in een viewport meta tag.
Hoe Mobile-Friendly is uw website?
Bekijk de functionaliteit van het ExcellentWebCheck platform
Het doel van ExcellentWebCheck is om de online gebruikerservaring van alle bezoekers van websites te verbeteren. De tools van ExcellentWebCheck helpen bij het detecteren en verbeteren van usability-problemen op uw website.