EN It is not surprising that the usage of viewport meta tag is on the higher side as most developers and tools are aware of viewport optimization.
EN It is not surprising that the usage of viewport meta tag is on the higher side as most developers and tools are aware of viewport optimization.
NL Het is niet verwonderlijk dat het gebruik van viewport-metatag aan de hogere kant is, aangezien de meeste ontwikkelaars en hulpmiddelen op de hoogte zijn van viewport-optimalisatie.
İngilis | Holland |
---|---|
usage | gebruik |
side | kant |
developers | ontwikkelaars |
tools | hulpmiddelen |
aware | op de hoogte |
optimization | optimalisatie |
is | is |
the | de |
on | op |
higher | hogere |
that | dat |
as | aangezien |
of | van |
are | zijn |
and | en |
EN Once you’ve implemented responsive design, make sure to state it clearly to the Google bots by adding meta name = “viewport” somewhere in the head section of your pages.
NL Als u eenmaal een responsief ontwerp hebt geïmplementeerd, zorg er dan voor dat u dit duidelijk vermeldt bij de Google-bots door metanaam = "viewport" ergens in het hoofdgedeelte van uw pagina's toe te voegen.
İngilis | Holland |
---|---|
responsive | responsief |
implemented | geïmplementeerd |
somewhere | ergens |
adding | voegen |
once | eenmaal |
the | de |
your | uw |
design | ontwerp |
clearly | duidelijk |
to | toe |
in | in |
by | door |
of | van |
EN Your website’s viewport (which controls the width of a webpage for the device a user is viewing) is configured correctly.
NL De viewport van uw website (die de breedte van een webpagina regelt voor het apparaat dat een gebruiker bekijkt) is correct geconfigureerd.
İngilis | Holland |
---|---|
width | breedte |
user | gebruiker |
configured | geconfigureerd |
correctly | correct |
device | apparaat |
is | is |
the | de |
webpage | webpagina |
websites | van |
for | voor |
a | een |
EN You can use Mobile-Friendly Test to see if you have a viewport configured. Submit your URL, and if it is not configured, it will tell you.
NL U kunt Mobile-Friendly Test gebruiken om te zien of u een kijkvenster hebt geconfigureerd. Dien uw URL in, en als deze niet is geconfigureerd, zal deze u dit vertellen.
İngilis | Holland |
---|---|
test | test |
configured | geconfigureerd |
url | url |
is | is |
use | gebruiken |
to | om |
will | zal |
not | niet |
tell | vertellen |
you can | kunt |
a | een |
you | u |
if | als |
and | en |
EN Your website’s viewport (which controls the width of a webpage for the device a user is viewing) is configured correctly
NL De viewport van uw website (die de breedte van een webpagina regelt voor het apparaat dat een gebruiker bekijkt) is correct geconfigureerd
İngilis | Holland |
---|---|
width | breedte |
user | gebruiker |
configured | geconfigureerd |
correctly | correct |
device | apparaat |
is | is |
the | de |
webpage | webpagina |
websites | van |
for | voor |
a | een |
EN ? You can use the Mobile-Friendly Test to see if you have a viewport configured
NL - U kunt de Mobile-Friendly Test gebruiken om te zien of u een viewport hebt geconfigureerd
İngilis | Holland |
---|---|
test | test |
configured | geconfigureerd |
the | de |
use | gebruiken |
to | om |
see | zien |
a | een |
you can | kunt |
you | u |
EN Ads, embeds, and iframes without specified dimensions: You should always reserve space for ads, embeds, and iframes. Do not place ads near the top of the viewport.
NL Advertenties, embeds, en iframes zonder gespecificeerde afmetingen: Je moet altijd ruimte reserveren voor advertenties, embeds, en iframes. Plaats geen advertenties aan de bovenkant van de viewport.
İngilis | Holland |
---|---|
ads | advertenties |
dimensions | afmetingen |
reserve | reserveren |
always | altijd |
space | ruimte |
place | plaats |
the | de |
should | moet |
without | zonder |
for | voor |
and | en |
of | van |
near | aan |
EN Site Audit Issues The initial scale in the viewport meta tag is not working
NL De beste Ghost-hosting voor uw bedrijf
İngilis | Holland |
---|---|
working | bedrijf |
the | de |
initial | voor |
EN You want elements of your website pages to display correctly on different devices. So, it would help if you used the initial scale in the viewport meta tag. What does...
NL Wanneer u begint met het maken van een blog, moet u de juiste hosting kiezen die alle aspecten van succesvol bloggen omvat. Met ghost blog-hosting kunt u bijvoorbeeld vrij eenvoudig...
İngilis | Holland |
---|---|
correctly | juiste |
the | de |
would | kunt |
pages | van |
you | u |
to | wanneer |
help | blog |
initial | een |
EN Additionally, in order to help them with some technical issues, a hyperbaric viewport and basic maintenance course was developed and made available to the network of hyperbaric chambers.
NL Bovendien werd er, om te helpen bij sommige technische zaken een hyperbare viewport en basis onderhoudscursus ontwikkeld en beschikbaar gesteld aan het netwerk van hyperbare kamers.
İngilis | Holland |
---|---|
issues | zaken |
hyperbaric | hyperbare |
available | beschikbaar |
chambers | kamers |
technical | technische |
developed | ontwikkeld |
network | netwerk |
was | werd |
to | om |
basic | een |
help | helpen |
EN Additionally, in order to help them with some technical issues, a hyperbaric viewport and basic maintenance course was developed and made available to the network of hyperbaric chambers.
NL Bovendien werd er, om te helpen bij sommige technische zaken een hyperbare viewport en basis onderhoudscursus ontwikkeld en beschikbaar gesteld aan het netwerk van hyperbare kamers.
İngilis | Holland |
---|---|
issues | zaken |
hyperbaric | hyperbare |
available | beschikbaar |
chambers | kamers |
technical | technische |
developed | ontwikkeld |
network | netwerk |
was | werd |
to | om |
basic | een |
help | helpen |
EN In this first video we see how to setup the scene and 3ds Max's viewport for optimal visualization quality.
NL In deze eerste video zien we het opstellen van de scene en het 3ds Max-venster voor optimale visualisatiekwaliteit.
İngilis | Holland |
---|---|
optimal | optimale |
scene | scene |
in | in |
video | video |
the | de |
we | we |
and | en |
for | voor |
EN Once you’ve implemented responsive design, make sure to state it clearly to the Google bots by adding meta name = “viewport” somewhere in the head section of your pages.
NL Als u eenmaal een responsief ontwerp hebt geïmplementeerd, zorg er dan voor dat u dit duidelijk vermeldt bij de Google-bots door metanaam = "viewport" ergens in het hoofdgedeelte van uw pagina's toe te voegen.
İngilis | Holland |
---|---|
responsive | responsief |
implemented | geïmplementeerd |
somewhere | ergens |
adding | voegen |
once | eenmaal |
the | de |
your | uw |
design | ontwerp |
clearly | duidelijk |
to | toe |
in | in |
by | door |
of | van |
EN Your website’s viewport (which controls the width of a webpage for the device a user is viewing) is configured correctly.
NL De viewport van uw website (die de breedte van een webpagina regelt voor het apparaat dat een gebruiker bekijkt) is correct geconfigureerd.
İngilis | Holland |
---|---|
width | breedte |
user | gebruiker |
configured | geconfigureerd |
correctly | correct |
device | apparaat |
is | is |
the | de |
webpage | webpagina |
websites | van |
for | voor |
a | een |
EN You can use Mobile-Friendly Test to see if you have a viewport configured. Submit your URL, and if it is not configured, it will tell you.
NL U kunt Mobile-Friendly Test gebruiken om te zien of u een kijkvenster hebt geconfigureerd. Dien uw URL in, en als deze niet is geconfigureerd, zal deze u dit vertellen.
İngilis | Holland |
---|---|
test | test |
configured | geconfigureerd |
url | url |
is | is |
use | gebruiken |
to | om |
will | zal |
not | niet |
tell | vertellen |
you can | kunt |
a | een |
you | u |
if | als |
and | en |
EN Your website’s viewport (which controls the width of a webpage for the device a user is viewing) is configured correctly
NL De viewport van uw website (die de breedte van een webpagina regelt voor het apparaat dat een gebruiker bekijkt) is correct geconfigureerd
İngilis | Holland |
---|---|
width | breedte |
user | gebruiker |
configured | geconfigureerd |
correctly | correct |
device | apparaat |
is | is |
the | de |
webpage | webpagina |
websites | van |
for | voor |
a | een |
EN ? You can use the Mobile-Friendly Test to see if you have a viewport configured
NL - U kunt de Mobile-Friendly Test gebruiken om te zien of u een viewport hebt geconfigureerd
İngilis | Holland |
---|---|
test | test |
configured | geconfigureerd |
the | de |
use | gebruiken |
to | om |
see | zien |
a | een |
you can | kunt |
you | u |
EN Ads, embeds, and iframes without specified dimensions: You should always reserve space for ads, embeds, and iframes. Do not place ads near the top of the viewport.
NL Advertenties, embeds, en iframes zonder gespecificeerde afmetingen: Je moet altijd ruimte reserveren voor advertenties, embeds, en iframes. Plaats geen advertenties aan de bovenkant van de viewport.
İngilis | Holland |
---|---|
ads | advertenties |
dimensions | afmetingen |
reserve | reserveren |
always | altijd |
space | ruimte |
place | plaats |
the | de |
should | moet |
without | zonder |
for | voor |
and | en |
of | van |
near | aan |
EN Because of this, developers are given the ability to disable this feature by setting one of the following two properties in the meta viewport tag:
NL Daarom krijgen ontwikkelaars de mogelijkheid om deze functie uit te schakelen door een van de volgende twee eigenschappen in de meta viewport-tag in te stellen:
İngilis | Holland |
---|---|
developers | ontwikkelaars |
properties | eigenschappen |
meta | meta |
ability | mogelijkheid |
feature | functie |
in | in |
the | de |
to | om |
disable | uit |
tag | tag |
following | volgende |
two | twee |
by | door |
this | deze |
EN Without the sizes attribute, the user agent will make its calculations based on a worst-case-scenario assumption that the image occupies the full width of the viewport
NL Zonder het sizes-attribuut zal de user-agent zijn berekeningen maken op basis van een aanname in het slechtste geval dat de afbeelding de volledige breedte van de viewport beslaat
İngilis | Holland |
---|---|
attribute | attribuut |
user | user |
agent | agent |
calculations | berekeningen |
image | afbeelding |
width | breedte |
on | op |
full | volledige |
the | de |
case | geval |
will | zal |
without | zonder |
that | dat |
of | van |
EN In this example, we are changing out the aspect ratio of the served media, from square (1:1) to 4:3 and eventually 16:9 depending on the viewport width, endeavoring to make the best use of the available space for our media:
NL In dit voorbeeld veranderen we de aspectverhouding van de aangeboden media, van vierkant (1:1) naar 4:3 en uiteindelijk 16:9, afhankelijk van de viewport-breedte, waarbij we proberen de beschikbare ruimte voor onze media zo goed mogelijk te gebruiken:
İngilis | Holland |
---|---|
media | media |
square | vierkant |
width | breedte |
use | gebruiken |
space | ruimte |
we | we |
in | in |
the | de |
changing | veranderen |
eventually | uiteindelijk |
and | en |
best | voor |
out | te |
of | van |
depending | afhankelijk |
this | dit |
EN The viewport meta element is used to control layout on mobile browsers
NL Het meta-element viewport wordt gebruikt om de lay-out op mobiele browsers te beheren
İngilis | Holland |
---|---|
meta | meta |
element | element |
control | beheren |
layout | lay-out |
mobile | mobiele |
browsers | browsers |
to | om |
on | op |
the | de |
is | wordt |
used | gebruikt |
EN That?s why audits in popular tools like Lighthouse or axe fail when user-scalable="no" is used within the meta name="viewport" element, and when the maximum-scale attribute value is less than 5.
NL Daarom mislukken audits in populaire hulpmiddelen zoals Lighthouse of axe wanneer user-scalable="no" wordt gebruikt binnen het meta name="viewport" element, en wanneer de maximum-scale attribuutwaarde kleiner is dan 5.
İngilis | Holland |
---|---|
audits | audits |
popular | populaire |
tools | hulpmiddelen |
fail | mislukken |
meta | meta |
element | element |
lighthouse | lighthouse |
less | kleiner |
or | of |
is | is |
used | gebruikt |
the | de |
no | no |
in | in |
when | wanneer |
and | en |
that | daarom |
like | zoals |
EN Figure 3.21. viewport specifications, and lack thereof.
NL Figuur 3.21. viewport-specificaties, en het ontbreken daarvan.
İngilis | Holland |
---|---|
figure | figuur |
specifications | specificaties |
thereof | daarvan |
and | en |
EN The results show that almost half of the pages we analyzed are using the typical viewport content value
NL De resultaten laten zien dat bijna de helft van de pagina?s die we hebben geanalyseerd de typische viewport-content-waarde gebruikt
İngilis | Holland |
---|---|
half | helft |
analyzed | geanalyseerd |
typical | typische |
using | gebruikt |
content | content |
value | waarde |
the | de |
we | we |
results | resultaten |
show | laten zien |
that | dat |
of | bijna |
pages | pagina |
EN Still, around 10% of mobile pages are entirely missing a proper content value for the viewport meta element, with the rest of them using an improper combination of maximum-scale, minimum-scale, user-scalable=no, or user-scalable=0.
NL Toch mist ongeveer 10% van de mobiele pagina?s volledig een juiste content-waarde voor het viewport-meta-element, terwijl de rest een onjuiste combinatie gebruikt van maximum-scale, minimum-scale, user-scalable=no, of user-scalable=0.
İngilis | Holland |
---|---|
mobile | mobiele |
entirely | volledig |
missing | mist |
proper | juiste |
meta | meta |
element | element |
rest | rest |
content | content |
value | waarde |
or | of |
the | de |
no | no |
combination | combinatie |
for | voor |
a | een |
pages | pagina |
around | van de |
EN For a while now, the Edge mobile browser allows users to zoom into a web page to at least 500%, regardless of the zoom settings defined by a web page employing the viewport meta element.
NL Met de mobiele Edge-browser kunnen gebruikers al een tijdje inzoomen op een webpagina naar ten minste 500%, ongeacht de zoominstellingen die zijn gedefinieerd door een webpagina die het viewport-meta-element gebruikt.
İngilis | Holland |
---|---|
edge | edge |
mobile | mobiele |
defined | gedefinieerd |
meta | meta |
element | element |
browser | browser |
users | gebruikers |
the | de |
regardless | ongeacht |
a | een |
by | door |
at least | minste |
EN Responsive websites use the viewport meta tag as well as CSS media queries to provide a mobile friendly experience. To learn more about these mobile friendliness aspects, head over to the SEO chapter.
NL Responsieve websites gebruiken de viewport-metatag en CSS-mediaquery?s om een mobielvriendelijke ervaring te bieden. Ga voor meer informatie over deze aspecten van mobielvriendelijkheid naar het hoofdstuk SEO.
İngilis | Holland |
---|---|
responsive | responsieve |
css | css |
aspects | aspecten |
seo | seo |
chapter | hoofdstuk |
use | gebruiken |
experience | ervaring |
the | de |
learn | en |
to | om |
provide | bieden |
a | een |
websites | websites |
more | meer |
over | te |
EN Cumulative Layout Shift (CLS) is a metric that quantifies how much content within the viewport shifts around, during the user visit.
NL Cumulative Layout Shift (CLS) is een metriek die kwantificeert hoeveel inhoud in de viewport verschuift tijdens het bezoek van de gebruiker.
İngilis | Holland |
---|---|
metric | metriek |
content | inhoud |
visit | bezoek |
layout | layout |
is | is |
the | de |
how | hoeveel |
that | die |
around | in |
during | tijdens |
EN By adding <meta name="viewport"> tag you optimize your app for mobile screens
NL Door de tag <meta name="viewport"> toe te voegen, optimaliseert u uw app voor mobiele schermen
İngilis | Holland |
---|---|
adding | voegen |
meta | meta |
gt | gt |
optimize | optimaliseert |
app | app |
mobile | mobiele |
screens | schermen |
lt | lt |
tag | tag |
by | door |
name | voor |
you | u |
your | de |
EN 88.43% of the sites have the viewport meta tag
NL 88,43% van de sites heeft de metatag viewport
İngilis | Holland |
---|---|
the | de |
sites | sites |
EN It does this by measuring the render time of the largest image or text block visible within the viewport.
NL Het doet dit door de weergavetijd te meten van het grootste beeld of tekstblok dat zichtbaar is in de viewport.
İngilis | Holland |
---|---|
image | beeld |
visible | zichtbaar |
or | of |
the | de |
this | dit |
by | door |
largest | grootste |
of | van |
EN Mobile HTML payload sizes are not very different from desktop. In other words, it appears that sites are not delivering significantly different HTML files for different devices or viewport sizes.
NL De grootte van de mobiele HTML-payload is niet erg verschillend van de desktop. Met andere woorden, het lijkt erop dat sites geen significant verschillende HTML-bestanden leveren voor verschillende apparaten of viewportgroottes.
İngilis | Holland |
---|---|
mobile | mobiele |
html | html |
sizes | grootte |
desktop | desktop |
files | bestanden |
devices | apparaten |
very | erg |
or | of |
different | verschillend |
appears | lijkt |
words | woorden |
for | voor |
other | andere |
sites | sites |
that | dat |
EN Be mindful to run the audit on both desktop and mobile as images may move off screen when the viewport changes.
NL Denk eraan om de audit op zowel desktop als mobiel uit te voeren, aangezien afbeeldingen van het scherm kunnen afwijken wanneer de viewport verandert.
İngilis | Holland |
---|---|
audit | audit |
desktop | desktop |
mobile | mobiel |
images | afbeeldingen |
screen | scherm |
changes | verandert |
on | op |
the | de |
to | om |
be | kunnen |
both | zowel |
when | wanneer |
as | aangezien |
34 tərcümədən 34 göstərilir