Accelerated Mobile Pages: AMP για WordPress Mobile Optimization

Accelerated Mobile Pages για WordPress

Η περιήγηση και η περιήγηση στο Διαδίκτυο πρέπει να είναι γρήγορη και εύκολη. Οι webmaster προσπαθούν συνεχώς να το καταστήσουν εφικτό βελτιστοποιώντας την απόδοση του ιστότοπου και βελτιώνοντας τις ταχύτητες του ιστότοπου και ένας πολύ καλός τρόπος για να το επιτύχετε αυτό είναι με το AMP για WordPress.


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

Για την ικανοποίηση αυτής της ζήτησης για γρήγορη φόρτωση περιεχομένου, οι εφαρμογές που έχουν σχεδιαστεί για συγκεκριμένες πλατφόρμες για κινητά είναι διαθέσιμες σε Apple (Ειδήσεις), Facebook (Instant Άρθρα) και Snapchat (Discover). Νωρίτερα φέτος. Η Google παρουσίασε Accelerated Mobile Page (AMP) για να επιταχύνει την παράδοση περιεχομένου για κινητά και να προσφέρει μια καλύτερη εμπειρία χρήστη.

Τι είναι το AMP?

AMP για WordPress: AMP Project

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

Στις 24 Φεβρουαρίου 2016, η Google άρχισε να αναπτύσσει περιεχόμενο συμβατό με AMP σε ένα καρουζέλ στη σελίδα αποτελεσμάτων αναζήτησης για κινητά. Οι χρήστες μπορούν να σύρουν το καρουσέλ και να πατήσουν στο αντικείμενο που θέλουν να διαβάσουν. Ο Pinterest ανέφερε ότι είναι οι σελίδες 4 φορές πιο γρήγορα, χρησιμοποιώντας 8 φορές λιγότερα δεδομένα από τις κανονικές σελίδες βελτιστοποιημένες για κινητά. Αυτό είναι δυνατό λόγω του τρόπου μορφοποίησης και παράδοσης των σελίδων.

Από τον Αύγουστο του 2016, η Αναζήτηση Google έχει πάνω από 150 εκατομμύρια έγγραφα AMP στον κατάλογό της και αυξάνεται με ρυθμό 4 εκατομμυρίων την εβδομάδα. Στις αρχές Αυγούστου, η Google ξεκίνησε επίσης ένα προεπισκόπηση της αναζήτησης Google για ενισχυμένο περιεχόμενο. Αναμένει να το εφαρμόσει ευρύτερα αργότερα φέτος.

AMP για WordPress: Προεπισκόπηση αναζήτησης AMP

AMP στην προεπισκόπηση αναζήτησης

Μπορείτε να ρίξετε μια ματιά στις σελίδες γρήγορης φόρτωσης στην αναζήτηση με δυνατότητα AMP εδώ. Ρίξτε μια ματιά χρησιμοποιώντας τον σύνδεσμο στο κινητό σας τηλέφωνο (Δεν θα λειτουργεί σε επιτραπέζιους υπολογιστές).

Ποιοι ιστότοποι πρέπει να χρησιμοποιούν AMP?

Τον Φεβρουάριο, το έργο ξεκίνησε για εκδότες. Ωστόσο, η υιοθέτηση του AMP έχει εξαπλωθεί πολύ πέρα ​​από τη βιομηχανία εκδόσεων σε ψυχαγωγία, ταξίδια, ηλεκτρονικό εμπόριο και άλλα.

Λαμβάνουν ευνοϊκές αναφορές από τους πρώτους υιοθέτες. Με βελτίωση 88% στο χρόνο φόρτωσης για έγγραφα AMP, Η Washington Post αναφέρει αύξηση του αριθμού των επιστρεφόμενων χρηστών από κινητά τηλέφωνα κατά 23%. eBay είναι μια από τις μεγαλύτερες εταιρείες ηλεκτρονικού εμπορίου που μεταβαίνουν σε AMP με σχεδόν 15 εκατομμύρια σελίδες περιήγησης προϊόντων με βάση AMP. Σε σύντομο χρονικό διάστημα, αυτές οι σελίδες αναμένεται να βελτιωθούν για να ανακαλυφθούν σε μια αναζήτηση.

Ποιοι ιστότοποι πρέπει λοιπόν να χρησιμοποιούν AMP; Σίγουρα αυτοί που βασίζονται σε μεγάλο βαθμό στα κινητά για την κυκλοφορία. Ωστόσο, δεδομένου ότι όλο και περισσότεροι χρήστες επιλέγουν να χρησιμοποιούν τις κινητές συσκευές τους για να περιηγηθούν στο διαδίκτυο, το AMP για WordPress (ή οποιονδήποτε ιστότοπο) μπορεί να είναι μια καλή προσθήκη.

Τι διαφέρει στο AMP?

Αυτό το σύστημα παράδοσης περιεχομένου βασίζεται στο πλαίσιο AMP HTML και είναι ταχύτερο από το συνηθισμένο HTML επειδή,

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

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

Γιατί οι εκδότες και τα ιστολόγια πρέπει να ενεργοποιήσουν το AMP

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

Οι σελίδες AMP εμφανίζονται δίπλα σε ένα εικονίδιο αστραπής για να τις επισημάνετε από τις κανονικές ιστοσελίδες. Οι θεατές που κάνουν κλικ σε αυτήν την επιλογή, θα μεταφερθούν απευθείας στις σελίδες AMP εντός του προγράμματος προβολής AMP. Όχι μόνο αυτό, το περιεχόμενο θα είναι άμεσα διαθέσιμο σε μια αναζήτηση Google και προσβάσιμο μέσω κοινωνικών πλατφορμών όπως Twitter, LinkedIn, WordPress, Parse.ly, Adobe Analytics, Nuzzel και Pinterest.

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

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

Ποιες βελτιστοποιήσεις απαιτούνται για AMP

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

  • Να επιτρέπεται μόνο ασύγχρονη JavaScript – για να μην το καθυστερήσει η απόδοση της σελίδας. Αυτό σημαίνει ότι δεν μπορείτε να χρησιμοποιήσετε οποιαδήποτε JavaScript που δημιουργείτε και πρέπει να βασιστείτε σε στοιχεία AMP για να χειριστείτε το διαδραστικό περιεχόμενο των σελίδων σας. Επιτρέπεται JS στα iframes, αλλά μόνο εάν δεν εμποδίζει την απόδοση.
  • Μέγεθος όλων των πόρων στατικά – Το AMP φορτώνει τη σελίδα χωρίς να περιμένει πόρους όπως εικόνες και iframes για λήψη. Το μέγεθος αυτών των πόρων πρέπει να αναφέρεται σε HTTP, επομένως το μέγεθος και η θέση αυτών των πόρων είναι γνωστό πριν ξεκινήσει η λήψη.
  • Μην αφήνετε τους μηχανισμούς επέκτασης να αποκλείουν την απόδοση – εάν κάποια επέκταση πρόκειται να συμπεριληφθεί στη σελίδα, το προσαρμοσμένο σενάριο πρέπει να ενημερώσει το σύστημα σχετικά με αυτό. Έτσι δημιουργείται ένας χώρος για την επέκταση, ακόμη και πριν η AMP γνωρίζει τι θα περιλαμβάνει. Οι επεκτάσεις για lightbox, ενσωματώσεις Instagram και tweet είναι εντάξει, καθώς δεν αποκλείουν την απόδοση σελίδας, παρόλο που απαιτεί πρόσθετα αιτήματα HTTP.
  • Κρατήστε όλο το JavaScript τρίτου μέρους εκτός της κρίσιμης διαδρομής – η προσαρμοσμένη JavaScript επιτρέπεται μόνο σε iframes με άμμο. Με αυτόν τον τρόπο δεν εμποδίζει τη φόρτωση της κύριας σελίδας.
  • Όλα τα CSS πρέπει να είναι ενσωματωμένα και δεσμευμένα σε μέγεθος – Αυτό βοηθά στη μείωση του αριθμού αιτημάτων HTTP στην κρίσιμη διαδρομή.
  • Η ενεργοποίηση γραμματοσειράς πρέπει να είναι αποτελεσματική– το σύστημα AMP δεν επιτρέπει αιτήματα HTTP έως ότου ξεκινήσει η λήψη γραμματοσειρών.
  • Ελαχιστοποιήστε τους επανυπολογισμούς μεγέθους – οι υπολογισμοί καθυστερούν την απόδοση, οπότε πρέπει να διατηρούνται στο ελάχιστο.
  • Εκτελέστε μόνο κινούμενες εικόνες με δυνατότητα GPU – όλες οι κινούμενες εικόνες πρέπει να μπορούν να εκτελούνται σε GPU (Μονάδα επεξεργασίας γραφικών).
  • Προτεραιότητα στη φόρτωση πόρων – Μόνο το περιεχόμενο που απαιτείται φορτώνεται πρώτα, με διαφημίσεις και εικόνες που λαμβάνονται το συντομότερο δυνατό, αλλά φορτώνεται μόνο όταν απαιτείται. Με αυτόν τον τρόπο η ζήτηση για CPU διατηρείται στο ελάχιστο.
  • Φόρτωση σελίδων σε μια στιγμή – η προ-απόδοση χρησιμοποιεί μεγάλο εύρος ζώνης και CPU. Η προαπόδοση AMP φορτώνει μόνο το απαιτούμενο περιεχόμενο πρώτα και κατεβάζει iframe τρίτων μερών και άλλους πόρους μόνο εάν απαιτείται.

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

Πώς να προσθέσετε AMP για WordPress

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

Όσον αφορά τους ιστότοπους που φιλοξενούνται στο WordPress.com, υποστηρίζονται αυτόματα για το WordPress χωρίς να χρειάζεται να κάνουν τίποτα περισσότερο. Οι αυτο-φιλοξενούμενοι ιστότοποι WordPress μπορούν να ενεργοποιήσουν το AMP για WordPress εγκαθιστώντας μια προσθήκη.

Πρόσθετο AMP WordPress από την Automattic

Πρόσθετο AMP WordPress από την Automattic

Μόλις πραγματοποιήσετε λήψη, εγκαταστήστε και ενεργοποιήστε το Πρόσθετο AMP Στον ιστότοπο του WordPress, οι αναρτήσεις σας θα έχουν αυτόματα μια δυναμική έκδοση AMP. Μπορείτε να αποκτήσετε πρόσβαση σε αυτές τις σελίδες προσαρτώντας αμπέραζ στο τέλος της διεύθυνσης URL σας (example.com/my-post/amp). Εάν δεν έχετε ενεργοποιημένους αρκετά μόνιμους συνδέσμους, προσθέστε το ?amp = 1 σε συνδέσμους (που θα μοιάζουν με example.com/?p=100&amp=1). Το μόνο άλλο βήμα είναι να δοκιμάσετε και να επικυρώσετε τις σελίδες σας όπως αναφέρεται παραπάνω.

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

Αυτό το πρόσθετο είναι το επίσημο πρόσθετο από το Automattic stable και προς το παρόν δεν υποστηρίζει σελίδες και αρχεία, ούτε μπορείτε να προσαρμόσετε τις σελίδες. Αλλά είναι μια πολύ απλή και εύχρηστη επιλογή και μπορείτε να βρείτε κάποια καθοδήγηση μέσω τεκμηρίωση για το Github για προσαρμογή.

AMP για WP – Accelerated Mobile Pages

AMP για WP Δωρεάν WordPress Plugin

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

Υπάρχουν ενσωματωμένες ρυθμίσεις για την ενεργοποίηση του AMP (δημοσιεύσεις, σελίδες, αρχεία), προσθήκη περιοχών διαφήμισης για κινητά, δομημένα δεδομένα (ένα σημαντικό μέρος του SEO), ενσωμάτωση μετα-ετικέτας Yoast SEO, προηγμένες επιλογές ευρετηρίου / χωρίς ευρετήριο, ειδοποίηση push, εγγενής Σχολιασμός AMP, προσαρμοσμένες μεταφράσεις AMP (αν χρησιμοποιείτε γλώσσα διαφορετική από τα Αγγλικά, θα θέλατε να το ενημερώσετε) και άλλα. Οι ρυθμίσεις είναι πολύ περιεκτικές για ένα δωρεάν πρόσθετο που είναι καταπληκτικό.

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

Το AMP για WP προσφέρει επίσης premium επεκτάσεις για να προσθέσετε λειτουργίες (όπως μια παρότρυνση για δράση ή AMP caching) και υποστήριξη για δημοφιλείς προσθήκες, όπως WooCommerce, Advanced Custom Fields και Contact Form 7.

Περισσότεροι τρόποι προσθήκης AMP για WordPress

Φυσικά, αυτός δεν είναι ο μόνος τρόπος για να προσθέσετε AMP στον ιστότοπό σας που υποστηρίζεται από WordPress. Άλλες προσθήκες που μπορούν να σας βοηθήσουν με ιστότοπους AMP για WordPress περιλαμβάνουν:

  • WP AMP – για να δημιουργήσετε προσαρμοσμένο σχεδιασμό AMP χωρίς κωδικοποίηση και ενίσχυση SEO. Μπορείτε να διαβάσετε περισσότερα γι ‘αυτό εδώ.
  • Accelerated Mobile Pages (AMP) για WordPress – για να δημιουργήσετε ένα θέμα AMP για τον ιστότοπό σας.
  • Προσαρμοσμένο AMP – για να προσαρμόσετε το περιεχόμενό σας AMP.
  • Στιγμιαία άρθρα Facebook και σελίδες AMP Google – να δημοσιεύσετε και να διαχειριστείτε το περιεχόμενό σας απευθείας από το WordPress σε σελίδες AMP Google με υποστήριξη για διαφημίσεις και αναλυτικά στοιχεία.
  • Κόλλα για Yoast SEO & AMP – για να διασφαλιστεί ότι η προεπιλεγμένη προσθήκη WordPress AMP χρησιμοποιεί τα κατάλληλα μεταδεδομένα Yoast SEO και επιτρέπει την τροποποίηση του σχεδιασμού σελίδας AMP.

Πρέπει να προσθέσετε AMP για WordPress?

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

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map