Modul de validare a paginilor mobile accelerate (AMP)
În ultimul nostru tutorial AMP, v-am arătat cum să adoptați AMP (Accelerated Mobile Pages) pentru a obține o creștere semnificativă a vitezei, precum și o mai bună expunere a rezultatelor căutării mobile Google pentru site-ul dvs. web în mediul mobil.
După ce am văzut AMP, presupunem că ați început sau aveți intenția de a începe să faceți modificări pe site-urile dvs. web pentru a se conforma AMP. Urmăriți cu atenție instrucțiunile din Documente și compuneți-vă CSS pentru a modela paginile AMP pentru a se potrivi cu apetitul vizual.
Există un ultim lucru de făcut: validarea acestor pagini.
Validatorii AMP
Există mai multe modalități de validare a paginilor AMP:
- Adăugați în
# Dezvoltare = 1urmăriți la sfârșitul adresei URL a paginii AMP. Raportul va fi proiectat în Consolă fila sub DevTools. - Alternativ, puteți utiliza validatorul AMP online.
- De asemenea, puteți utiliza extensia Chrome AMP.
Aceste instrumente vor produce un raport care conține erori sau avertismente în cadrul paginilor. Pe baza acestui fapt, puteți alege ce să remediați.
Validarea AMP guvernează în principal utilizarea elementelor HTML, s, si stil declarații. Asigurați-vă că aceste lucruri din pagină sunt compatibile cu AMP și că nu există nimic care să încalce regulamentul AMP. În caz contrar, pagina dvs. AMP nu va apărea nicăieri.
Structură de date
AMP necesită, de asemenea, structura de date Schema. Aceste date sunt prezentate în cadrul cap tag-ul paginii în format JSON. Conține informațional contextual al paginii, inclusiv titlul, logo-ul și numele editorului, data la care a fost publicat și modificat etc..
În funcție de scopul paginii, datele pe care le puteți include pot fi diferite: articole, recenzii, rețete, videoclipuri etc. Puteți consulta documentația Google Data Types Documentation pentru detalii despre tipul de date.
Există unele date necesare care vor produce erori dacă nu sunt furnizate; alte câteva tipuri de date sunt opționale și vor produce doar avertismente. Cu toate acestea, aceste tipuri de erori nu vor apărea în validatorii AMP menționați anterior.
În schimb, acestea vor apărea în instrumentul Google Test Structured Data, precum și în contul Google Webmasters.
Consumatorii AMP sau un client care acceptă AMP, cum ar fi Căutarea Google și Momentele Twitter, pot utiliza acest set de date pentru a prezenta conținut AMP în pagina lor de rezultate.
Deci, în afară de respectarea liniilor directoare AMP cu propriile elemente HTML personalizate, trebuie să existe și datele necesare Schemei.
Ai uitat erorile
Majoritatea erorilor sunt consemnate explicit în Docs și pot fi cu ușurință preluate cu ușurință. Câteva erori însă sunt contextualizate cu variabilele pe care nu le putem observa, cum ar fi “Valoare nevalidă a atributului”, care spune "Atributul"% 1 "din eticheta"% 2 "este setat la valoarea nevalidă"% 3 ".".
Acest raport de eroare nu menționează sau nu este prezentat cu precizie care valoare este nevalid. Dar ceea ce știu e că nu putem seta lăţime si înălţime de 100% sau auto. Aceste valori ale atributelor trebuie să fie dimensiunea exactă a imaginii pentru a păstra raportul imaginii.
Acesta este doar un exemplu. Există o serie de elemente personalizate - amp-img, amp-iframe, și amp-ads - cu propriile seturi de reguli de validare împotriva folosirii unui atribut și a valorii sale.
Acest lucru ar putea face validarea paginii AMP o sarcină dificilă, mai ales dacă luăm în considerare sute sau (probabil) mii de conținuturi vechi publicate cu ani în urmă.
Gândirea finală
AMP se află încă în faza incipientă. Este în dezvoltare foarte activă, cu eforturi comunitare de la Google și comunitatea de dezvoltare web. Dar AMP cu siguranță va evolua. Similar cu HTML5, s-ar putea să existe elemente, atribute și anumite practici care vor scădea în viitor. Asa de asigurați-vă că paginile dvs. AMP sunt validate în mod constant din când în când pe baza ultimelor modificări aduse liniilor directoare.
