Kako preveriti pospešene mobilne strani (AMP)

V naši zadnji vadnici za AMP smo vam pokazali, kako lahko sprejmete AMP (pospešene mobilne strani), da pridobite občutno povečanje hitrosti in boljšo izpostavljenost v Googlovih rezultatih mobilnega iskanja za vaše spletno mesto v mobilnem okolju..

Ko sem videl AMPPredvidevam, da ste morda začeli izvajati spremembe na svojih spletnih mestih ali da ste jih že začeli uporabljati AMP. Previdno sledite smernicam v dokumentih in sestavite svoj CSS, da bi oblikovali AMP strani, da bodo ustrezali vašemu vizualnemu apetitu.

Zdaj je še zadnja stvar: potrditev teh strani.

AMP Validators

Strani AMP lahko preverite na več načinov:

1. Dodaj v # development = 1 sledi na koncu URL-ja strani AMP. Poročilo bo projicirano v Konzola pod DevTools.
2. Lahko pa uporabite tudi spletni validator AMP.
3. Uporabite lahko tudi razširitev AMP za Chrome.

Ta orodja bodo izdelala poročilo s seznamom napak ali opozoril na straneh. Na podlagi tega lahko izberete, kaj želite popraviti.

Potrditev AMP večinoma ureja uporaba elementov HTML, s, in deklaracij. Prepričajte se, da so vse te stvari na strani skladne s programom AMP in da v njem ni ničesar, kar bi kršilo smernice AMP. V nasprotnem primeru se vaša stran AMP ne bo pojavila nikjer.

Struktura podatkov

AMP zahteva tudi strukturo podatkov sheme. Ti podatki so določeni znotraj. \ T glavo na strani v formatu JSON. Vsebuje kontekstno informacijo strani, vključno z naslovom, logotipom in imenom izdajatelja, datumom objave in spreminjanja itd..

Odvisno od namena strani se lahko podatki, ki jih želite vključiti, razlikujejo: členi, ocene, recepti, videoposnetki itd. Za podrobnosti o tipu podatkov si lahko ogledate dokumentacijo Google Tipov podatkov..

Potrebni so nekateri podatki, ki bodo povzročili napake, če jih ne dobimo; nekaj drugih tipov podatkov je neobvezno in bo samo ustvarilo opozorila. Te vrste napak pa se ne bodo pojavile v prej omenjenih validatorjih AMP.

Namesto tega se bodo pojavili v orodju za testiranje Google Strukturiranih podatkov in v vašem računu Google Webmasters.

Potrošniki AMP ali odjemalec, ki podpira AMP, kot so Google Iskanje in Twitter trenutki, lahko uporabijo ta nabor podatkov za predstavitev vsebine AMP na njihovi strani z rezultati.

Torej, poleg smernic AMP s svojimi lastnimi elementi HTML po meri, morajo biti potrebni tudi podatki o shemi.

Prezrte napake

Večina napak je izrecno zabeležena v Google Dokumentih in se lahko zlahka prikaže. Nekaj ​​napak pa je kontekstualiziranih s spremenljivkami, ki jih morda ne bomo opazili, kot je “Neveljavna vrednost atributa”, ki pravi "Atribut '% 1' v oznaki '% 2' je nastavljen na neveljavno vrednost '% 3'.".

To poročilo o napaki ne omenja ali natančno navaja katero vrednost ni veljaven. Toda vem, da ne moremo določiti premer in višine od elementa 100% ali samodejno. Te vrednosti atributov morajo biti natančna velikost slike, da se ohrani razmerje slike.

To je samo en primer. Obstaja več elementov po meri - amp-img, amp-iframe, in amp-oglasi - s svojimi sklopi pravil validacije proti uporabi atributa in njegove vrednosti.

S tem bi lahko preverjanje veljavnosti strani AMP zastrašujoče, še posebej, če upoštevamo na stotine ali (morda) na tisoče zastarelih vsebin, objavljenih pred leti.

Končna misel

AMP je še v začetni fazi. Dejavno se razvija z družbenimi prizadevanji Googla in skupnosti za razvoj spletnih strani. Toda AMP se bo zagotovo razvil. Podobno kot v HTML5 lahko obstajajo elementi, atributi in nekatere prakse, ki bodo v prihodnje opustili. Torej poskrbite, da bodo vaše strani AMP občasno preverjene na podlagi najnovejših sprememb smernic.