Uspjeh digitalnog marketinga temelji se na pružanju pozitivnog korisničkog iskustva, a kada se stranica ne učita munjevitom brzinom, posjetitelji se brzo frustriraju. Stopa napuštanja raste, konverzije padaju, a marketinški stručnjaci često ostaju zbunjeni pokazateljima pitajući se gdje je došlo do pogreške. Mnogi pogrešno pretpostavljaju da je kriva oglasna kampanja ili odredišna stranica nakon klika, a zapravo se problem krije u vremenu čekanja između njih.

Zbog toga je razvijen AMP okvir – kako bi mobilno pregledavanje interneta bilo značajno brže. AMP omogućuje developerima izradu web stranica koje se učitavaju gotovo trenutno, koristeći pojednostavljeni HTML kod. No, da bi stranica bila usklađena s AMP-om, mora proći kroz validator.

Kako funkcionira AMP validator

AMP validator pomaže u prepoznavanju i uklanjanju svih pogrešaka ili problema na mobilnim web stranicama kako bi bile usklađene s AMP standardom. Google nudi tri načina validacije AMP stranica. Svaki od njih daje rezultat prolazno ili neuspješno, a možete odabrati onaj koji najbolje odgovara vašem načinu rada:

1. Konzola preglednika za developere

Za validaciju AMP stranica pomoću konzole preglednika:

• Otvorite svoju AMP stranicu u pregledniku
• Dodajte “#development=1” na kraj URL-a
• Otvorite konzolu preglednika i provjerite postoje li greške u validaciji

Pogreške prikazane u konzoli izgledat će otprilike ovako:

2. AMP validator putem web sučelja

Za korištenje web sučelja jednostavno zalijepite svoj izvorni kod u polje za URL pri vrhu stranice i kliknite gumb za validaciju. Eventualne pogreške prikazat će se uz HTML izvor stranice:

3. Ekstenzija preglednika

Validaciju je moguće provesti i izravno iz alatne trake preglednika. Primjerice, Chrome ekstenzija automatski validira AMP stranice i daje vizualnu oznaku putem obojene ikone:

Jednostavan način testiranja je i korištenje Google AMP validatora unosom vlastitog URL-a:

Kao i u prethodnim metodama, rezultat će pokazati prolazi li stranica validaciju ili ne.

Što ako vaša stranica ne prođe validaciju? Razumijevanje mogućih pogrešaka pomaže da ih ispravite.

Što uzrokuje da AMP validator odbije stranice

AMP okvir ima ograničenje od 75 kb za CSS stilsku datoteku, pa će stranice koje premaše to ograničenje pasti na validaciji. Osim toga, moguće je naići na razne pogreške prilikom validacije, uključujući AMP HTML greške oznaka i atributa, pogreške u stilu i izgledu, pogreške u predlošcima te greške zbog zastarjelih oznaka. Evo nekoliko primjera.

Primjer AMP HTML pogreške je poruka “mandatory tag missing”. Određene oznake moraju postojati na svakoj AMP stranici, a ako neka nedostaje, pojavljuje se ova greška:

Kod problema s izgledom validator može prikazati pogrešku “stylesheet too long” ako veličina stilske datoteke premašuje 50 000 bajtova:

U slučaju pogrešaka predložaka, ako validator pronađe Mustache sintaksu u atributu, može se pojaviti pogreška “attribute contains template syntax”:

Konačno, greška “deprecated tag” nastaje kada se u dokumentu nalazi oznaka koja je ranije bila dopuštena, ali je sada zastarjela. Ipak, ova greška je samo upozorenje – dokument i dalje može biti valjan:

Zašto je AMP validator važan

AMP validator nije samo zgodan alat za testiranje prilikom razvoja odredišnih stranica nakon klika. On je nužan ako želite da se vaša stranica pojavi u Google AMP Cacheu i da je prepoznaju te promoviraju platforme trećih strana poput Googlea i Twittera koje prikazuju AMP sadržaj.

Ako AMP validator otkrije probleme na stranici, gubite brzinu učitavanja putem cachea, a time i vidljivost na mnogim mjestima.

 

Ukoliko imate dodatnih pitanja ili trebate pomoć, slobodno nam se obratite