# Znaky mobilnej optimalizácie (mobile-friendly)

> Znaky mobilnej optimalizácie ukazujú, že sa stránka prispôsobí malej obrazovke: viewport tag, responzívne CSS a obsah, ktorý sa zmestí bez zväčšovania.

- **Číslo kontroly:** S25
- **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/mobile-friendly-indicators

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

Viac ako 60 % vyhľadávaní prebieha na mobilných zariadeniach. Google používa mobile-first indexovanie, takže pre hodnotenie a pozície je rozhodujúca mobilná verzia stránky.

## V praxi

Google v roku 2023 zrušil nástroj Mobile-Friendly Test, mobilnú prívetivosť dnes overíte cez Lighthouse v Chrome DevTools. Stránky, ktoré nie sú prispôsobené mobilom, strácajú pozície v mobilnom vyhľadávaní. Responzívny dizajn je dnes štandard a frameworky ako Bootstrap či Tailwind CSS ho výrazne uľahčujú.

## Ako to be1st kontroluje

Kontrola základných znakov mobilnej prívetivosti. Kontrola hľadá viewport tag, media queries pre šírku obrazovky (min-width, max-width) a responzívne obrázky (srcset alebo picture). Na prejdenie stačí jeden znak, dva a viac dávajú plný počet bodov.

[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

- [SEO Starter Guide](https://developers.google.com/search/docs/fundamentals/seo-starter-guide) (Google Search Central)
- [Lighthouse SEO Audits](https://web.dev/articles/pass-lighthouse-seo-audit) (web.dev)

## Súvisiace pojmy

- [Dĺžka obsahu](https://be1st.ai/sk/glossary/seo/content-length): Dĺžka obsahu je počet slov viditeľného textu na stránke. Stránka s príliš krátkym textom málokedy odpovie na otázku dosť dobre na to, aby sa umiestnila.
- [Hustota kľúčových slov (keyword density)](https://be1st.ai/sk/glossary/seo/keyword-density): Hustota kľúčových slov opisuje, ako často sa v texte objavujú slová, na ktoré stránka cieli. Tu to znamená, či sa slová z titulku nachádzajú aj v obsahu.
- [Hreflang tagy](https://be1st.ai/sk/glossary/seo/hreflang-tags): Hreflang tagy hovoria vyhľadávačom, ktorú jazykovú alebo regionálnu verziu stránky majú na viacjazyčnom webe ukázať ktorým používateľom.
- [Stránkovanie (rel prev / next)](https://be1st.ai/sk/glossary/seo/pagination-rel-prev-next): Stránkovanie rozdelí dlhý zoznam na viac stránok. Odkazy rel='prev' a rel='next' označujú, ako tieto stránky nasledujú za sebou.
- [Drobčeková navigácia (breadcrumbs)](https://be1st.ai/sk/glossary/seo/breadcrumb-navigation): Drobčeková navigácia je rad odkazov (Domov / Kategória / Stránka), ktorý ukazuje, kde stránka leží v štruktúre webu.
- [Title tag (titulok stránky)](https://be1st.ai/sk/glossary/seo/title-tag): Title tag je HTML element `<title>`, ktorý pomenúva stránku. Prehliadač ho ukáže na karte a vyhľadávače ho väčšinou použijú ako klikateľný nadpis výsledku.