Kako provjeriti ubrzane mobilne stranice (AMP)

U našem posljednjem AMP tutorialu pokazali smo vam kako usvojiti AMP (Accelerated Mobile Pages) kako biste dobili značajan porast brzine i bolju izloženost u Googleovom mobilnom rezultatu pretraživanja za vašu web-lokaciju u mobilnom okruženju.

Vidjevši AMPPretpostavljam da ste možda pokrenuli ili planirate početi vršiti izmjene na svojim web-lokacijama kako biste ih uskladili AMP. Pažljivo slijedite smjernice o Dokumentima i sastavite svoj CSS kako biste stilizirali AMP stranice kako bi odgovarale vašem vizualnom apetitu.

Sada postoji još jedna stvar: potvrđivanje tih stranica.

AMP validatori

Postoji nekoliko načina za potvrđivanje AMP stranica:

1. Dodaj u # Razvoj = 1 trag na kraju URL-a stranice AMP. Izvješće će biti projicirano u Konzola pod DevTools.
2. Alternativno možete koristiti online AMP validator.
3. Možete koristiti i proširenje AMP-a za Chrome.

Ti će alati izraditi izvješće s pogreškama ili upozorenjima na stranicama. Na temelju toga možete odabrati što želite popraviti.

AMP validacija prvenstveno upravlja korištenje HTML elemenata, a, i deklaracije stila. Uvjerite se da su sve te stvari na stranici usklađene s AMP-om, i da ništa što krši AMP smjernice ostaju tamo. U suprotnom, vaša AMP stranica neće se pojaviti nigdje.

Struktura podataka

AMP također zahtijeva strukturu Schema podataka. Ti se podaci nalaze unutar glava oznake stranice u JSON formatu. Sadrži kontekstualnu informaciju stranice, uključujući naslov, logotip i ime izdavača, datum objavljivanja i izmjene, itd..

Ovisno o svrsi stranice, podaci za uključivanje mogu se razlikovati: članci, recenzije, recepti, videozapisi itd. Možete pogledati Dokumentaciju Google Tipova podataka za pojedinosti o vrsti podataka.

Potrebni su neki podaci koji će proizvesti pogreške ako se ne isporučuju; nekoliko drugih vrsta podataka je opcionalno i samo će proizvesti upozorenja. Međutim, ove vrste pogrešaka neće se pojaviti u spomenutim AMP validatorima.

Umjesto toga, pojavit će se u alatu Google Testing Data Testing Tool, kao i na vašem računu Google Webmasters.

AMP potrošači ili klijent koji podržava AMP, kao što su Google Search i Twitter Moments, mogu koristiti ovaj skup podataka za prezentiranje AMP sadržaja na stranici rezultata.

Dakle, pored sljedećih AMP smjernica s njihovim vlasničkim HTML elementima, potrebne su i potrebne sheme podataka.

Previdjeti pogreške

Većina pogrešaka se eksplicitno bilježi u dokumentima i lako se može uočiti. Nekoliko je pogrešaka ipak kontekstualizirano s varijablama koje možda nećemo primijetiti, kao što je “Nevažeća vrijednost atributa”, što kaže "Atribut '% 1' u oznaci '% 2' postavljen je na nevažeću vrijednost '% 3'.".

Ovo izvješće o pogrešci ne spominje niti precizno navodi koja vrijednost netočno je . Ali ono što znam je da ne možemo postaviti širina i visina od element u 100% ili auto. Ove vrijednosti atributa moraju biti točne veličine slike kako bi se sačuvao omjer slike.

Ovo je samo jedan primjer. Postoji nekoliko prilagođenih elemenata - amp-img, amp-iframe, i AMP oglasi - s vlastitim skupom pravila validacije protiv uporabe atributa i njegove vrijednosti.

Ovime bi validacija AMP stranice mogla biti obeshrabrujući zadatak, pogotovo ako uzmemo u obzir stotine ili (možda) tisuće naslijeđenih sadržaja koji su objavljeni prije nekoliko godina.

Konačna misao

AMP je još uvijek u ranoj fazi. To je u vrlo aktivnom razvoju s zajedničkim naporima tvrtke Google i zajednice za razvoj web stranica. Ali AMP će se sigurno razvijati. Slično HTML5-u, u budućnosti mogu postojati elementi, atributi i neke prakse. Tako pobrinite se da se vaše AMP stranice stalno povremeno potvrđuju na temelju posljednjih izmjena smjernica.