Nopeutettujen mobiilisivujen (AMP) vahvistaminen

Viimeisessä AMP-opetusohjelmassamme olemme osoittaneet, miten voit hyväksyä AMP-tekniikan (Accelerated Mobile Pages), jotta voit saavuttaa huomattavan nopeuden ja parantaa Googlen mobiilihakutuloksia sivustossasi mobiiliympäristössä.

Nähnyt AMPoletetaan, että olet saattanut aloittaa muutoksia tai tehdä suunnitelmia tehdä muutoksia sivustoihisi vastaamaan AMP. Noudata huolellisesti dokumenttien ohjeita ja säveltäkää CSS: n tyylitaksesi AMP-sivut visuaalisen ruokahalusi mukaan.

Nyt on vielä yksi asia: näiden sivujen validointi.

AMP Validators

AMP-sivujen validointi on useita:

Lisää # Kehitys = 1 polku AMP-sivun URL-osoitteen lopussa. Raportti suunnitellaan Konsoli välilehdessä DevTools.
Vaihtoehtoisesti voit käyttää online-AMP-validointia.
Voit myös käyttää Chrome AMP -laajennusta.

Nämä työkalut tuottavat raportin, jossa luetellaan virheitä tai varoituksia sivuilla. Tämän perusteella voit valita, mitä korjata.

AMP: n validointi ohjaa ensisijaisesti HTML-elementtien käyttö, s, ja tyyli-ilmoitukset. Varmista, että nämä sivun asiat ovat kaikki AMP-yhteensopivia, ja että mitään, joka rikkoo AMP-ohjeita, ei jätetä sinne. Muuten AMP-sivusi ei näy missään.

Tietorakenne

AMP vaatii myös Schema-tietorakenteen. Nämä tiedot esitetään pää sivun tunniste JSON-muodossa. Se sisältää sivun kontekstuaalista informaatiota, joka sisältää otsikon, julkaisijan logon ja nimen, julkaisupäivän ja muutoksen, jne..

Sivun käyttötarkoituksesta riippuen sisällytettävät tiedot voivat vaihdella: artikkelit, arvostelut, reseptit, videot jne. Tietoja tietotyypistä saat Google-tietotyyppien dokumentaatiosta..

Tarvitaan joitakin tietoja, jotka aiheuttavat virheitä, jos niitä ei toimiteta; muutama muu tieto on valinnainen ja tuottaa vain varoituksia. Tällaiset virheet eivät kuitenkaan näy edellä mainituissa AMP-validoijissa.

Sen sijaan ne näkyvät Google Strukturoidussa tietotestaustyökalussa sekä Google Webmasters -tilissä.

AMP: n kuluttajat tai asiakas, joka tukee AMP: tä, kuten Google Search ja Twitter Moments, voivat käyttää tätä tietosarjaa AMP-sisällön esittämiseen tulossivullaan.

Niinpä AMP-ohjeiden noudattamisen lisäksi omien, omien HTML-elementtiensä kanssa vaadittujen Schema-tietojen on oltava paikallaan..

Yllättävät virheet

Useimmat virheet havaitaan dokumenteissa nimenomaisesti ja ne voidaan helposti poimia. Muutamia virheitä on kuitenkin otettu huomioon muuttujilla, joita emme voi huomata, kuten “Virheellinen määritteen arvo”, joka sanoo "Tunnisteessa '% 2' määrite"% 1 "on asetettu virheelliseksi arvoksi '% 3'.".

Tässä virheraportissa ei mainita tai listata tarkasti mikä arvo on väärä . Mutta tiedän, että emme voi asettaa leveys ja korkeus of elementti 100% tai auto. Näiden attribuuttiarvojen on oltava kuvan tarkka koko kuvan suhteen säilyttämiseksi.

Tämä on vain yksi esimerkki. On olemassa useita mukautettuja elementtejä - amp-img, amp-iframe, ja amp-mainokset - omien validointisääntöjensä kanssa määritteen ja sen arvon käyttöä vastaan.

Tämä voisi tehdä AMP-sivun validoinnin pelottavaksi tehtäväksi, varsinkin jos otamme satoja tai (ehkä) tuhansia vanhoja sisältöjä, jotka on julkaistu vuosia sitten.

Lopullinen ajatus

AMP on vielä alkuvaiheessa. Se on erittäin aktiivisessa kehityksessä, jossa on yhteisöllisiä ponnisteluja Googlelta ja web-kehitysyhteisöltä. Mutta AMP kehittyy varmasti. Samoin kuin HTML5, voi olla elementtejä, attribuutteja ja joitakin käytäntöjä, jotka heikentyvät tulevaisuudessa. Niin varmista, että AMP-sivusi validoidaan jatkuvasti suuntaviivojen uusimpiin muutoksiin.