{"id":61177,"date":"2020-10-17T17:04:01","date_gmt":"2020-10-17T17:04:01","guid":{"rendered":"https:\/\/www.websiteseocheck.nl\/seocheck\/?p=61177"},"modified":"2020-10-17T18:42:46","modified_gmt":"2020-10-17T18:42:46","slug":"wat-is-een-mobiele-viewport","status":"publish","type":"post","link":"https:\/\/www.websiteseocheck.nl\/seocheck\/wat-is-een-mobiele-viewport\/","title":{"rendered":"Wat is een mobiele viewport?"},"content":{"rendered":"
\n

Wat is een mobiele viewport?<\/strong><\/h2>\n\n\n\n

Een viewport is het venster waarin een webpagina wordt\nbekeken. Het configureren van de viewport betekent dat u aangeeft (in uw html\ncode) hoe groot dat venster moet zijn. Een viewport wordt geconfigureerd door\nde viewport-metatag toe te voegen aan uw html pagina of te bewerken. <\/p>\n\n\n\n

Viewports helpen gebruikers om web content correct te zien\nop schermen met verschillende formaten, zoals mobiele apparaten, tablets en\ndesktopweergave van webpagina.<\/p>\n\n\n\n

Hoe kan ik de viewport instellen?<\/strong><\/h2>\n\n\n\n

De manier waarop we de viewport configureren, is de\nviewport-metatag. Dit is een klein stukje code dat we in het < head> <\n\/head>  van ons html-document plaatsen.<\/p>\n\n\n\n

Google raadt 1 de volgende viewport-metatag aan voor een\nresponsive website.<\/p>\n\n\n\n

<meta name = viewport content = “width =\ndevice-width, initial-scale = 1”><\/p>\n\n\n\n

De bovenstaande metatag van de viewport geeft aan uw browser\naan dat:<\/p>\n\n\n\n

width = device-width<\/p>\n\n\n\n

initi\u00eble schaal = 1<\/p>\n\n\n\n

ofwel:<\/strong><\/p>\n\n\n\n

Breedte: maak de breedte van de pagina even breed als het\nscherm waarop deze wordt weergegeven.<\/p>\n\n\n\n

Initi\u00eble schaal: als de pagina liggend wordt weergegeven\n(een telefoon die zijwaarts is gedraaid), maak de pagina dan zo breed mogelijk\nbinnen dat scherm.<\/p>\n\n\n\n

Hoe u uw viewport controleert<\/strong><\/h2>\n\n\n\n

Gebruik onze mobiele Google Seo Check Tool om erachter te\nkomen of uw pagina’s de viewport-tag correct (of helemaal niet) configureren.<\/p>\n\n\n\n

Hieruit kunnen de volgende uitkomsten naar voren komen:<\/strong><\/h2>\n\n\n\n
  • Geen viewport<\/li>
  • uitgeschakeld viewport<\/li><\/ul>\n\n\n\n

    In de bovenstaande afbeelding wordt geen viewport\ngedeclareerd. Op de desktop ziet de webpagina er normaal uit, maar op een\nmobiel apparaat met een kleiner scherm wordt de hele webpagina weergegeven door\nalles kleiner te maken, zodat het op het scherm past. Dit betekent dat wanneer een\ngebruiker naar deze pagina gaat, ze moeten inzoomen om de tekst groot genoeg te\nmaken om te lezen.<\/p>\n\n\n\n

    • Geconfigureerde viewport<\/li>
    • correct ingesteld viewport<\/li><\/ul>\n\n\n\n

      Wanneer we de viewport zo configureren dat deze dezelfde\nbreedte heeft als het apparaat waarop het wordt weergegeven, zijn de tekst en\nafbeeldingen leesbaar zonder dat een gebruiker hoeft in te zoomen om alleen de\npagina te lezen.<\/p>\n\n\n\n

      Toegankelijkheid<\/strong><\/h2>\n\n\n\n

      Gebruik geen “minimumschaal”,\n“maximumschaal” of “door gebruiker schaalbaar” in uw\nviewports. Als u dat doet, beperkt u het gebruik van uw pagina’s voor mensen\ndie mogelijk niet goed zien.<\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"

      Het configureren van de viewport betekent dat u aangeeft (in uw html code) hoe groot dat venster moet zijn. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[84],"tags":[],"_links":{"self":[{"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/posts\/61177"}],"collection":[{"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/comments?post=61177"}],"version-history":[{"count":0,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/posts\/61177\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/media?parent=61177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/categories?post=61177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websiteseocheck.nl\/seocheck\/wp-json\/wp\/v2\/tags?post=61177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}