# Viewport meta tag

> Viewport meta tag hovorí mobilnému prehliadaču, na akú šírku má stránku rozložiť a ako ju zväčšiť. Bez neho telefón ukáže zmenšenú desktopovú stránku.

- **Číslo kontroly:** S6
- **Oblasť:** [SEO](https://be1st.ai/sk/glossary/seo)
- **Nástroj:** [SEO + Bezpečnosť + Výkon](https://be1st.ai/sk/tools/ssp-audit)
- **Stránka:** https://be1st.ai/sk/glossary/seo/viewport-meta-tag

## Prečo na tom záleží

Google používa mobile-first indexovanie, takže pre pozície je rozhodujúca mobilná verzia stránky. Bez viewport tagu sa stránka na mobile zobrazí ako desktopová verzia zmenšená na malý displej.

## V praxi

Všetky moderné webové frameworky (Next.js, Nuxt, Angular) pridávajú viewport tag automaticky. Staršie weby bez tohto tagu Google považuje za nevhodné pre mobily a strácajú pozície vo vyhľadávaní.

## Ako to be1st kontroluje

Kontrola prítomnosti meta tagu viewport, ktorý zabezpečuje správne zobrazenie stránky na mobilných zariadeniach. Štandardom je tag `<meta name='viewport' content='width=device-width, initial-scale=1'>`.

[SEO + Bezpečnosť + Výkon](https://be1st.ai/sk/tools/ssp-audit), záložka SEO.

Každá kontrola skončí ako: V poriadku, Varovanie, Chyba.

## Zdroje

- [HTML `<meta>` Element](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/meta) (MDN Web Docs)
- [Lighthouse SEO Audits](https://web.dev/articles/pass-lighthouse-seo-audit) (web.dev)

## Súvisiace pojmy

- [Robots meta tag](https://be1st.ai/sk/glossary/seo/robots-meta-tag): Robots meta tag dáva vyhľadávačom pokyny pre jednu stránku, napríklad noindex (nezaradiť do výsledkov) alebo nofollow (nesledovať jej odkazy).
- [Open Graph tagy](https://be1st.ai/sk/glossary/seo/open-graph-tags): Open Graph tagy sú meta tagy s predponou og: a určujú nadpis, popis a obrázok stránky pri zdieľaní na Facebooku, LinkedIne, v Slacku a ďalších aplikáciách.
- [Twitter Card tagy](https://be1st.ai/sk/glossary/seo/twitter-card-tags): Twitter Card tagy sú meta tagy s predponou twitter: a určujú, ako vyzerá náhľad odkazu, keď niekto stránku zdieľa na sieti X (predtým Twitter).
- [Štruktúrované dáta](https://be1st.ai/sk/glossary/seo/structured-data): Štruktúrované dáta sú strojovo čitateľný popis obsahu stránky, väčšinou JSON-LD so slovníkom Schema.org: produkt, článok, firma alebo udalosť.
- [ALT texty obrázkov](https://be1st.ai/sk/glossary/seo/image-alt-texts): ALT text je atribút alt obrázka: krátky slovný popis, ktorý čítačky obrazovky prečítajú nahlas a podľa ktorého vyhľadávače pochopia, čo je na obrázku.
- [Interné odkazy](https://be1st.ai/sk/glossary/seo/internal-links): Interné odkazy vedú z jednej stránky na iné stránky toho istého webu. Návštevníkom aj crawlerom pomáhajú nájsť obsah a rozkladajú autoritu po celom webe.