Om meta viewport-tagget
Hvad er meta viewport-tagget?
Meta viewport-tagget fortæller en mobilbrowser, hvordan siden skal dimensioneres. Uden det antager telefoner, at siden er bygget til en computer, viser den med en bredde på omkring 980 pixels og formindsker derefter resultatet, så det passer, hvilket giver en side, der kan læses i miniatureformat, men som ingen kan bruge uden at zoome.
Det er en enkelt linje i head-sektionen, og det er den kontakt, der overhovedet får responsiv CSS til at træde i kraft. Media queries måler viewporten, så hvis viewporten er fiktiv, måler alle de breakpoints, du har skrevet, det forkerte.
Det er værd at køre en kontrol af meta-viewport-tagget på alle sider, der er bygget uden for din hovedskabelon, fordi det næsten altid er dér, et manglende tag dukker op.
Har viewport-tagget stadig betydning i 2026?
Absolut, for uden det er alt andet mobilarbejde spildt. Du kan skrive et perfekt responsivt stylesheet og udgive en side, der opfører sig, som om den var bygget i 2009.
Moderne temaer inkluderer det som standard, hvilket netop er grunden til, at det er så let ikke at opdage, når det mangler. Når det er væk, er det som regel på en brugerdefineret skabelon, en kampagnelandingsside eller en side, der er sammensat af et værktøj, som har genereret sin egen head-sektion.
Indstillingerne er lige så vigtige som tilstedeværelsen. Et tag, der deaktiverer zoom, er til stede, hvilket denne test bekræfter, og det udgør en tilgængelighedsfejl.
Sådan hænger viewport-tagget sammen med AI-søgning
Det påvirker mobilvisningen, og det er mobilvisningen, der bliver indekseret. En side, der ikke kan vises korrekt på en telefon, bliver vurderet i sin dårligste form i stedet for den tilsigtede.
Tagget har ingen selvstændig betydning, som en crawler læser, men dets fravær undergraver alt, der følger efter, herunder hvor meget af indholdet der er synligt i den renderede visning.
Det er en af de billigste løsninger på denne liste og en af de få med en alt-eller-intet-effekt.
Bedste praksis for viewport
- Inkludér den på alle sider i head-sektionen.
- Indstil bredden til enhedens bredde og den indledende skalering til 1.
- Deaktivér ikke zoom, og begræns ikke den maksimale skalering. Forhindring af zoom er en tilgængelighedsfejl.
- Kontrollér brugerdefinerede sider og kampagnesider separat fra hovedskabelonen.
- Bekræft det på en rigtig telefon i stedet for kun i en desktopemulator.
Hvad dette værktøj kontrollerer
Værktøjet læser sidens HTML og rapporterer, om der findes et meta-viewport-tag.
Den kontrollerer, om tagget findes, ikke indstillingerne, så et tag, der deaktiverer zoom, består stadig testen. Hvis tagget er der, og siden stadig fungerer dårligt på en telefon, er indstillingerne det næste, du bør undersøge.
Hvad kan du gøre som det næste
The viewport tag makes responsive layout possible; the rest is whether the layout is any good. See how the page actually renders on phone and tablet screens with the
Mobilresponsivitet test.