Domů / Slovník pojmů / AMP

AMP

AMP (Accelerated Mobile Pages): Jak zrychlit načítání stránek na mobilech a zlepšit SEO

Pokud jste někdy čekali na načtení stránky na mobilu a ztratili trpělivost, víte, jak důležitá je rychlost. AMP (Accelerated Mobile Pages) je technologie, která pomáhá webovým stránkám načítat se na mobilech téměř okamžitě. V tomto článku si vysvětlíme, co AMP je, jak funguje, proč je důležité pro SEO a jak ho správně implementovat.

1. Co je AMP a proč vzniklo?

AMP (Accelerated Mobile Pages) je open-source projekt podporovaný především Googlem, který má za cíl zrychlit načítání webových stránek na mobilech. Vznikl v roce 2015 jako reakce na rostoucí podíl mobilního provozu a potřebu zlepšit uživatelskou zkušenost.

Proč je rychlost na mobilech tak důležitá?

  • Uživatelé jsou netrpěliví – Podle studie Google opustí 53 % uživatelů stránku, pokud se nennačte do 3 sekund.
  • Mobilní provoz převyšuje desktop – V roce 2024 tvoří mobilní zařízení přes 60 % veškerého internetového provozu (zdroj: StatCounter).
  • SEO výhoda – Google preferuje rychlé stránky a rychlost je jedním z rankingových faktorů (od roku 2021 je součástí Core Web Vitals).

AMP řeší tyto problémy tím, že odstraní zbytečné prvky, které zpomalují načítání, a optimalizuje kód pro co nejrychlejší zobrazení.

2. Jak AMP funguje? (Technické základy)

AMP není jen "rychlejší HTML", ale kompletní framework, který kombinuje:

  1. AMP HTML – Omezená a optimalizovaná verze HTML.
  2. AMP JS – JavaScript knihovna, která zajišťuje, že se stránka vykresluje okamžitě.
  3. AMP Cache – Systém pro ukládání a rychlé doručování AMP stránek.

A. AMP HTML – Zjednodušený kód pro rychlejší načítání

AMP HTML je upravená verze standardního HTML, která: ✅ Omezuje použití těžkých prvků (např. některé JavaScriptové skripty, velké obrázky). ✅ Používá speciální AMP značky (např. <amp-img> místo <img>). ✅ Nutí vývojáře dodržovat striktní pravidla pro rychlost.

Příklad: Standardní HTML vs. AMP HTML

Standardní HTML AMP HTML
<img src="obrazek.jpg"> <amp-img src="obrazek.jpg" width="800" height="600" layout="responsive"></amp-img>
<script src="skript.js"></script> Povoleny jsou pouze AMP JS skripty

👉 Výhoda: Stránka se načte okamžitě, protože prohlížeč nemusí čekat na načtení těžkých skriptů.

B. AMP JS – JavaScript, který neblokuje vykreslování

Standardní JavaScript může zpomalovat načítání, protože prohlížeč musí nejdřív stáhnout a spustit skripty, než zobrazí obsah.

AMP JS: ✔ Omezuje použití vlastního JavaScriptu (povoleny jsou pouze předschválené skripty). ✔ Asynchronní načítání – Všechny prvky se načítají paralelně, ne po sobě. ✔ Prioritizuje viditelný obsah – Nejprve se zobrazí to, co uživatel vidí ("above the fold").

C. AMP Cache – Rychlé doručování obsahu

Google a další poskytovatelé (např. Cloudflare) ukládají AMP stránky do své cache (mezipaměti). To znamená:

  • Stránka se načte z nejbližšího serveru (snížení latence).
  • Obsah je přednačtený – Některé stránky se načtou ještě předtím, než na ně uživatel klikne (např. v Google Discover).

👉 Výsledek: Stránka se zobrazí téměř okamžitě, jako by byla už předem načtená.

3. Proč používat AMP? (Výhody a nevýhody)

✅ Výhody AMP

Výhoda Popis
Rychlejší načítání Stránky se načtou 2-10x rychleji než standardní mobilní verze.
Lepší SEO Google preferuje rychlé stránky a AMP může pomoci s rankingem.
Nižší míra opuštění (bounce rate) Uživatelé nezavírají stránku z důvodu pomalého načítání.
Výhodné zobrazení v Google AMP stránky mohou být zvýrazněny v karuselech (např. "Top Stories").
Lepší konverze Rychlejší stránky = vyšší šance, že uživatel zkonzumuje obsah nebo koupí.

❌ Nevýhody AMP

Nevýhoda Popis
Omezený design Některé interaktivní prvky (např. složité animace) nejsou povoleny.
Nutnost udržovat dvě verze Musíte mít standardní a AMP verzi stránky (pokud nechcete používat pouze AMP).
Méně analytických dat Některé nástroje (např. Google Analytics) vyžadují speciální nastavení.
Není vhodné pro všechny weby E-shopy s komplexními funkcemi (např. košík) mohou mít problémy s implementací.

4. Kdy má smysl AMP používat?

AMP není pro každého, ale v těchto případech určitě stojí za zvážení:

✔ Novinkové weby a blogy – AMP je ideální pro články, zpravodajství a blogové příspěvky, protože Google je upřednostňuje v "Top Stories". ✔ Stránky s vysokým mobilním provozem – Pokud máte více než 50 % návštěvníků z mobilů, AMP může snížit bounce rate. ✔ Weby s nízkou rychlostí – Pokud vaše stránky načítají déle než 3 sekundy, AMP může být rychlé řešení. ✔ Stránky závislé na organickém provozu – Pokud potřebujete lepší pozice ve vyhledávání, AMP může pomoci.

❌ Kdy AMP nepoužívat?

  • Komplexní e-shopy (např. s košíkem, platbami, uživatelskými účty).
  • Stránky s vysokou interaktivitou (např. hry, složité kalkulačky).
  • Pokud máte již dobře optimalizovaný web (např. s Core Web Vitals v pořádku).

5. Jak implementovat AMP? (Krok za krokem)

A. Základní implementace AMP

  1. Vytvořte AMP verzi stránky

    • Použijte AMP HTML (viz příklady výše).
    • Nahraďte standardní značky (<img>, <video>) za AMP ekvivalenty (<amp-img>, <amp-video>).
    • Omezte použití vlastního JavaScriptu.

  2. Přidejte AMP JS knihovnu

    <script async src="https://cdn.ampproject.org/v0.js"></script>

  3. Validujte AMP stránku

  4. Propojte standardní a AMP verzi

    • Do standardní stránky přidejte: 
      <link rel="amphtml" href="https://vase-stranka.cz/amp-verze" />
    • Do AMP stránky přidejte: 
      <link rel="canonical" href="https://vase-stranka.cz/standardni-verze" />

  5. Nahrajte do Google Search Console

    • Použijte URL Inspection Tool k ověření, že Google AMP stránku správně indexuje.

B. Pokročilé tipy pro AMP

🔹 Použijte AMP pro Web Stories

  • Web Stories (interaktivní příběhy) v AMP formátu mají vyšší šanci na zobrazení v Google Discover.

🔹 Optimalizujte obrázky

  • Použijte <amp-img> s lazy loadingem (načítání až při scrollování).
  • Komprimujte obrázky (např. pomocí TinyPNG).

🔹 Přidejte strukturovaná data

🔹 Testujte rychlost

6. AMP a SEO: Jak ovlivňuje vyhledávání?

Google oficiálně potvrzuje, že rychlost je rankingový faktor, a AMP může pomoci v několika oblastech:

A. Lepší pozice v mobilním vyhledávání

  • AMP stránky mohou být zvýrazněny v karuselech (např. "Top Stories").
  • Google někdy upřednostňuje AMP verzi před standardní.

B. Nižší bounce rate = lepší signály pro SEO

  • Pokud uživatelé nezavírají stránku z důvodu pomalého načítání, Google to vnímá jako kvalitní obsah.

C. Výhoda v Google Discover

  • Web Stories v AMP mají vyšší šanci na zobrazení v Google Discover, což může zvýšit organický provoz.

D. AMP a Core Web Vitals

AMP automaticky splňuje většinu požadavků Core Web Vitals (LCP, FID, CLS), což je důležité pro SEO od roku 2021.

7. Časté chyby při používání AMP a jak se jim vyhnout

Chyba Řešení
Nevalidní AMP kód Použijte AMP Validator před nasazením.
Chybějící canonical tag Vždy propojte AMP a standardní verzi.
Pomalé načítání obrázků Použijte <amp-img> s layout="responsive" a optimalizujte velikost.
Použití zakázaného JS Nahraďte vlastní skripty AMP kompatibilními.
Špatné zobrazení na mobilech Testujte v Chrome DevTools (Mobile View).
Chybějící strukturovaná data Přidejte Schema.org markup pro lepší zobrazení ve výsledcích.

8. Budoucnost AMP: Stále má smysl?

V posledních letech se objevují alternativy k AMP, jako:

  • Progressive Web Apps (PWA) – Kombinace webových stránek a mobilních aplikací.
  • Lighthouse a Core Web Vitals – Google klade větší důraz na standardní optimalizaci než na AMP.

➡ Má AMP ještě budoucnost?

  • Ano, ale jen pro specifické případy (novinkové weby, Web Stories).
  • Pro většinu webů stačí dobře optimalizovaný standardní kód (splňující Core Web Vitals).
  • Google už AMP nepovažuje za "nutnost", ale stále ho podporuje v některých výstupech (např. Top Stories).

Závěr: Máte implementovat AMP?

Případ Doporučení
Novinkový web / blog ✅ Ano, AMP může pomoci s viditelností.
E-shop s komplexními funkcemi ❌ Ne, raději optimalizujte standardní verzi.
Stránka s vysokým mobilním provozem ✅ Zvažte AMP, pokud máte problémy s rychlostí.
Web s dobře optimalizovaným Core Web Vitals ❌ Není nutné, stačí současná optimalizace.

🔹 Pokud se rozhodnete pro AMP:

  1. Začněte s několika klíčovými stránkami (např. nejnavštěvovanější články).
  2. Testujte rychlost a validitu.
  3. Sledujte vývoj – Google může v budoucnu změnit přístup k AMP.

Zdroje (APA citace)

Autor: Michal Binka Datum poslední úpravy: 15. října 2025

Co potřebujete najít?

Doporučujeme