Stránky AMP vám zjednoduší život

StránkyAMP. Stále více lidí nyní používá k prohlížení stránek a vyhledávání na internetu svá mobilní zařízení. Vznikla celá nová odvětví pro tvorbu produktů pro mobilní zařízení, jako jsou mobilní aplikace, různé gadgety a další technologie. A celková návštěvnost z chytrých telefonů a tabletů již překonala návštěvnost z počítačů a notebooků pro stolní počítače.

Podle statistik společností Google a Facebook je však na světě mnoho uživatelů, kde mobilní internet není tak rychlý (např. 3G, GPRS). Z tohoto důvodu začali tito dva giganti podnikat kroky, aby uživatelům s pomalým internetovým připojením poskytli „lepší zážitek“. Většina lidí, zejména mimo země první desítky, stále nepoužívá rychlé sítě 4G, LTE nebo Wi-Fi. Společnost Google proto spustila otevřený projekt AMP pro mobilní zařízení s pomalým přístupem k internetu. Jde o to, že webové stránky jsou stále složitější a „těžší“ a je zde trend – stále větší množství obsahu pro mobilní zařízení. V srpnu 2016 bylo v indexu vyhledávání Google již více než 150 milionů dokumentů AMP a tento počet rostl každý týden o 4 miliony týdně.

Co je AMP?

Accelerated Mobile Pages, nebo jednoduše řečeno AMP, je většinou HTML s rozšířeními a některými vlastními prvky/ bloky stránek pro mobilní weby. Existují určité značky, které můžete při vývoji webových stránek používat, a jiné, které ne. Tak například ze značky IMG (obrázek) se stane AMP-IMG; v tomto případě je video nahrazeno novou značkou AMP atd. I když to vývojářům ukládá určitá omezení, je to dobrým příslibem pro rychlost a propagaci webových stránek (pomáhá při SEO). Pro podporu stránek AMP nelze použít několik skriptů Java. Dobrou zprávou však je, že CSS3 můžete používat bez jakýchkoli omezení. 

Dokumenty HTMLAMP lze také použít pro tvorbu webových stránek. Pokud tedy nechcete vyvíjet 2 verze webu zvlášť, můžete jej jednoduše vytvořit na základě AMP-HTML a na webový server nahrát pouze tuto verzi. Někteří odborníci však doporučují vytvořit obě verze pro lepší kompatibilitu. Vyhledávač Google tuto technologii podporuje. Je určena ke zrychlení mobilního internetu. Vidíte zde dva hlavní principy:

1. AMP dokumenty jsou co nejlehčí: neobsahují těžké skripty ani složitý kód (příklad můžete vidět zde). To znamená, že pravidla pro jejich vytváření jsou velmi přísná.
2. Zrychlené mobilní stránky se ukládají do speciální mezipaměti Google.

Pokud přejdete z výsledků vyhledávání Google, stahování je okamžité. Prostým zadáním adresy URL AMP je načítání o něco pomalejší, ale rychlejší než hlavní mobilní verze.

Ko by to mohlo zajímat?

TechnologiiAMP hojně využívají zpravodajské weby, blogy, vlogy a další informační zdroje s mnoha šablonami obsahových stránek. Tímto výčtem se výčet neomezuje: na AMP; můžete vytvořit vstupní stránku i mobilní verzi jakéhokoli webu, včetně online katalogu s plnohodnotnými produktovými stránkami.

Surfingy mohou AMP používat dvěma zásadně odlišnými způsoby. První spočívá v přenosu dat ze serveru vlastníka webu do počítače návštěvníka a zobrazení zrychlené verze stránky v prohlížeči. Na webu s podporou AMP lze například nastavit automatické přesměrování všech mobilních uživatelů na zrychlené stránky. Návštěvník se může na AMP dostat pomocí odkazu v mobilním zařízení nebo přidáním přípony / amp/ do adresy URL v adresním řádku prohlížeče na stacionárním počítači.

Druhá metoda zahrnuje zobrazení verze AMP v mezipaměti ze serveru Google. Největší vyhledávač na světě zobrazuje odkazy na zrychlené stránky ve formátu karuselu v SERP (stránka s výsledky vyhledávání). Při prohlížení stránky uživatel nepřejde na web, ale zobrazí si obsah z nabídky SERP.

AMP pro internetové obchody

Mějte na paměti, že samotné AMP nejsou určeny pro online obchodování. Jsou však určeny k přilákání potenciálních kupujících.

Pokud se návštěvník rozhodne pro nákup, dokončí objednávku buď na mobilní verzi webu, nebo na upravené verzi pro stolní počítače, podle toho, jak je váš web nakonfigurován.

Pamatujte, že AMP je užitečné především pro uživatele, kteří mají pomalý a nestabilní internet. Z toho vyplývá, že mobilní verze webu musí být také lehká a rychlá, jinak se může stát, že se návštěvník „utrhne“ od nákupu a zavře ho kvůli obchodu.

Vývojáři AMP tvrdí, že internetové obchody mohou a měly by používat zrychlené stránky. Hlavním argumentem ve prospěch zavedení technologie na zdrojích e-shopů je, že zvýšení rychlosti načítání mobilních stránek pozitivně ovlivňuje konverze. Mimochodem, společnost eBay experimentuje s AMP od poloviny roku 2016.

Proč by blogy a vydavatelé měli povolit AMP

Protože čtení pomalu se načítajících stránek je pro uživatele neskutečně frustrující, vydavatelé přicházejí o možnost vydělávat na reklamě. Technologie AMP pomáhá udržet návštěvníka na webu delší dobu, což potenciálně přispívá ke zvýšení počtu kliknutí na reklamy.

Stránky AMP se zobrazují s ikonou blesku, aby se odlišily od běžného obsahu. Osoba, která na tuto možnost klikne, je přesměrována přímo na stránky AMP, které jsou otevřeny pomocí prohlížeče AMP. Obsah bude také okamžitě dostupný ve vyhledávání Google a na platformách, jako jsou Twitter, LinkedIn, WordPress, Parse.ly, Adobe Analytics, Nuzzel a Pinterest.

Vydavatelé navíc budou mít přístup ke službě Google Analytics, aby mohli sledovat výkonnost svých stránek. Mohou tak využít nejlepší obsah AMP k optimalizaci výkonu stránek a zlepšení uživatelského komfortu.

Krátce o funkci AMP

Při tvorbě stránek už dávno není potřeba přeprogramovávat posuvníky, modální okna a další blbosti, na to jsou už dávno vymyšlené takzvané knihovny jQuery. Ty. Tvůrce layoutu nepíše kód od nuly, ale vezme hotový (právě pro případ, kdy „všechno už bylo ukradeno před námi“) a přizpůsobí ho pro konkrétní web. V případě AMP vše funguje v podstatě stejně, jen s několika rozdíly:

# 1 – pro AMP se ponechává pouze kód vhodný pro rychlé načítání obsahu. Například obrázky se nemusí načíst okamžitě, ale až dále, jak uživatel roluje stránkou dolů. Patří sem také modální okna, posuvníky a další „odlehčení“.

# 2 – používají se pouze asynchronní skripty, tj. vše opět pro co nejrychlejší načtení.

# 3 – kód je napsán tak, aby se stránka AMP zobrazovala stejně dobře na jakémkoli mobilním zařízení.

Všechny tyto 3 rozdíly jsou zaměřeny především na to, aby prohlížeče vykreslily stránku co nejrychleji. Funkčnost stránky je však poměrně silně omezena. Chtěli byste vložit nějaké své skripty? Zapomeňte na to, protože i seznam platných značek HTML je omezený.

Pros technologie AMP

Mnoho uživatelů stále přemýšlí, zda tuto možnost použít, či nikoli. Obrovské korporace však chápou, že přináší větší návštěvnost a pohodlí. Podívejme se, proč je to výhodné:

1. Jedná se samozřejmě o rychlost načítání obsahu. Text se načte téměř okamžitě, až poté se načtou obrázky (navíc se nenačtou, pokud na ně nescrollujete).
2. AMP stránky jsou ve výsledcích vyhledávání označeny speciálním bleskem, který může váš zdroj odlišit od ostatních. Uživatelé se postupně naučí, že tato ikona označuje rychlé načítání obsahu.
3. Zrychlené mobilní stránky mohou být zařazeny do speciálních karuselů Google.
4. Významné vyhledávače sázejí na mobilní web. Důvodem je neustále se zvyšující procento prodeje zboží z mobilních zařízení. Lidé je používají k nakupování při čekání ve frontách a na cestách. Mnohé prognózy ukazují na další růst významu mobilního internetu.

To vše má pozitivní vliv na věrnost návštěvníků a behaviorální metriky. Hlavní výhodou zrychlených stránek je tedy vysoká rychlost načítání. Zlepšuje uživatelský zážitek a může nepřímo ovlivnit pozici stránek v SERPu Google. Zdroje také mohou získat další zobrazení díky kolotoči AMP.

Nevýhody zrychlených mobilních stránek

Nyní pojďme na zem a zjistěme, zda je nyní nutné zavádět tuto technologii pro průměrný projekt? Budeme uvažovat o zdrojích založených na WordPressu, jednom z nejoblíbenějších CMS:

1. Běžný webmaster potřebuje nejen odpovídat na dotazy návštěvníků, ale také vydělávat na reklamě. Do Accelerated Mobile Pages lze přidat pouze reklamní jednotky Google Adsense – pěkné, ale zdaleka ne univerzální.
2. Abyste se při implementaci AMP vyhnuli duplicitám, musíte si dát pozor na následující věci:
   • nové stránky by měly mít rel, který je kanonický k hlavním URL;
   • neměly by se objevit v mapě stránek.

Ale i když vám vše takto vyjde, není faktem, že vyhledávače bez vašeho přání duplicity nevytvoří. 

1. AMP není vhodný pro všechny typy stránek. Tato technologie je určena pouze pro obsahové dokumenty: texty, obrázky. Pokud se váš projekt neskládá pouze z článků/novinek, pak přechod mezi verzemi stránek může uživatele zmást (budete muset dosáhnout maximální podobnosti designu).
2. Ačkoli takto zrychlené stránky vynikají v SERP, mluvčí Googlu Harry Illes uvedl, že AMP se do vzorce pro hodnocení nezapočítává. Poznamenal, že není jisté, že to bude trvat stále.
3. Nejprve je třeba vytvořit responzivní design nebo mobilní verzi webu. Pak je to zrychlená verze pro Google. Pokud vám kapacity velkého projektu umožní vytvořit samostatné verze zdroje a sledovat je, pak to bude pro průměrného webmastera mnohem obtížnější.

Za vysokou rychlost načítání je třeba zaplatit za funkčnost a vzhled stránek. Je třeba poznamenat, že většinu nedostatků lze zcela nebo částečně odstranit. AMP však vždy zůstane zjednodušenou nebo dokonce zkrácenou verzí základní stránky webu.

Monetizace stránek AMP

Tato podkapitola bude zajímat všechny majitele informačních stránek, protože jejich stránky jsou zpravidla zpeněžovány buď výhradně prostřednictvím kontextové reklamy, nebo převážně prostřednictvím reklamy (klíčová slova jsou zde „výhradně“ a „převážně“). Jaké reklamní sítě tedy můžete k monetizaci AMP použít:

• Adform;
• Google Ad Manager;
• AdReactor;
• Yieldmo;
• Plista;
• Tabulka;
• Flite;
• AOL AdTech;
• Amazon A9;
• Google Adsense;
• Smart AdServer;
• DotAndAds.

Pro zpeněžení AMP existuje spousta reklamních platforem, což je pro blogery a zpravodajské weby velké plus.

Používat, nebo nepoužívat?

Doporučujeme tuto technologii používat, protože:

1. Zrychlené stránky jsou téměř 30krát rychlejší než běžné stránky. V době, kdy 63 % uživatelů internetu k němu přistupuje z mobilních zařízení, pomůže takový krok získat náskok v boji s konkurencí.
2. Je také nutné vzít v úvahu zvláštnosti hodnocení Google – vyhledávač se zaměřuje na mobilní verze. Verze pro stolní počítače jsou v SERPu uvedeny níže.
3. Rychlý formát zlepšuje faktory chování a poskytuje určitou výhodu při řazení. A to zvyšuje tok návštěvníků a v konečném důsledku i zisk.
4. Reaktivní parametry jsou vhodné nejen pro informační, ale i komerční projekty. Pokud se zdroj načítá rychle, nemá pro návštěvníka smysl přecházet ke konkurenci.
5. Pro stránky s CMS byly vyvinuty speciální pluginy, které umožňují implementovat stránky AMP i bez speciálních znalostí.

Pokud máte projekt s obsahem, který je poháněn systémem WordPress, můžete zrychlující stránky implementovat rychle a levně. Nainstalováním základního doplňku strávíte minutu a instalací a konfigurací doplňkového doplňku půl hodiny. Existuje také bezplatné řešení pro weby poháněné systémem Drupal, které lze rychle nainstalovat a nakonfigurovat.