Responsive Design Meta Tag
< Meta Name = "Viewport"
De Viewport meta tag voor Responsive Web Design is het gedeelte van een webpagina waarin de inhoud voor de gebruiker wordt getoond. Het kan variëren van
de afmeting van het scherm van het toestel of apparaat waarop de website zichtbaar is.
Als een webpagina niet responsive geschikt gemaakt is voor kleinere viewports ziet deze er raar uit op een klein scherm. Door de viewport meta tag te gebruiken heb je invloed op de lay-out van webpagina’s op mobiele browsers.
De belangrijkste punten om te onthouden
- Zet de viewport tag altijd in het HEAD gedeelte van je site.
- Deze tag wordt door de meeste mobiele browsers ondersteund en gebruikt op duizenden websites.
- Gebruik de responsive design meta tag niet als je website niet specifiek geschikt gemaakt is voor responsive.
SEO Invloed Meter
Deze tag heeft
een klein beetje SEO invloed!
Meta Name Viewport
Deze meta tag heet de Responsive Design Meta tag, doe we ook wel het “Viewport Meta Element” noemen. Door de viewport meta tag te gebruiken is het mogelijk om de lay-out van webpagina’s op mobiele browsers te beïnvloeden.
De Viewport meta tag kan er zo uitzien:
Dit is een versimpelde versie van de Viewport tag die de viewport breedte van een browser naar 240 pixels zet zodat een gebruiker de inhoud niet kan schalen.
De inhoud waardes van de Viewport meta tag worden door een komma van elkaar gescheiden en bevatten een lijst met richtlijnen en de daarbij behorende waardes.
| Viewport-Metatag | Waarde in dit voorbeeld | Omschrijving |
| breedte | width=320 width=device-width | Logische breedte van de viewport, in pixels. De speciale apparaatbreedte waarde geeft aan dat de viewport-breedte de schermbreedte van het apparaat moet zijn. |
| hoogte | height=480 height=device-height | Logische hoogte van de viewport, in pixels. De speciale apparaatbreedte waarde geeft aan dat de viewport-hoogte de schermbreedte van het apparaat moet zijn. |
| schaalbaar door gebruiker | user-scalable=no | Geeft aan of de gebruiker in en uit de viewport kan zoomen, waardoor de weergave van een webpagina wordt geschaald. Mogelijke waarden zijn ja of nee. |
| initiële schaal | initial-scale=2.0 | Stelt de eerste schaal- of uitzoomfactor (of vermenigvuldiger) in en kan worden gebruikt om een webpagina te bekijken. De waarde 1,0 geeft een niet-geschaald webdocument weer. |
| maximum schaal | maximum-scale=2.5 | Stelt een maximale limiet in voor de gebruiker om een webpagina te schalen en te zoomen. Waarden zijn numeriek en kunnen variëren van 0,25 tot 10,0. |
| minimum schaal | minimum-scale=0.5 | Beperkt de gebruiker tot een minimum voor het vergroten of inzoomen op een webpagina. Waarden zijn numeriek en kunnen variëren van 0,25 tot 10,0. |
HTML Code Viewport Voorbeeld
Betaalbaar & Effectief
Wij leveren betaalbare SEO services die snel en effectief zijn.
MetaTags Doe-het-zelf (DHZ)
Het is niet zo moeilijk om meta-tags zelf te maken. Maak gebruik van onze handige gratis meta-tags generator.
Boost Mijn Metatags
Je hebt de beste metatags gemaakt. Dan is het nu tijd om iedereen te laten weten dat je bedrijf online bestaat.
Maak Mijn MetaTags
Vertrouw op de experts. Wij maken de perfecte metatags voor je. Trek de beste klanten aan rond het juiste zoekwoord.
Heb je
professionele
SEO hulp nodig?
Neem contact op met onze product specialisten of maak een afspraak om je vragen te bespreken!
SEO & Online Marketing blog
Het belang van een goede internet verbinding
Hoe bouw je in 6 eenvoudige stappen een Dropshipping winkel met WordPress
