AMP (Accelerated Mobile Pages)

1. Co je AMP?

AMP (Accelerated Mobile Pages) se definuje jako nová technologie vytvořená Googlem, jejímž cílem je poskytnout dostupný framework pro uživatele k vytváření nového obsahu, mnohem rychleji a snadněji konzumovatelného.

Slovy samotného Googlu:

„AMP je framework webových komponent, který usnadňuje vytváření user-first webů, stories, e-mailů a reklam."

2. Jak AMP funguje?

Princip fungování je relativně jednoduchý. AMP v podstatě vytváří mnohem lehčí a rychlejší stránku s méně designovými prvky pro náš obsah. Původně byl vyvinut pro články, blogy, zprávy a další typy „mediálního" obsahu, ale postupně se vyvinul do bodu, kdy dnes existují weby postavené 100% na této technologii.

Pokud máme vlastní kód, implementace bude vyžadovat několik dalších kroků. I tak, pokud máme WordPress, proces implementace bude otázkou sekund. WordPress má sice mnoho nevýhod, ale jednou z jeho silných stránek je možnost provádět implementace rychle a velmi snadno.

Objevte všechny pluginy, které vám umožní implementovat AMP ve WordPressu.

Zatímco některé pluginy nabízejí velmi jednoduchou a rychlou implementaci, jiné jsou mnohem těžší a složitější. Vše záleží na tom, čeho chcete dosáhnout.

Zdroj: Oficiální WordPress plugin

A teď, co AMP vlastně dělá, aby bylo o tolik rychlejší než klasické načítání webu?

• ›Spouští veškerý JavaScript asynchronně
• ›Neumožňuje rozšířením blokovat vykreslování
• ›Přesouvá všechny JavaScriptové prvky mimo kritickou cestu
• ›Vyžaduje, aby CSS bylo „inline"
• ›Minimalizuje přepočty stylů
• ›Prioritizuje stahování zdrojů

Níže si můžete prohlédnout všechny formáty, ve kterých můžete technologii AMP implementovat, a jejich hlavní využití:

Formáty:

• ›AMP web
• ›AMP stories
• ›AMP ads
• ›AMP email

AMP Web

Vytváření rychlých a přívětivých zážitků na webu, jak na desktopu, tak na mobilu, je značná výzva. S AMP pro web tento proces zvládneme a nechme naše uživatele užít si vynikající použitelnost a rychlost webu.

Příkladem je web BMW, který má plnou podporu AMP a navíc skvělý design.

Vynikající příklad toho, jak gigant jako BMW přizpůsobuje svůj web.

AMP Stories

Doposud byli uživatelé zvyklí konzumovat obsah pomocí článků, ať už v blozích, zprávách, tiskových zprávách atd. Formát „Stories" je ale revoluce. V něm je stejný obsah zobrazen s mnohem lepším designem a s výkonovými vlastnostmi AMP, tedy se spektakulární použitelností a rychlostí.

Příklady několika Stories od předních vydavatelů.

Jak už to bývá, někteří z největších vydavatelů světa, jako CNN, The Washington Post, USA Today a další, tuto technologii vyzkoušeli a vytvořili pomocí ní zprávy a reportáže.

Příklad: CNN reportáž o Antarktidě v formátu Stories

AMP ads

Tvorba obsahu vypadá jako jednoduchý úkol, ale není. Pro tvorbu kvalitního obsahu potřebujete spoustu času, úsilí a především skvělý tým, který bude provádět veškerý výzkum, psaní a související úkoly. Aby se všechny tyto snahy vyplatily, tým AMP vytvořil AMP-ads, což by bylo ekvivalentem Google Adsense.

S tímto rozšířením můžeme přidávat reklamy k našemu obsahu a tím monetizovat každý vygenerovaný impression. Jelikož implementace této technologie pravděpodobně vygeneruje nárůst impressions a kliknutí na náš obsah, ale zároveň vysoký bounce rate, alespoň můžeme všechny tyto návštěvy monetizovat.

AMP email

AMP-email byl jedním z posledních experimentů, které tým spustil. Jde o to, že můžete zobrazit AMP obsah přímo v e-mailu, jak název napovídá. V čem je velký rozdíl oproti klasickému e-mailu?

E-maily s AMP obsahem jsou interaktivní a uživatel s nimi může interagovat. Už není potřeba posílat uživatele na náš web, například k potvrzení schůzky nebo rezervaci data v kalendáři.

Náhled obsahu v e-mailu, který umožňuje s ním interagovat.

Níže můžete vidět příklad, jak AMP funguje v e-mailu, kdy umožňuje uživateli ukládat zajímavé piny ze svého Pinterest účtu:

3. Výhody AMP

Když jsme analyzovali všechny hlavní produkty, musíme se ptát: přidává to skutečně hodnotu naší firmě? Budou případy, zejména v mediálních společnostech, kde dopad může být skutečně velký kvůli těsnému vztahu mezi AMP a Google News a především kvůli typu produkovaného obsahu. Budou ale jiné případy, kde skutečně žádná hodnota není a není potřeba věnovat cenné zdroje implementaci.

I tak jsme chtěli udělat malé shrnutí hlavních výhod, které AMP nabízí, a samozřejmě i jeho nevýhod.

• ›

  Rychlost: Výhoda číslo 1 a důvod, proč mnoho firem tato technologie svádí, je rychlost, kterou nabízí. Ve srovnání s tradičními weby může znamenat 2× až 3× kratší dobu načítání, takže se uživatelská zkušenost radikálně mění.

• ›

  Viditelnost: Pokud na mobilním zařízení (telefon nebo tablet) hledáte konkrétní termín, karusel Google News, který se objevuje nahoře, je plný AMP stránek. I když Google oficiálně tvrdí, že priority neudělit, realita je velmi jiná a zdá se být téměř povinností AMP implementovat, abyste se tam objevili. Totéž platí pro nedávno vytvořenou sekci Google Discover. Jediný způsob, jak se k ní dostat, je z mobilních zařízení, a většina zpráv, které se tam objevují, jsou Accelerated Mobile Pages.

• ›

  Monetizace: Větší viditelnost usnadňuje monetizaci všech těchto návštěv, a tím získání dalšího zdroje příjmů. Doposud byla klasická verze jediným způsobem, jak mít dostupný obsah. Nyní však firmy mohou monetizovat jak svou klasickou verzi, tak svou AMP verzi.

• ›

  Propojení s dalšími funkcemi Googlu: AMP je produktem Googlu, takže se nejen neustále vyvíjí, ale má také skvělé integrace s dalšími produkty giganta. Zatímco jsme nedávno viděli funkci AMP for Email, dalším pozoruhodným rysem je nedávné začlenění AMP do Google Images. Všichni uživatelé na mobilních zařízeních v Google Images mohli AMP verzi článku navštívit jediným pohybem prstu.

4. Nevýhody AMP

Zatím vše vypadá skvěle. Ale ne vše jsou výhody. Implementace AMP má i řadu nevýhod, které stojí za to mít na paměti:

• ›

  Vysoké náklady na implementaci: Zatímco proces instalace je velmi jednoduchý, pokud se provádí ve WordPressu, věci se hodně mění, pokud se implementace provádí na jiné platformě. Tým musí věnovat cenné zdroje a několik lidí z vývojového týmu výzkumu, testování, ověřování implementace atd., což představuje významnou investici.

• ›

  Směšný CTR: Zatímco počet impressions může po implementaci AMP značně narůst, skutečná hodnota — tedy počet kliknutí, která získáme na náš obsah — obvykle nejde ruku v ruce. Níže můžete vidět skutečný příklad CTR, který Google Images poskytuje pro AMP obsah ve Search Console.

Příklad statistik dopadu AMP v Google Images.

• ›

  Závislost na Googlu: I když Google nedávno oznámil, že AMP stránky lze nyní servírovat z vlastní domény místo přes Google cache, závislost na Googlu je stále enormní. Jakákoli, byť malá změna, má obrovský dopad na mnoho firem a to vytváří bezprecedentní sílu a vyjednávací moc na straně Googlu. Jinými slovy, Google s touto technologií může dělat, co chce, dokud bude generovat příjem firmám. Co se stane, když Google najednou začne všem firmám účtovat za její použití?

• ›

  Astronomický bounce rate: Pokud mluvíme o CTR, čísla jsou opravdu drsná. Ale pokud mluvíme o bounce rate, čísla mohou být přímo děsivá. Říká se, že mnoho firem zažívá bounce rate vyšší než 90 %. Pro jakýkoli byznys je to opravdu šílené. Z AMP se doporučuje implementovat AMP menu, snažit se přizpůsobit co nejvíc stránek, aby vznikla jednotná AMP zkušenost… Ale to nejen činí implementaci dražší a zvyšuje závislost na této technologii, ale také vyvolává otázku, zda získaná rychlost skutečně kompenzuje ztrátu tolika uživatelů v každé relaci…

5. Závěry

Učinit definitivní prohlášení, zda se vyplatí AMP implementovat nebo ne, je téměř nemožné. Každý byznys má jedinečné vlastnosti, a proto stojí za to každou situaci hluboce analyzovat, srovnat investici s potenciálními přínosy, a teprve pak rozhodnout, zda je AMP skutečně cestou.

Máte pochybnosti, zda by technologie AMP mohla pomoci vašemu byznysu? Nebojte se! Můžeme vám pomoct! Objevte všechny naše SEO služby a podíváme se, jak vám můžeme pomoci.

6. Zprávy a aktualizace

V této sekci budeme průběžně aktualizovat všechny zprávy, které tým AMP oznámí, abyste byli o této technologii informováni.

7. Reference

Zdroje:

• ›Oficiální web AMP
• ›AMP nástroje
• ›Jak AMP funguje?

Oficiální průvodci:

• ›AMP for Email
• ›AMP Ads
• ›AMP for Websites
• ›AMP Stories

** Všechny fotografie jsou poskytnuty z oficiálního webu AMP.*