Skip to main content
Back to blog

SEO Príručka Krok 5: UX / Užívatelská skúsenosť — Ako zážitok návštevníkov ovplyvňuje hodnotenie vášho webu

·16 min read·by LANGR SEO

SEO Príručka Krok 5: UX / Užívatelská skúsenosť

Je to Krok 5 z 13-krokovej SEO príručky. Užívatelská skúsenosť je teraz priamym faktorom hodnotenia — Google meria, ako návštevníci interagujú s vaším webom a odmeňuje stránky, ktoré poskytujú rýchle, prístupné a príjemné zážitky.


Obsahová stratégia (Krok 3) určuje, čo publikujete. Linkbuilding (Krok 4) dokazuje vašu autoritu. Ale ak návštevníci pristáli na vašej stránke a okamžite odchádzajú, pretože je pomalá, nefunguje na mobilných zariadeniach alebo nie je prístupná — nič z toho nezáleží. Google sleduje tieto signály a používa ich na prispôsobenie hodnotenia.

Od roku 2021, обновление Page Experience od Google urobilo UX potvrdeným faktorom hodnotenia. V roku 2024 sa INP (Interaction to Next Paint) stal náhradou za FID ako Core Web Vital. V roku 2026 nesú tieto signály ešte väčšiu váhu, pretože Google stále viac preferuje metriky spokojnosti používateľov nad tradičnými signálmi.

Čo pokrýva UX pre SEO

Optimalizácia UX pre SEO sa skladá z 6 oblastí:

  1. Core Web Vitals — Oficiálne UX metriky Google (LCP, INP, CLS)
  2. Optimalizácia pre mobilné zariadenia — Responzívny dizajn, dotykové ciele, viewport
  3. Prístupnosť (WCAG) — Urobte svoju stránku použiteľnou pre každého
  4. Signály zážitku z stránky — HTTPS, žiadne intersticiály, bezpečné prehliadanie
  5. Navigačné vzory — Štruktúra webu, ktorá pomáha používateľom a crawlerom
  6. Optimalizácia nad rámec viditeľnej časti — Čo vidí používateľ bez posúvania

1. Core Web Vitals (CWV)

Core Web Vitals sú tri merateľné UX metriky od Google. Sledujú sa v údajoch Chrome User Experience Report (CrUX) a priamo ovplyvňujú hodnotenie.

Tri metriky:

| Metrika | Meria | Dobré | Potrebuje zlepšiť | Zlé | |---------|-------|-------|-------------------|------| | LCP (Largest Contentful Paint) | Rýchlosť načítania | < 2.5s | 2.5s - 4.0s | > 4.0s | | INP (Interaction to Next Paint) | Reakčnosť | < 200ms | 200ms - 500ms | > 500ms | | CLS (Cumulative Layout Shift) | Vizualná stabilita | < 0.1 | 0.1 - 0.25 | > 0.25 |

LCP — Largest Contentful Paint

LCP meria, ako rýchlo sa hlavný obsah vašej stránky stáva viditeľným. "Najväčší obsah" je zvyčajne váš hlavný obrázok, hlavný nadpis alebo najväčší blok nad rámec viditeľnej časti.

Bežné problémy s LCP a opravy:

| Problém | Dopad | Oprava | |---------|-------|--------| | Neoptimalizovaný hlavný obrázok | +2-5s | WebP formát, správne rozmery, fetchpriority="high" | | CSS/JS blokujúce vykreslenie | +1-3s | Inline kritické CSS, odložiť ne-kritické | | Pomalá odpoveď servera (TTFB) | +1-4s | CDN, serverové caching, edge nasadenie | | Webové písma blokujúce vykreslenie | +0.5-2s | font-display: swap, prednačítanie kritických písiem | | Skripty tretích strán | +1-3s | Odložiť analytiku/chat widgety, lazy load reklamy |

Priorita optimalizácie LCP:

<!-- 1. Prednačítanie LCP obrázka -->
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">

<!-- 2. Inline kritické CSS (prvých 14KB) -->
<style>/* Štýly nad rámec viditeľnej časti iba */</style>

<!-- 3. Odložiť ne-kritické CSS -->
<link rel="stylesheet" href="/full.css" media="print" onload="this.media='all'">

<!-- 4. Hlavný obrázok s explicitnými rozmermi -->
<img src="/hero.webp" width="1200" height="600"
     fetchpriority="high" decoding="async"
     alt="Popisný alt text">

Rýchla výhra: Spustite PageSpeed Insights na vašej domovskej stránke. Pozrite sa na LCP element, ktorý identifikuje. Ak je to obrázok, konvertujte ho na WebP, nastavte explicitnú šírku/výšku a pridajte fetchpriority="high". Týmto sa často zníži LCP o 1-2 sekundy.

INP — Interaction to Next Paint

INP meria, ako rýchlo vaša stránka reaguje, keď používateľ interaguje (kliká, ťuká, píše). Sledovanie sa vykonáva na najhoršej interakcii počas návštevy stránky a používa sa ako skóre.

Bežné problémy s INP a opravy:

| Problém | Dopad | Oprava | |---------|-------|--------| | Dlhé JavaScript úlohy | +200-1000ms | Rozdeliť na menšie úlohy, použiť requestIdleCallback | | Ťažké správcovské úlohy | +100-500ms | Debounce, throttle, použiť requestAnimationFrame | | Layout thrashing | +50-300ms | Skupinové DOM čítania/pisania, použiť will-change | | Skripty tretích strán | +100-500ms | Odložiť, načítať po interakcii, použiť Web Workers | | Synchronné API volania | +200-2000ms | Async/await, stavy načítania, optimistické UI |

Techniky optimalizácie INP:

// Zlé: Blokuje hlavný vlákno
button.addEventListener('click', () => {
  const data = heavyComputation(); // Blokuje na 400ms
  updateDOM(data);
});

// Dobré: Uvoľní hlavný vlákno
button.addEventListener('click', async () => {
  // Ukážte okamžitú spätnú väzbu
  button.textContent = 'Načítava sa...';

  // Rozdeľte ťažkú prácu na kusy
  await scheduler.yield();
  const data = heavyComputation();

  await scheduler.yield();
  updateDOM(data);
});

Rýchla výhra: Otvorte Chrome DevTools > Záložka Výkon. Kliknite na svoj web a hľadajte "Dlhé úlohy" (červené trojuholníky). Tieto blokujú hlavné vlákno. Najväčšia dlhá úloha je zvyčajne skript tretích strán — odložte ho alebo načítajte po prvej interakcii.

CLS — Cumulative Layout Shift

CLS meria vizuálnu stabilitu — koľko sa obsah stránky pohybuje, keď sa načítava. Nič nefrustruje používateľov viac, než keď kliknú na tlačidlo a stránka sa posunie tak, že kliknú niekde inde.

Bežné problémy s CLS a opravy:

| Problém | CLS Dopad | Oprava | |---------|-----------|--------| | Obrázky bez rozmerov | 0.1-0.5 | Vždy nastavte width a height | | Reklamy načítavajúce sa neskoro | 0.1-0.3 | Rezervujte miesto pomocou min-height | | Webové písma spôsobujúce preflow | 0.05-0.2 | font-display: optional alebo veľkostne upravená náhrada | | Dynamické vkladanie obsahu | 0.1-0.4 | Rezervujte miesto, použite content-visibility | | Bannery na cookies posúvajúce obsah | 0.05-0.2 | Dizajn prekrytia (nie posúvanie nadol) |

Kontrolný zoznam prevencie CLS:

<!-- Vždy špecifikujte rozmer pre média -->
<img src="photo.webp" width="800" height="600" alt="...">
<video width="1280" height="720"></video>
<iframe width="560" height="315"></iframe>

<!-- Rezervujte miesto pre dynamický obsah -->
<div style="min-height: 250px;">
  <!-- Reklama sa načíta tu bez posúvania -->
</div>

<!-- Použite pomer strán pre responzívne médiá -->
<div style="aspect-ratio: 16/9;">
  <img src="..." style="width: 100%; height: 100%; object-fit: cover;">
</div>

Rýchla výhra: Pridajte explicitné atribúty width a height ku každému a na vašich 10 najlepších stránkach. Táto jediná zmena eliminuje najbežnejší problém CLS — obrázky sa načítajú a posúvajú obsah nadol.

2. Optimalizácia pre mobilné zariadenia

Google používa indexovanie s priorítou pre mobilné zariadenia — vaša mobilná skúsenosť je vašou hodnotiacou skúsenosťou. Ak je váš web na mobilných zariadeniach rozbitý, nezáleží na tom, ako dokonalá je verzia pre desktop.

Kontrolný zoznam optimalizácie pre mobilné zariadenia:

| Element | Požiadavka | Bežná chyba | |---------|------------|-------------| | Meta viewport | width=device-width, initial-scale=1 | Úplne chýba | | Dotykové ciele | Minimálne 44x44px | Malé odkazy, tesné tlačidlá | | Veľkosť písma | Minimálne 16px pre text | 12px nečíitateľné na mobile | | Šírka obsahu | Žiadne horizontálne posúvanie | Pevné šírky | | Medzery pre ťuknutie | Minimálne 8px medzi cieľmi | Súčasné odkazy sa dotýkajú | | Responzívne obrázky | srcset s primeranými veľkosťami | Obrázky veľkosti desktopu na mobile |

Vzory responzívneho dizajnu:

/* Prístup s prioritou pre mobil */
.container {
  padding: 16px;
  font-size: 16px;
}

/* Ciele priateľské pre dotyk */
.button, .link {
  min-height: 44px;
  min-width: 44px;
  padding: 12px 16px;
}

/* Responzívna typografia */
h1 { font-size: clamp(1.5rem, 4vw, 3rem); }
p { font-size: clamp(1rem, 2vw, 1.125rem); }

/* Žiadne horizontálne pretekanie */
img, video, iframe {
  max-width: 100%;
  height: auto;
}

SEO signály pre mobil, ktoré Google kontroluje:

  • Text čitateľný bez priblíženia
  • Odkazy/tlačidlá nie sú príliš blízko seba
  • Obsah sa prispôsobuje šírke viewportu (žiadne horizontálne posúvanie)
  • Žiadne Flash alebo nepodporované technológie
  • Intersticiály neblokujú obsah po vstupe
  • Stránka sa rýchlo načíta na 4G/3G pripojeniach

Rýchla výhra: Otvorte svoj web na mobile. Pokúste sa kliknúť na každé tlačidlo a odkaz. Ak omylom ťuknete na nesprávnu vec, pretože ciele sú príliš blízko, alebo ak sa musíte priblížiť, aby ste prečítali text — to sú vaše priorítne opravy.

3. Prístupnosť (WCAG)

Prístupnosť nie je len etická — je to SEO signál. Algoritmy Google preferujú stránky, ktoré sú použiteľné pre všetkých, vrátane používateľov so čítačkami obrazovky, navigáciou len pomocou klávesnice alebo vizuálnymi postihnutiami. Splnenie WCAG (Web Content Accessibility Guidelines) súvisí s lepšími hodnoteniami.

Kritické požiadavky na prístupnosť:

| Element | Požiadavka | Dopad na SEO | |---------|------------|--------------| | Alt text na obrázkoch | Popisný text pre všetky významné obrázky | Priamy (SEO obrázkov + prístupnosť) | | Hierarchia nadpisov | H1 → H2 → H3 bez preskočenia | Priamy (štruktúra obsahu) | | Farebný kontrast | 4.5:1 pre normálny text, 3:1 pre veľký text | Nepriamy (použiteľnosť) | | Navigácia pomocou klávesnice | Všetky interaktívne prvky sú prístupné cez Tab | Nepriamy (použiteľnosť) | | ARIA štítky | Štítky pre ikony, tlačidlá bez textu | Nepriamy (užívateľská skúsenosť so čítačkami obrazovky) | | Ukazovatele zamerania | Viditeľný zameriavací kruh pri navigácii klávesnicou | Nepriamy (použiteľnosť) | | Štítky formulárov | Každý vstup má priradený | Nepriamy (použiteľnosť) | | Text odkazu | Popisný (nie "kliknite sem") | Priamy (SEO anchor textu) |

Proces testovania prístupnosti:

  1. Automatizované skenovanie — Spustite Lighthouse, axe-core alebo WAVE (zachytí ~30-50% problémov)
  2. Testovanie pomocou klávesnice — Navigujte celú stránku iba pomocou Tab, Enter, Escape
  3. Testovanie čítačky obrazovky — Použite VoiceOver (Mac) alebo NVDA (Windows) na kľúčových stránkach
  4. Farebný kontrast — Skontrolujte všetok text voči pozadiam (použite DevTools kontrastný kontrolór)
  5. Testovanie priblíženia — Priblížte sa na 200% — funguje všetko stále?

Bežné opravy prístupnosti:

<!-- Obrázky: popisný alt text -->
<img src="chart.png" alt="Stĺpcový graf ukazujúci 40% nárast organického trhu od januára do marca 2026">

<!-- Tlačidlá: jasné štítky -->
<button aria-label="Zatvoriť navigačné menu">
  <svg>...</svg> <!-- Tlačidlo iba s ikonou potrebuje aria-label -->
</button>

<!-- Formuláre: priradené štítky -->
<label for="email">Emailová adresa</label>
<input type="email" id="email" name="email" required>

<!-- Odkazy: popisný text -->
<a href="/guide">Prečítajte si celú SEO príručku</a>
<!-- NIE: <a href="/guide">Kliknite sem</a> -->

<!-- Preskočenie navigácie pre používateľov klávesnice -->
<a href="#main-content" class="skip-link">Preskočiť na hlavný obsah</a>

Rýchla výhra: Spustite Lighthouse na vašej domovskej stránke s kategóriou prístupnosti. Opravit všetko, čo dostalo "Nezvládol" — tieto sú zvyčajne chýbajúce alt texty, chýbajúce štítky formulárov a nízky kontrast textu. Tieto opravy často zaberajú 30 minút a zlepšujú vaše hodnotenie o viac než 20 bodov.

4. Signály zážitku z stránky

Okrem Core Web Vitals, Google hodnotí niekoľko ďalších signálov zážitku z stránky, ktoré ovplyvňujú hodnotenie.

Faktory zážitku z stránky:

| Signál | Požiadavka | Kontrola | |--------|------------|----------| | HTTPS | Celá stránka je poskytovaná cez HTTPS | Zmiešaný obsah to rozbíja | | Žiadne intruzívne intersticiály | Nezakrývajte obsah pri vstupe | Vyskakovacie okná pokrývajúce >30% na mobile | | Bezpečné prehliadanie | Žiadny malware, phishing, podvodný obsah | Stav Google Safe Browsing | | Mobilne-priateľské | Prejde mobilným testom priateľskosti | Google Mobilne-priateľný test | | Žiadne podvodné reklamy | Reklamy nemimicujú obsah | Zamieňajúce okná na stiahnutie |

Pokyny pre intersticiály (čo je povolené vs. penalizované):

| Povolené | Penalizované | |----------|--------------| | Overenie veku (právne potrebné) | Hlavné vyskakovacie okno pri vstupe na stránku | | Súhlas s cookies (právne potrebné) | Prihlásenie cez email zakrývajúce celý obsah | | Prihlasovacie steny pre obsah ochránený pri platbe | "Stiahnite si našu aplikáciu" blokujúce obsah | | Malé bannery používajúce <30% obrazovky | Časovače pred prístupom k obsahu | | Po tom, čo používateľ posunie/interaguje | Predtým, než používateľ uvidí akýkoľvek obsah |

Kontrolný zoznam HTTPS:

  • [ ] SSL certifikát platný a neexpirujúci
  • [ ] Všetky stránky preredirect HTTP → HTTPS (301)
  • [ ] Žiadny zmiešaný obsah (HTTP zdroje na HTTPS stránkach)
  • [ ] HSTS hlavička povolená (s includeSubDomains)
  • [ ] Interné odkazy používajú HTTPS (nie HTTP)
  • [ ] Sitemap používa HTTPS URL
  • [ ] Kanonické značky používajú HTTPS

Rýchla výhra: Skontrolujte zmiešaný obsah — otvorte DevTools Console na vašich kľúčových stránkach. Akékoľvek varovania "Mixed Content" znamenajú, že načítavate HTTP zdroje na HTTPS stránke. Aktulizujte tieto URL na HTTPS. Toto je jeden z najbežnejších problémov so zážitkom z stránky.

5. Navigačné vzory

Dobrý navigačný systém pomáha používateľom aj vyhľadávačom. Používatelia rýchlo nájdu to, čo potrebujú. Crawlers Google chápu hierarchiu vašich stránok a efektívne rozdeľujú PageRank.

Najlepšie praktiky navigácie:

| Vzor | Výhoda | Implementácia | |------|--------|---------------| | Plochá architektúra | Stránky sú v rámci 3 kliknutí od domova | Hub stránky, breadcrumbs | | Breadcrumbs | Používatelia vedia, kde sú | Schema markup + viditeľná stopa | | Logická štruktúra URL | Predvídateľné cesty | /category/subcategory/page | | Navigácia v päte | Sekundárne stránky sú prístupné | Právne, o nás, kontakt, sitemap | | Interné vyhľadávanie | Používatelia nájdu špecifický obsah | Vyhľadávacie okno so sugestiami | | Súvisiaci obsah | Zmenšuje bounce, zvyšuje hĺbku | Sekcie "Súvisiace články" |

Ideálna architektúra webu:

Domovská stránka (1 klik od všetkého dôležitého)
├── /produkty/ (kategória hub — odkazy na všetky produkty)
│   ├── /produkty/kategória-a/
│   │   ├── /produkty/kategória-a/produkt-1
│   │   └── /produkty/kategória-a/produkt-2
│   └── /produkty/kategória-b/
├── /blog/ (obsahový hub — odkazy na všetky príspevky)
│   ├── /blog/plocha-klaustrov-1/ (stĺpcová stránka)
│   │   ├── /blog/podtéma-1a
│   │   └── /blog/podtéma-1b
│   └── /blog/plocha-klaustrov-2/
├── /nástroje/ (nástrojové stránky)
└── /o-nás/ (trust stránky)

Implementácia breadcrumbs:

<!-- Viditeľný breadcrumb -->
<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Domov</a></li>
    <li><a href="/blog/">Blog</a></li>
    <li aria-current="page">SEO Príručka Krok 5</li>
  </ol>
</nav>

<!-- Schema markup (BreadcrumbList) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Domov", "item": "https://example.com/" },
    { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog/" },
    { "@type": "ListItem", "position": 3, "name": "SEO Príručka Krok 5" }
  ]
}
</script>

Červené vlajky navigácie:

  • Stránky viac ako 4 kliknutia od domovskej stránky (príliš hlboké)
  • Žiadne breadcrumbs (používatelia a Google strácajú kontext)
  • Navigácia iba v JavaScripte (crawlers môžu chýbať odkazy)
  • Orphan stránky (žiadne interné odkazy na ne odkazujú)
  • Mega menu s 200+ odkazmi (rozptýli hodnotu na link)

Rýchla výhra: Skontrolujte svoje najdôležitejšie konverzné stránky — koľko kliknutí od domovskej stránky? Ak viac než 3, pridajte priamé odkazy z vašej domovskej stránky alebo kategóriových hubov. Každé hĺbkové kliknutie znižuje návštevy používateľov a frekvenciu crawlovania.

6. Optimalizácia nad rámec viditeľnej časti

Čo používateľ vidí pred posúvaním určuje, či zostanú alebo odídu. Obsah nad rámec viditeľnej časti musí okamžite komunikovať hodnotu a zodpovedať požiadavke vyhľadávania, ktorá ich sem priviedla.

Musí byť nad rámcom viditeľnej časti:

| Element | Prečo | Bežná chyba | |---------|-------|-------------| | Jasný nadpis (H1) | Potvrdzuje relevanciu k požiadavke | Obecný alebo chýba | | Hodnotová ponuka | Prečo by mali zostať? | Skrytá pod rámcom | | Primárne CTA | Čo by mali robiť ďalej? | Skryté alebo nejasné | | Hlavný obrázok/media | Vizuálne zapojenie | Pomalé načítanie, spôsobujúce problémy s LCP | | Dôveryhodné signály | Prečo by vám mali dôverovať? | Žiadne logá, recenzie alebo referencie |

Vzory usporiadania nad rámcom viditeľnej časti:

Desktop (1440px viewport):
┌──────────────────────────────────────┐
│ Navigačný panel                      │
├──────────────────────────────────────┤
│                                      │
│  H1: Jasný nadpis zodpovedajúci požiadavke │
│  Podnadpis: Hodnotová ponuka         │
│                                      │
│  [Primárne tlačidlo CTA]               │
│                                      │
│  Signály dôvery: logá, štatistiky, odznaky │
│                                      │
├──────────────────────────────────────┤
│ ↓ Obsah pokračuje pod rámcom         │
└──────────────────────────────────────┘

Mobil (375px viewport):
┌────────────────────┐
│ Nav (hamburger)    │
├────────────────────┤
│                    │
│ H1: Nadpis         │
│ (kratší na mobile) │
│                    │
│ [Tlačidlo CTA]     │
│ (celá šírka, 44px+)│
│                    │
│ Dôveryhodná odznak │
│                    │
├────────────────────┤
│ ↓ Posuňte pre viac  │
└────────────────────┘

Kritické pravidlá nad rámcom viditeľnej časti:

  • H1 musí byť viditeľný bez posúvania (zhoduje sa s požiadavkou vyhľadávania)
  • CTA musí byť viditeľné bez posúvania (znižuje bounce)
  • Žiadne posunutie rozloženia v obsahu nad rámcom viditeľnej časti (CLS killer)
  • Hlavný obrázok musí rýchlo načítať (zvyčajne je to LCP element)
  • Mobil: znížiť obsah nad rámcom viditeľnej časti (menej miestnosti viewportu)

Rýchla výhra: Urobte snímku obrazovky svojej domovskej stránky na mobile (šírka 375px). Je H1 viditeľný? Je tlačidlo CTA viditeľné? Môžete zistiť, čo stránka robí do 2 sekúnd? Ak je odpoveď "nie," prichádzate o návštevníkov skôr, než začnú posúvať.

Kontrolný zoznam auditu UX

Prebehnite si týmto kontrolným zoznamom pre vaše vrcholné stránky:

  • [ ] LCP pod 2.5 sekundy (hlavný obrázok optimalizovaný, kritické CSS inline)
  • [ ] INP pod 200ms (žiadne dlhé JavaScript úlohy blokujúce interakciu)
  • [ ] CLS pod 0.1 (všetky obrázky majú rozmery, žiadne neskoro načítané presuny)
  • [ ] Mobilne-priateľské (44px dotykové ciele, 16px+ text, žiadne horizontálne posúvanie)
  • [ ] Prístupné (alt text, hierarchia nadpisov, farebný kontrast, navigácia pomocou klávesnice)
  • [ ] HTTPS všade (žiadny zmiešaný obsah, HSTS povolené)
  • [ ] Žiadne intruzívne intersticiály (súhlasové prekrytia OK, popupy blokujúce obsah nie)
  • [ ] Breadcrumbs prítomné (s BreadcrumbList schema)
  • [ ] Hĺbka navigácie pod 4 kliknuti na akúkoľvek dôležitú stránku
  • [ ] Optimalizované nad rámcom viditeľnej časti (H1 viditeľný, CTA viditeľné, rýchle LCP)

Ako LANGR skenuje vaše UX

Moduly skenovania súvisiace s UX od LANGR zahŕňajú:

  • Modul Core Web Vitals — Meria LCP, INP, CLS z Chrome User Experience Report (údaje od skutočných používateľov)
  • Modul PageSpeed — Kompletný výkonový audit Lighthouse s mobilnými a desktopovými skóre
  • Modul Mobil — Konfigurácia viewportu, veľkosť dotykových cieľov, čitateľnosť textu
  • Modul Prístupnosti — Kontroly dodržiavania WCAG, použitie ARIA, farebný kontrast
  • Modul Layout Scan — Evaluácia mobilných a desktopových rozložení pomocou AI
  • Modul Zážitku z stránky — Detekcia intersticiálov, stav HTTPS, bezpečné prehliadanie

Tieto moduly sa vykonávajú pri každom skenovaní, dávajú vám kompletný prehľad o tom, aký zážitok majú návštevníci na vašom webe — a presne čo opraviť pre lepšie hodnotenie.

Bežné chyby UX (zoradené podľa dopadu)

  1. Ignorovanie mobilu — 60%+ vyhľadávaní sú mobilné; rozbité mobilne = rozbité hodnotenie
  2. Neoptimalizované obrázky — Hlavný dôvod pomalého LCP (a zvyčajne najjednoduchšia oprava)
  3. Žiadne explicitné rozmery obrázkov — Presuny rozloženia ničia skóre CLS
  4. Nadviazaná zložitá skripta tretích strán — Chat widgety, analytika, reklamy blokujúce INP
  5. Chýbajúce základy prístupnosti — Žiadny alt text, žiadna hierarchia nadpisov, žiadny kontrast
  6. Obsah blokujúce intersticiály — Hlavné vyskakovacie okná predtým, než vidia obsah
  7. Hlboká architektúra webu — Dôležité stránky zakopané 5+ kliknutí od domovskej stránky
  8. Žiadna hodnota nad rámcom viditeľnej časti — Používatelia nemajú šancu zistiť, čo stránka robí bez posúvania

Čo nasleduje?

Krok 6: Monitorovanie & hodnotenie — Nemôžete zlepšiť to, čo nemeriate. Pozície kľúčových slov, sledovanie skóre, správy o zmenách a monitorovanie prevádzkyschopnosti.


Táto príručka je súčasťou 13-krokovej SEO série od LANGR. Spustite bezplatný audit, aby ste zistili, ako je na tom váš web vo všetkých 13 disciplínach.

Want to know where your site stands?

Run a free SEO audit — it takes under 60 seconds.

Related articles