Ο κινητός ιστός συνεχίζει να αναπτύσσεται με ταχείς ρυθμούς.

Τα smartphones συνεχίζουν να πωλούν έντονα, με μόνο την πρόβλεψη της Apple να φέρει 180 δισεκατομμύρια δολάρια από τα smartphones μέχρι το 2021. Υπάρχουν πάνω από 224 εκατομμύρια χρήστες smartphone στις Ηνωμένες Πολιτείες, καθιστώντας τον κινητό ιστό βασικό στόχο για οποιονδήποτε κάτοχο ιστότοπου.

Η συνεχής ανάπτυξη των χρηστών κινητών web καθιστά σημαντικό για τους σχεδιαστές και τους προγραμματιστές του front-end να κατανοήσουν τον κατάλληλο σχεδιασμό για επιταχυνόμενες σελίδες κινητής τηλεφωνίας.

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

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

Το AMP δίνει έμφαση στην ταχύτητα και την εξοικείωση, επιτρέποντας στους δημιουργούς να σχεδιάζουν τις σελίδες τους μέσα στο πλαίσιο της AMP. Ο πυκνωμένος σχεδιασμός στις περισσότερες σελίδες AMP δίνει μια παρόμοια αίσθηση πλοήγησης, παρά τις διαφορές στην παρουσίαση περιεχομένου και τα σχέδια χρωμάτων.

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

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

1. Σκεφτείτε το AMP-Carousel για την Αρχική σελίδα

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

ο Χαρακτηριστικό AMP-καρουσέλ επιτρέπει στους σχεδιαστές να εμφανίζουν πολλά παρόμοια κομμάτια περιεχομένου σε έναν οριζόντιο άξονα. Μετά την εισαγωγή του εξαρτήματος καρουσέλ στην κεφαλίδα, μπορείτε να χρησιμοποιήσετε τον τύπο = "καρουσέλ" για να εμφανίσετε μια λίστα εικόνων που εμφανίζονται ως συνεχής ταινία. Είναι ένα εντυπωσιακό χαρακτηριστικό που είναι ιδανικό για την πρώτη σελίδα, όταν προσπαθείτε να πιέσετε τους επισκέπτες να βλέπουν κάτι πέρα ​​από την αρχική σελίδα.

2. Εμφάνιση σχετικών μηνυμάτων και προϊόντων

Ενθαρρύνετε τους επισκέπτες της ιστοσελίδας να σκάψουν βαθιά στο περιεχόμενό σας. Μπορείτε να το ολοκληρώσετε παρουσιάζοντας μια λίστα σχετικών προϊόντων ή μηνυμάτων σε αυτήν που βλέπετε αυτήν τη στιγμή. Μπορείτε να δημοσιεύσετε στατικά μια λίστα σχετικού περιεχομένου, ολοκληρώνοντάς την αμέσως χρησιμοποιώντας , η οποία συγκεντρώνει το αίτημα της CORS σε ένα πρότυπο amp-mustache για να δημιουργήσετε δυναμικά δημιουργημένη συνάφεια περιεχομένου, μπορείτε να προσαρμόσετε τις προτιμήσεις σας.

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

3. Χρησιμοποιήστε το AMP-Analytics για να βρείτε περιοχές για βελτίωση

Είναι σημαντικό για οποιονδήποτε κάτοχο ιστότοπου να γνωρίζει τον τρόπο με τον οποίο οι επισκέπτες αλληλεπιδρούν με το περιεχόμενο. ο συστατικό μπορεί να χρησιμοποιηθεί είτε άμεσα είτε να ενσωματωθεί σε μια πλατφόρμα ανάλυσης τρίτου μέρους, συμπεριλαμβανομένου του Google Analytics. Μέσα στο , προσθέστε το χαρακτηριστικό "type" και ορίστε την τιμή στον προμηθευτή που επιθυμείτε , εκ των οποίων υπάρχουν πολλές επιλογές. ο θα βοηθήσει τους ιδιοκτήτες ιστοτόπων να έχουν μια πιο ξεκάθαρη εικόνα για τις σελίδες και τα στοιχεία σχεδιασμού που οδηγούν σε μετατροπές και ποια εξαρτήματα αντιμετωπίζουν χαμηλή εμπλοκή χρήστη.

Είναι σημαντικό να έχετε κατά νου κατά την ανάλυση των αναλυτικών στοιχείων ότι, με την AMP, η έξυπνη προσωρινή αποθήκευση είναι φυσικά ενσωματωμένη. Το αποτέλεσμα είναι ότι μπορείτε να δείτε λιγότερη επισκεψιμότητα από ότι συνήθως. Απλά κρατήστε κατά νου το στοιχείο caching κατά την ανάλυση των αριθμών σας αρχικά.

4. Χρησιμοποιήστε το Built-In Validator

Στην ιδανική περίπτωση, οι σχεδιαστές δεν θα πάρουν ποτέ κάτι λάθος, αλλά μπορεί να συμβεί. Για να διασφαλίσετε ότι όλα λειτουργούν σωστά σε μια σελίδα, χρησιμοποιήστε την ενσωματωμένη επικύρωση της AMP προσθέτοντας # development = 1 στο τέλος της διεύθυνσης URL της σελίδας. Εάν ανοίξετε τα εργαλεία dev dev-tools και δείτε το μήνυμα "Επαλήθευση AMP επιτυχής", τότε όλα λειτουργούν. Εάν όχι, μπορείτε να σκάψετε βαθύτερα μέχρι να επιλυθεί το ζήτημα. Μπορείτε επίσης να χρησιμοποιήσετε τα εργαλεία dev dev-tools για να βεβαιωθείτε ότι έχουν φορτωθεί σωστά όλοι οι εξωτερικοί πόροι, από εικόνες και βίντεο μέχρι προσαρμοσμένες γραμματοσειρές και iframes.

Επιπλέον, μπορείτε να επικυρώσετε τα μεταδεδομένα χρησιμοποιώντας Το Εργαλείο Δοκιμασμένων Δεδομένων της Google , είτε με την εξαγωγή μιας διεύθυνσης URL είτε με την εισαγωγή ενός αποσπάσματος κώδικα. Αυτά τα εργαλεία μπορούν να σας βοηθήσουν να διασφαλίσετε ότι όλα είναι επικυρωμένα, ώστε να ενεργοποιείται η ανίχνευση μηχανών αναζήτησης. Σχετικά με τη σημείωση της ανίχνευσης μηχανών αναζήτησης, ελέγξτε επίσης το αρχείο robots.txt, για να επαληθεύσετε ότι η "Disallow: / amp /" δεν υπάρχει σε καμία γραμμή. Εάν είναι εκεί, οι ανιχνευτές δεν θα έχουν πρόσβαση στα αρχεία σας AMP.

5. Εφαρμογή διαφημίσεων μέσα στο AMP

Ένα άλλο πλεονέκτημα του AMP είναι ένα προϋπάρχον πλαίσιο για την εφαρμογή διαφημίσεων. Το στοιχείο amp-ad ή amp-embed είναι ένα δοχείο για την εμφάνιση μιας διαφήμισης. Οι διαφημίσεις φορτώνονται μαζί με όλους τους άλλους πόρους, με το προσαρμοσμένο στοιχείο.

Το JavaScript δεν υπάρχει στο εσωτερικό του εγγράφου AMP. Αντίθετα, το AMP φορτώνει ένα iframe από ένα sandbox iframe. Μπορείτε να ορίσετε τιμές πλάτους και ύψους μέσα , με το όρισμα "type" που καθορίζει το εμφανιζόμενο δίκτυο διαφημίσεων. Το χαρακτηριστικό "src" φορτώνει μια ετικέτα δέσμης ενεργειών για το συγκεκριμένο δίκτυο διαφημίσεων, με διάφορα χαρακτηριστικά γνωρίσματα διαθέσιμα για να διευκολύνουν περαιτέρω ρυθμίσεις από τα δίκτυα διαφημίσεων.

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

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

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

Οι επιταχυνόμενες σελίδες κινητής τηλεφωνίας παρέχουν ένα φανταστικό πλαίσιο για τη συνεχή ανάπτυξη των χρηστών κινητών web.