Τρόπος επαλήθευσης επιταχυνόμενων σελίδων για κινητά (AMP)

Στο τελευταίο εκπαιδευτικό μας πρόγραμμα AMP, σας παρουσιάσαμε πώς να υιοθετήσετε το AMP (Accelerated Mobile Pages) για να κερδίσετε μια σημαντική ώθηση ταχύτητας καθώς και καλύτερη έκθεση στο αποτέλεσμα αναζήτησης κινητής Google για τον ιστότοπό σας στο περιβάλλον κινητής τηλεφωνίας.

Έχοντας δει ΑΜΠΕΡΑΖτου δυναμικού, υποθέτω ότι ίσως έχετε ξεκινήσει ή σχεδιάζετε να αρχίσετε να κάνετε αλλαγές στις ιστοσελίδες σας για να συμμορφωθείτε ΑΜΠΕΡΑΖ. Ακολουθήστε προσεκτικά τις οδηγίες για τα Έγγραφα και συνθέστε το CSS για να στυλιστούν οι σελίδες AMP για να ταιριάζουν στην οπτική σας όρεξη.

Τώρα, υπάρχει ένα τελευταίο πράγμα που πρέπει να κάνετε: επικύρωση αυτών των σελίδων.

Έλεγχοι AMP

Υπάρχουν διάφοροι τρόποι για την επικύρωση των σελίδων σας AMP:

1. Προσθέστε το # development = 1 διαδρομή στο τέλος της διεύθυνσης URL της σελίδας AMP. Η έκθεση θα προβάλλεται στο Κονσόλα στην καρτέλα DevTools.
2. Εναλλακτικά, μπορείτε να χρησιμοποιήσετε τον online έλεγχο AMP.
3. Μπορείτε επίσης να χρησιμοποιήσετε την επέκταση AMP του Chrome.

Αυτά τα εργαλεία θα παράγουν μια αναφορά που θα περιέχει τα σφάλματα ή τις προειδοποιήσεις μέσα στις σελίδες. Με βάση αυτό, μπορείτε να επιλέξετε τι να διορθώσετε.

Η επικύρωση του AMP διέπεται κυρίως τη χρήση στοιχείων HTML, ο μικρό, και το δηλώσεις στυλ. Βεβαιωθείτε ότι αυτά τα πράγματα στη σελίδα είναι όλα συμβατά με το AMP και ότι δεν υπάρχει τίποτα που παραβιάζει τις οδηγίες AMP. Διαφορετικά, η σελίδα AMP δεν θα εμφανίζεται οπουδήποτε.

Δομή δεδομένων

Το AMP απαιτεί επίσης τη δομή δεδομένων Schema. Αυτά τα στοιχεία εκτίθενται στο πλαίσιο του κεφάλι ετικέτα της σελίδας σε μορφή JSON. Περιέχει πληροφορίες σχετικά με τη σελίδα, συμπεριλαμβανομένου του τίτλου, του λογοτύπου και του ονόματος του εκδότη, της ημερομηνίας δημοσίευσης και τροποποίησης κ.λπ..

Ανάλογα με τον σκοπό της σελίδας, τα δεδομένα που μπορείτε να συμπεριλάβετε ενδέχεται να διαφέρουν: άρθρα, αναφορές, συνταγές, βίντεο κ.λπ. Μπορείτε να ανατρέξετε στην Τεκμηρίωση των τύπων δεδομένων Google για λεπτομέρειες σχετικά με τον τύπο δεδομένων.

Υπάρχουν ορισμένα απαιτούμενα δεδομένα που θα προκαλέσουν σφάλματα εάν δεν παρέχονται. μερικοί άλλοι τύποι δεδομένων είναι προαιρετικοί και θα παράγουν μόνο προειδοποιήσεις. Ωστόσο, αυτοί οι τύποι σφαλμάτων δεν θα εμφανιστούν στις προαναφερθείσες επικυρώσεις AMP.

Αντίθετα, θα εμφανίζονται στο Εργαλείο Δομημένων Δοκιμαστικών Δεδομένων Google καθώς και στο λογαριασμό σας στο Google Webmasters.

Οι καταναλωτές AMP ή ένας πελάτης που υποστηρίζει AMP, όπως η Αναζήτηση Google και οι Στιγμές Twitter, μπορούν να χρησιμοποιήσουν αυτό το σύνολο δεδομένων για να παρουσιάσουν περιεχόμενο AMP στη σελίδα αποτελεσμάτων τους.

Έτσι, εκτός από τις ακόλουθες οδηγίες AMP με τα ιδιόκτητα προσαρμοσμένα στοιχεία HTML τους, τα απαιτούμενα δεδομένα του Schema πρέπει επίσης να είναι στη θέση τους.

Παραβλέπονται τα σφάλματα

Τα περισσότερα σφάλματα σημειώνονται με σαφήνεια στα Έγγραφα και μπορούν εύκολα να ληφθούν με μια ματιά. Μερικά σφάλματα εντούτοις είναι contextualized με μεταβλητές που ίσως αποτύχει να παρατηρήσουμε, όπως το “Μη έγκυρη τιμή χαρακτηριστικού”, που λέει "Το χαρακτηριστικό '% ​​1' στην ετικέτα '% 2' έχει οριστεί ως μη έγκυρη τιμή '% 3'.".

Αυτή η αναφορά σφάλματος δεν αναφέρει επακριβώς ποια αξία είναι άκυρο . Αλλά αυτό που ξέρω είναι ότι δεν μπορούμε να το ορίσουμε πλάτος και το ύψος του στοιχείο προς 100% ή αυτο. Αυτές οι τιμές χαρακτηριστικών πρέπει να είναι το ακριβές μέγεθος της εικόνας για να διατηρηθεί η αναλογία εικόνας.

Αυτό είναι μόνο ένα παράδειγμα. Υπάρχουν ορισμένα προσαρμοσμένα στοιχεία - amp-img, amp-iframe, και amp-ads - με τα δικά τους σετ κανόνων επικύρωσης έναντι της χρήσης ενός χαρακτηριστικού και της αξίας του.

Αυτό θα μπορούσε να κάνει την επιβεβαίωση της σελίδας AMP μια αποθαρρυντική εργασία, ειδικά εάν λάβουμε υπόψη εκατοντάδες ή (ίσως) χιλιάδες παλαιού περιεχομένου που δημοσιεύθηκαν εδώ και χρόνια.

Τελική σκέψη

Το AMP βρίσκεται ακόμη σε πρώιμο στάδιο. Είναι σε πολύ ενεργό ανάπτυξη με κοινοτικές προσπάθειες από την Google και την κοινότητα ανάπτυξης ιστοσελίδων. Αλλά Το AMP θα εξελιχθεί ασφαλώς. Παρόμοια με το HTML5, ενδέχεται να υπάρχουν στοιχεία, ιδιότητες και ορισμένες πρακτικές που θα υποβαθμιστούν στο μέλλον. Έτσι Βεβαιωθείτε ότι οι σελίδες AMP επικυρώνονται συνεχώς από καιρό σε καιρό με βάση τις τελευταίες αλλαγές στις κατευθυντήριες γραμμές.