Accelerated Mobile Pages | Cambschool.cz

Accelerated Mobile Pages

Accelerated Mobile Pages

 

Accelerated Mobile Pages jsou speciální stránky pro rychlé načítání statického obsahu v mobilních zařízeních podporované Googlem. Responzivní šablona je sice fajn, ale pro mobilní připojení představuje stále problém: Pomalé načítání obsahu. Proto Google přišel s AMP (Accelerated Mobile Pages) a o nich bude tento článek…

..a doufám, že vás přesvědčím, abyste si je zavedli i k vám (ukážu na pluginech WordPressu).

AMP ze 3 částí

Systém Accelerated Mobile Pages se skládá z těchto základních částí: HTML a JS na vašich stránkách a Google Cache na straně velkého bratra Googla… tím se zajistí rychlé načítání vašeho obsahu.

  1. AMP část: HTML – velice jednoduchá struktura s minimem tagů a hlavně obsah

  2. AMP část: JS – základní javascript, který stačí bohatě pro rychlé zobrazení stránek

  3. AMP část: Google Cache – přes validační systém načte HTML, JS, obrázky. Potom vše uloží do vlastní cache a díky HTTP 2.0 velice rychle zobrazuje obsah

Jak to funguje

Při vyhledávání na mobilu vám Google nabídne přednostně stránky AMP. Něco hledáte a zobrazí se vám na mobilu výsledky vyhledávání s označením AMP. Tyto stránky jsou už cachované (od vás se obsah stáhl na Google a zobrazuje se přímo od něj).

Výsledek vyhledávání vypadá na mobilu takto takto:

Mám to AMP taky?

Nejjednodušší je zajít do Google Search Console a najít pododkaz: Accelerated Mobile Pages přímo tam:

Jestli tam žádné stránky nevidíte, tak máte smůlu a čtěte dále 

WordPress a AMP

Pokud máte WordPress, máte obrovskou výhodu: Stačí 2 pluginy a vše funguje správně 

  1. Plugin AMP vám nastaví pro každý příspěvek novou stránku. Můžete udělat i některé základní grafické úpravy pro nový typ stránek.
    Zde je ukázka nově vzniklé stránky:

  2. Pokud využíváte SEO Yoast, stačí použít plugin Glue for Yoast SEO & AMP a vše funguje perfektně 

Zjednodušeně to funguje tak, že do každé ne-AMP stránky vložíte nový tag:

a do AMP stránky vložíte

Na co dát bacha

  • Nefunugje asynchronní načítání obrázků u AMP. Takže jsem plugin Lazy Load XT musel vypnout, dokud nenajdu náhradu.

  • Čeština není v AMP pluginu v pořádku (diakritika)

  • U stránek AMP se může zobrazit, že nejsou uzpůsobené pro mobily. Zkontolujte si, jestli se zobrazuje vše správně… včetně obrázků

Závěr

Zase znovu a znovu vidíme, jak se Google snaží urychlovat načítání stránek. Využijte toho, protože vás za to Google ohodnotí ve výsledcích vyhledávání na mobilech.

31. 1. 2017

Autor: Daniel Nytra

Zdroj: www.danielnytra.cz