AMP (Accelerated Mobile Pages): kas tai ir kaip panaudoti?

0

Vis daugiau laiko internete yra praleidžiama naudojantis mobiliaisiais įrenginiais. Interneto naršymas mobiliajame telefone tapo daugelio žmonių kasdienybe. Tad jei dar prieš keletą metų verslai galvojo tik apie kompiuterių naudotojus, tai dabar yra pats laikas pasirūpinti lankytojais, kurie atėjo į jūsų tinklalapį naudodamiesi išmaniuoju telefonu.

internet-usage

Vartotojai naršydami mobiliuose įrenginiuose, tikisi, kad tinklalapiai užsikraus labai greitai. Tačiau realybėje tinklalapio užsikrovimas mobiliajame įrenginyje gali užtrukti keletą sekundžių. Todėl nieko nuostabaus, kad net 40% lankytojų palieka tinklalapį, jei jis kraunamas ilgiau nei 3 sekundes. Į mobilius interneto naudotojus atkreipė dėmesį ir Google. 2016 m. lapkričio mėnesį buvo paskelba mobile-first indexing naujiena, kurioje teigiama, kad indeksuojant tinklalapius prioritetas bus teikiamas mobiliajai tinklalapio versijai.

Norint pagerinti vartotojo patirtį Google sukūrė AMP projektą, kuris skirtas pagerinti vartotojų, naršančių mobiliuose įrenginiuose, patirtį. AMP pagalba mobilus tinklalapio turinys užkraunamas labai greitai.

image08


Kas yra AMP?

Accelerated Mobile Pages tai atviro kodo HTML karkasas (angl. framework), kurio pagalba tinklalapio turinys yra užkraunamas akimirksniu.

AMP puslapiai yra turimo tinklalapio puslapių kopijos, kurios dažniausiai pasiekiamos skirtingais URL adresais, pavyzdžiui: www.domenas.lt/puslapio-pavadinimas/amp.

Šie puslapiai sukuriami pasinaudojant 3 pagrindiniais komponentais:

  1. AMP HTML yra HTML kodas su tam tikrais apribojimais ir papildymais, kuris skirtas atvaizduoti visavertį puslapio turinį.
  2. AMP JS biblioteka užtikrina greitą AMP HTML kodo apdorojimą.
  3. AMP Cache yra naudojamas AMP HTML puslapių kešavimui.

Accelerated Mobile Pages projektas buvo sukurtas naujienų ir tinklaraščių puslapiams atvaizduoti, tačiau panaudojimo galimybės išsiplėtė ir dabar jis gali būti pritaikytas įvairiems tinklalapiams.

AMP

Accelerated Mobile Pages: ypatybės ir nauda

Išskyrėme pagrindines naudas, kodėl yra verta susikurti AMP puslapius:

  1. Greitai užkraunami puslapiai mobiliems vartotojams. Siekiant paspartinti puslapių krovimosi laiką, suindeksuoti AMP puslapiai saugomi Google serveriuose ir kraunami tiesiai iš jų. Google užkrauna šiuos puslapius paieškos rezultatuose prieš vartotojams apsilankant juose, todėl vartotojui jie atidaromi akimirksniu.amp-1
  2. Aukštesnės tinklalapio pozicijos paieškos rezultatuose. AMP puslapių naudojimas tiesiogiai nedaro įtakos tinklalapio pozicijų Google paieškoje. Tačiau jų naudojimas gerina vartotojų patirtį tinklalapyje, todėl vartotojai praleidžia daugiau laiko jame bei gerėja įsitraukimo rodiklis. Todėl toks vartotojo patirties pagerinimas teigiamai įtakoja tinklalapio pozicijas.
  3. Geresnis tinklalapio matomumas paieškoje. Prie AMP puslapių Google rezultatuose yra pateikiama AMP ikona. Šie puslapiai taip pat įtraukiami į naujienų karuseles.amp-2
  4. Palaikomi reklaminiai baneriai. AMP įgalina atvaizduoti reklamą iš įvairių reklamos tinklų, naudoti įvairius formatus bei technologijas. Tikslas pateikti reklamą greitai, kuri būtų pastebima lankytojams, tačiau neiškreiptų bendro puslapio vaizdo.

Kaip įdiegti ir naudoti AMP?

Accelerated Mobile Pages gali būti naudojami kartu su kitais HTML puslapiais nėra specialių reikalavimų serveriui ar apribojimų. Pateikiame pagrindinius punktus į ką reikia atkreipti dėmesį, kuriant šiuos puslapius:

  • Puslapio html kodas turi prasidėti su amp žyma: <html amp lang=“en”>
  • Header dalyje turi būti ši js eilutė: <script async src=”https://cdn.ampproject.org/v0.js“></script>
  • Pagrindinėje tinklalapio puslapio versijoje reikia naudoti žymą rel=”amphtml” nukreipiančią į AMP versiją: <link rel=”amphtml” href=”http://example.ampproject.org/article-metadata.amp.html” />
  • AMP puslapio versijoje turi būti canonical nuoroda į pagrindinę puslapio versiją: <link rel=”canonical” href=”http://example.ampproject.org/article-metadata.html” />
  • Apribojimai: jokio papildomo javascript naudojimo, išskyrus amp-iframe, max 50kb stiliaus failas.
  • Iframe`uose gali būti naudojami trečiųjų šalių javascript kodai.
  • WordPress turi oficialų AMP papildinį, kurį galima rasti čia.
  • AMP gali būti testuojamas prie URL pridedant “#development=1” ir atidarant chrome konsolėje. Taip pat gali būti testuojama Google Search Console įrankyje, Accelerated Mobile Pages ataskaitoje.

Detalų aprašymą apie Accelerated Mobile Pages diegimą rasite čia: https://www.ampproject.org/docs/get_started/create

Taip pat su AMP galite susipažinti pažiūrėję šį video įrašą:

 

Kaip atrodo AMP puslapis?

Pilna puslapio versija:*                                                                    AMP puslapio versija:*

image01

amp-3

 

 

 

 

 

 

 

 

*Paspauskite norėdami pasižiūrėti.

Naudingos nuorodos

Share.

About Author

Vytautas

sem.lt CRO / UX analitikas

Leave A Reply