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

StránkyAMP. V súčasnosti čoraz viac ľudí používa na prehliadanie stránok a vyhľadávanie na internete svoje mobilné zariadenia. Vznikli celé nové odvetvia na vytváranie produktov pre mobilné zariadenia, ako sú mobilné aplikácie, rôzne miniaplikácie a ďalšie technológie. A celková návštevnosť zo smartfónov a tabletov už prekročila návštevnosť z počítačov a notebookov na stolných počítačoch.

Podľa štatistík spoločností Google a Facebook je však na svete veľa používateľov, kde mobilný internet nie je taký rýchly (napr. 3G, GPRS). Z tohto dôvodu začali títo dvaja giganti podnikať kroky, aby používateľom s pomalým internetovým pripojením poskytli „lepší zážitok“. Väčšina ľudí, najmä mimo prvej desiatky, stále nepoužíva rýchle siete 4G, LTE alebo Wi-Fi. Spoločnosť Google preto spustila otvorený projekt AMP pre mobilné zariadenia s pomalým prístupom na internet. Ide o to, že webové stránky sú čoraz zložitejšie a „ťažšie“ a je tu trend – stále rastúce množstvo obsahu pre mobilné zariadenia. V auguste 2016 bolo v indexe vyhľadávania Google už viac ako 150 miliónov dokumentov AMP a tento počet každý týždeň narastal o 4 milióny.

Čo je AMP?

Accelerated Mobile Pages, alebo jednoducho povedané AMP, je väčšinou HTML s rozšíreniami a niektorými vlastnými prvkami/bloky stránky pre mobilné stránky. Existujú určité značky, ktoré môžete pri vývoji webových stránok používať, a iné, ktoré nie. Tak napríklad zo značky IMG (obrázok) sa stane AMP-IMG; v tomto prípade sa video nahradí novou značkou AMP atď. Aj keď to pre vývojárov znamená určité obmedzenia, je to dobrým znamením pre rýchlosť a propagáciu webových stránok (pomáha pri SEO). Na podporu stránok AMP nie je možné použiť niekoľko skriptov Java. Dobrou správou však je, že CSS3 môžete používať bez akýchkoľvek obmedzení. 

AMP dokumenty HTML môžete použiť aj na vývoj webových stránok. Ak teda nechcete vyvíjať 2 verzie webu samostatne, môžete ho jednoducho vytvoriť na základe AMP-HTML a na webový server nahrať len túto verziu. Niektorí odborníci však kvôli lepšej kompatibilite odporúčajú vytvoriť obe. Vyhľadávač Google túto technológiu podporuje. Je určená na zrýchlenie mobilného internetu. Vidíte tu dva hlavné princípy:

1. AMP dokumenty sú čo najľahšie: neobsahujú ťažké skripty ani zložitý kód (príklad môžete vidieť tu). To znamená, že pravidlá vytvárania sú mimoriadne prísne.
2. Zrýchlené mobilné stránky sa ukladajú do špeciálnej vyrovnávacej pamäte Google.

Ak prejdete z výsledkov vyhľadávania Google, stiahnutie je okamžité. Jednoduchým zadaním adresy URL AMP je načítanie o niečo pomalšie, ale rýchlejšie ako hlavná mobilná verzia.

Ko by to mohlo zaujímať?

TechnológiuAMP široko využívajú spravodajské weby, blogy, vlogy a iné informačné zdroje s množstvom šablón obsahových stránok. Zoznam sa neobmedzuje len na toto: na AMP; môžete vytvoriť vstupnú stránku aj mobilnú verziu pre akúkoľvek lokalitu vrátane online katalógu s plnohodnotnými stránkami produktov.

Surferi môžu používať AMP dvoma zásadne odlišnými spôsobmi. Prvý spočíva v prenose údajov zo servera vlastníka stránky do počítača návštevníka a v zobrazení zrýchlenej verzie stránky v prehliadači. Na lokalite s podporou AMP môžete napríklad nastaviť automatické presmerovanie všetkých mobilných používateľov na zrýchlené stránky. Návštevník sa môže dostať na AMP pomocou odkazu pomocou mobilného zariadenia alebo pridať príponu / amp/ do adresy URL v adresnom riadku prehliadača na stacionárnom počítači.

Druhá metóda zahŕňa zobrazenie verzie AMP v medzipamäti zo servera Google. Najväčší vyhľadávač na svete zobrazuje odkazy na zrýchlené stránky vo formáte karuselu v SERP (stránka s výsledkami vyhľadávania). Pri prezeraní stránky používateľ nechodí na stránku, ale zobrazuje obsah z ponuky SERP.

AMP pre internetové obchody

Majte na pamäti, že samotné AMP nie sú určené pre online obchodovanie. Sú však určené na prilákanie potenciálnych kupujúcich.

Ak sa návštevník rozhodne uskutočniť nákup, dokončí objednávku buď na mobilnej verzii webu, alebo na upravenej verzii pre počítače, v závislosti od toho, ako je váš web nakonfigurovaný.

Pamätajte si, že AMP je užitočný predovšetkým pre používateľov, ktorí majú pomalý a nestabilný internet. Z toho vyplýva, že aj mobilná verzia stránky musí byť ľahká a rýchla, inak sa môže stať, že sa návštevník „odtrhne“ od nákupu a zavrie ju na dohodu.

Vývojári AMP tvrdia, že internetové obchody môžu a mali by používať zrýchlené stránky. Hlavným argumentom v prospech zavedenia technológie na zdrojoch elektronického obchodu je, že zvýšenie rýchlosti načítania mobilných stránok pozitívne ovplyvňuje konverziu. Mimochodom, spoločnosť eBay experimentuje s AMP od polovice roka 2016.

Prečo by mali blogy a vydavatelia povoliť AMP

Keďže čítanie pomaly sa načítavajúcich stránok je pre používateľov nereálne frustrujúce, vydavatelia prichádzajú o možnosť zarábať na reklame. Technológia AMP pomáha udržať návštevníka na stránke dlhší čas, čo potenciálne prispieva k zvýšeniu počtu kliknutí na reklamy.

StránkyAMP sa zobrazujú s ikonou blesku, aby sa odlíšili od bežného obsahu. Osoba, ktorá klikne na túto možnosť, sa dostane priamo na stránky AMP, ktoré sa otvoria pomocou prehliadača AMP. Takisto bude obsah okamžite dostupný vo vyhľadávaní Google a na platformách, ako sú Twitter, LinkedIn, WordPress, Parse.ly, Adobe Analytics, Nuzzel a Pinterest.

Vydavatelia budú mať navyše prístup k službe Google Analytics na sledovanie výkonnosti svojich stránok. Môžu využívať najlepší obsah AMP na optimalizáciu výkonu stránok a zlepšenie používateľského zážitku.

Krátko o funkcii AMP

Pri tvorbe stránok už dávno nie je potrebné preprogramovávať posuvníky, modálne okná a iné blbosti, na to sú už dávno vymyslené takzvané knižnice jQuery. Tie. Tvorca layoutu nepíše kód od nuly, ale vezme hotový (práve pre prípad, keď „všetko už bolo ukradnuté pred nami“) a prispôsobí ho pre konkrétny web. V prípade AMP funguje všetko podobne, len s niekoľkými rozdielmi:

# 1 – pre AMP zostáva len kód, ktorý je vhodný na rýchle načítanie obsahu. Napríklad obrázky sa nemusia načítať okamžite, ale až ďalej, keď používateľ posúva stránku. To zahŕňa aj modálne okná, posuvníky a iné „odľahčenia“.

# 2 – používajú sa len asynchrónne skripty, t. j. všetko opäť na najrýchlejšie načítanie.

# 3 – kód je napísaný tak, aby sa stránka AMP zobrazovala rovnako dobre na každom mobilnom zariadení.

Všetky tieto 3 rozdiely sú zamerané predovšetkým na to, aby prehliadače vykreslili stránku čo najrýchlejšie. Funkčnosť stránky je však pomerne výrazne obmedzená. Chceli by ste vložiť nejaké svoje skripty? Zabudnite na to, pretože aj zoznam platných značiek HTML je obmedzený.

Pros technológie AMP

Mnohí používatelia stále premýšľajú, či túto možnosť použiť alebo nie. Obrovské korporácie však chápu, že prináša väčšiu návštevnosť a pohodlie. Pozrime sa, prečo je to výhodné:

1. Samozrejme ide o rýchlosť načítania obsahu. Text sa načíta takmer okamžite, potom sa načítajú obrázky (navyše sa nenačítajú, ak na ne nescrollujete).
2. AMP stránky vo výsledkoch vyhľadávania sú označené špeciálnym bleskom, ktorý môže váš zdroj odlíšiť od ostatných. Používatelia sa postupne naučia, že táto ikona označuje rýchle načítanie obsahu.
3. Zrýchlené mobilné stránky môžu byť zaradené do špeciálnych karuselov Google.
4. Veľké vyhľadávače vsádzajú na mobilný web. Dôvodom je neustále sa zvyšujúce percento predaja tovaru z mobilných zariadení. Ľudia ich používajú na nakupovanie počas čakania v radoch a na cestách. Mnohé prognózy poukazujú na ďalší nárast významu mobilného internetu.

Všetko toto má pozitívny vplyv na lojalitu návštevníkov a behaviorálne metriky. Hlavnou výhodou zrýchlených stránok je teda vysoká rýchlosť načítania. Zlepšuje používateľský zážitok a môže nepriamo ovplyvniť pozíciu stránok v SERP Google. Zdroje môžu získať ďalšie zobrazenia aj vďaka kolotoču AMP.

Nedostatky zrýchlených mobilných stránok

A teraz poďme k zemi a zistime, či je teraz potrebné zaviesť túto technológiu pre priemerný projekt? Budeme uvažovať o zdrojoch založených na systéme WordPress, jednom z najpopulárnejších CMS:

1. Priemerný webmaster potrebuje nielen odpovedať na otázku návštevníka, ale aj zarábať na reklame. Reklamné jednotky Google Adsense môžete pridať len do zrýchlených mobilných stránok – pekné, ale zďaleka nie univerzálne.
2. Aby ste sa pri implementácii AMP vyhli duplicitám, musíte si dať pozor na nasledujúce veci:
   • nové stránky by mali mať rel, ktorý je kanonický k hlavným URL;
   • nemali by sa objaviť v mape stránok.

Ale aj keď vám všetko takto pôjde, nie je fakt, že vyhľadávače nebudú vytvárať duplikáty bez vášho priania. 

1. AMP nie je vhodný pre všetky typy stránok. Táto technológia je určená len pre obsahové dokumenty: texty, obrázky. Ak váš projekt pozostáva nielen z článkov/novín, potom prechod medzi verziami stránky môže používateľa zavádzať (budete musieť dosiahnuť maximálnu podobnosť dizajnu).
2. Aj keď takéto zrýchlené stránky vyniknú v SERP, hovorca spoločnosti Google Harry Illes povedal, že AMP sa do vzorca hodnotenia nezapočítava. Poznamenal, že nie je isté, že to bude trvať stále.
3. Najprv je potrebné vytvoriť responzívny dizajn alebo mobilnú verziu webu. Potom je to zrýchlená verzia pre Google. Ak vám kapacity veľkého projektu umožnia vytvoriť samostatné verzie zdroja a monitorovať ich, potom to bude pre priemerného webmastera oveľa ťažšie.

Za vysokú rýchlosť načítania musíte zaplatiť za funkčnosť a vzhľad stránok. Treba poznamenať, že väčšinu nedostatkov možno úplne alebo čiastočne odstrániť. AMP však vždy zostane zjednodušenou alebo dokonca skrátenou verziou základnej stránky webu.

Monetizácia stránok AMP

Táto podkapitola bude zaujímať všetkých majiteľov informačných stránok, pretože ich stránky sú spravidla monetizované buď výlučne prostredníctvom kontextovej reklamy, alebo prevažne prostredníctvom reklamy (kľúčové slová sú tu „výlučne“ a „prevažne“). Aké reklamné siete teda môžete používať na monetizáciu AMP:

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

Existuje množstvo reklamných platforiem na monetizáciu AMP, čo je pre blogerov a spravodajské weby veľkým plusom.

Používať či nepoužívať?

Túto technológiu odporúčame používať, pretože:

1. Akcelerované stránky sú takmer 30-krát rýchlejšie ako bežné stránky. V dobe, keď 63 % používateľov internetu k nemu pristupuje z mobilných zariadení, pomôže takýto krok získať náskok v boji s konkurenciou.
2. Takisto je potrebné brať do úvahy osobitosti hodnotenia Google – vyhľadávač sa zameriava na mobilné verzie. Verzie pre počítače sú v SERPe uvedené nižšie.
3. Rýchly formát zlepšuje faktory správania a poskytuje určitú výhodu pri hodnotení. A to zvyšuje tok návštevníkov a v konečnom dôsledku aj zisk.
4. Reaktívne parametre sú vhodné nielen pre informačné, ale aj komerčné projekty. Keď sa zdroj načítava rýchlo, nemá zmysel, aby návštevník prešiel ku konkurencii.
5. Pre stránky s CMS boli vyvinuté špeciálne pluginy, ktoré umožňujú implementovať stránky AMP aj bez špeciálnych znalostí.

Ak máte projekt s obsahom, ktorý poháňa WordPress, zrýchlenie stránok môžete implementovať rýchlo a lacno. Inštaláciou základného doplnku strávite minútu a inštaláciou a konfiguráciou doplnkového doplnku pol hodiny. K dispozícii je aj bezplatné riešenie pre stránky poháňané systémom Drupal, ktoré možno rýchlo nainštalovať a nakonfigurovať.