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

Τι είναι το Google AMP; Πώς λειτουργεί και γιατί είναι χρήσιμο για κινητές τοποθεσίες

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

Διαφήμιση

Το AMP ή το Accelerated Mobile Pages είναι ένα έργο ανοιχτού κώδικα που δημιουργήθηκε από την Google με σκοπό να διευκολύνει την ομαλότερη εμπειρία περιήγησης για κινητές συσκευές.

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

Πώς λειτουργεί το AMP;

Η ταχύτητα σελίδας έγινε ένας συντελεστής κατάταξης για κινητές σελίδες τον Ιούλιο του τρέχοντος έτους (2018) και η AMP είναι εδώ για να ικανοποιήσει την ανάγκη της ιστοσελίδας σας για ταχύτητα. Στην πραγματικότητα, η AMP υπόσχεται να κάνει την περιήγηση μέσω κινητού τηλεφώνου έως και 85% ταχύτερη.

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

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

Οι βελτιστοποιήσεις στο AMP θα διασφαλίσουν επίσης ότι η διάταξη των σελίδων σας θα φορτώνεται σωστά, ακόμα και πριν φορτωθούν εικόνες και iframes (για διαφημίσεις).

Αυτό γίνεται με τον καθορισμό του μεγέθους των εικόνων και των iframes στο έγγραφο HTML (που ονομάζεται "static layouting"). Και βασικά σταματά το περιεχόμενο να κινείται γύρω για να ταιριάζει με τους πόρους καθώς φορτώνουν.

Τι είναι η προσωρινή αποθήκευση AMP;

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

Υπάρχουν δύο AMP caches που χρησιμοποιούνται σήμερα, η AMP Cache της Google και η AMP Cache της Cloudflare. Οι διακομιστές του Cloudflare καλύπτουν μόνο 102 τοποθεσίες σε 50 διαφορετικές χώρες.

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

Εκτός από την προσωρινή αποθήκευση του περιεχομένου, ο διακομιστής προσωρινής αποθήκευσης θα παρέχει επίσης ορισμένες βελτιστοποιήσεις και τροποποιήσεις όπως:

  • Επαλήθευση της μορφής AMP.
  • Περιορίστε τις διαστάσεις της εικόνας για να αποτρέψετε τα προβλήματα μνήμης του προγράμματος περιήγησης και την κακή απόκριση.
  • Απομάκρυνση δεδομένων εικόνας που είναι αόρατα ή δύσκολο να τα δείτε, όπως ορισμένα μεταδεδομένα.
  • Μετατρέποντας τις εικόνες σε μικρότερες και πιο φιλικές προς το κινητό μορφές εικόνας, όπως η μετατροπή εικόνων GIF, PNG και JPEG σε WebP (τι είναι το WebP;) Η Google έχει αναλάβει να κάνει τον ιστό πιο γρήγορα. Διαβάστε περισσότερα) στα προγράμματα περιήγησης που υποστηρίζουν το WebP.
  • Μετατροπή εικόνων σε χαμηλότερη ποιότητα, εάν η αίτηση περιλαμβάνει την κεφαλίδα Αποθήκευση δεδομένων.
  • Προσθέτει υποστήριξη για εικόνες με μεγέθυνση μεγέθους.
  • Εξυπηρετεί μέσω ασφαλούς καναλιού (HTTPS) και χρησιμοποιεί τα πιο πρόσφατα πρωτόκολλα ιστού (SPDY, HTTP / 2).
  • Καθαρίζει τα έγγραφα AMP για να αποτρέψει τις επιθέσεις XSS που βασίζονται σε εσφαλμένες κλειστές ετικέτες HTML, σχόλια και άλλα.

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

Μια πλήρης λίστα βελτιστοποιήσεων της προσωρινής μνήμης AMP είναι διαθέσιμη στις σελίδες του Google Developers.

Ποια είναι τα πραγματικά πλεονεκτήματα του AMP;

Η ταχύτητα είναι η κύρια έλξη του AMP. Και γι 'αυτό πολλοί εκδότες όπως το Google, το Facebook, το Baidu, το Pinterest και το Twitter έχουν ήδη υιοθετήσει την τεχνολογία. Η βελτιωμένη ταχύτητα προσθέτει εμπλοκή και μειώνει τα ποσοστά εγκατάλειψης σχεδόν στο πλάι.

Το AMP είναι ιδιαίτερα χρήσιμο σε περιοχές με χαμηλή κάλυψη μέσω κινητού Διαδικτύου ή σε συμφραζόμενα και αργά δημόσια δίκτυα όπως τα αεροδρόμια και τα καφενεία Πώς να εντοπίσετε τα ψεύτικα "Evil Twin" Δημόσια δίκτυα Wi-Fi που τρέχουν από τους χάκερ Πώς να εντοπίσετε το ψεύτικο "Evil Twin" -Fi δίκτυα που εκτελούνται από τους χάκερ Δεν είναι όλα τα δίκτυα Wi-Fi στα οποία έχετε πρόσβαση. Ορισμένες από αυτές μπορεί να είναι και ψεύτικες. Διαβάστε παρακάτω για να μάθετε για τα Rogue APs και τα Evil Twins. Διαβάστε περισσότερα . Και γιατί το περιεχόμενο φορτώνει στις εφαρμογές τους τόσο γρήγορα, όταν η κανονική περιήγηση είναι αργή.

Έρευνα που πραγματοποιήθηκε σε μελέτη Forrester Consulting Total Economic Impact (η οποία ανατέθηκε από την Google) πέρυσι, διαπίστωσε ότι:

"Το AMP οδηγεί σε αύξηση της επισκεψιμότητας ιστότοπου κατά 10%, με αύξηση κατά 2 φορές του χρόνου που αφιερώνεται στη σελίδα. Για τους ιστότοπους ηλεκτρονικού εμπορίου που χρησιμοποιούν το AMP, η μελέτη διαπίστωσε επίσης αύξηση κατά 20% των μετατροπών πωλήσεων σε σύγκριση με τις σελίδες που δεν ανήκουν στην AMP. "

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

Οι New York Times, το eBay και το AliExpress είναι καλά παραδείγματα για να ελέγξετε ότι έχουν επωφεληθεί από το AMP. Εάν κάνετε κλικ στο περιεχόμενο από αυτούς τους ιστότοπους (με εικονίδιο ενισχυτή) στην αναζήτηση Google στο κινητό σας, θα φορτώσετε την έκδοση AMP των σελίδων τους.

Ιστορίες AMP

Μια προσθήκη στο οικοσύστημα AMP νωρίτερα φέτος ήταν η ιστορία AMP. Παρόμοια με τις ιστορίες Snapchat Πώς να χρησιμοποιήσετε το Snapchat: Ένας πλήρης οδηγός για αρχάριους Πώς να χρησιμοποιήσετε το Snapchat: Ένας πλήρης οδηγός για αρχάριους Το Snapchat είναι δημοφιλές, αλλά ένας εκπληκτικός αριθμός ανθρώπων δεν ξέρει πώς να το χρησιμοποιήσει σωστά. Αυτό το άρθρο θα σας βοηθήσει να μετατρέψετε από έναν αρχάριο σε έναν εμπειρογνώμονα. Διαβάστε περισσότερα, αυτά χρησιμοποιούνται ήδη από πολλούς εκδότες. Καλό παράδειγμα είναι η ιστορία του CNN σχετικά με τις αποστολές που εξακολουθούν να εξερευνούν το ηλιακό μας σύστημα και τον βασικό οδηγό του Mashable στον Black Panther.

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

Ποια είναι τα μειονεκτήματα του AMP;

Αναζήτηση κινητού Google
Image Credit: DepositPhotos

Εάν χρησιμοποιείτε το Google, το Twitter, το Pinterest, το Messenger κ.λπ., θα παρατηρήσετε ότι οι εξωτερικοί σύνδεσμοι θα ανοίξουν μέσα στον ίδιο τον τομέα, αντί για τον τομέα στον οποίο είναι συνδεδεμένος.

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

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

Ωστόσο, ορισμένοι αναγνώστες προτιμούν τις δυσκολίες παρακολούθησης. Εάν ναι, εδώ μπορείτε να μάθετε ποιος σας παρακολουθεί online. 5 τρόποι για να ελέγξετε ποιος σας παρακολουθεί σε απευθείας σύνδεση 5 τρόποι για να ελέγξετε ποιος παρακολουθεί είστε σε απευθείας σύνδεση Θέλετε να δείτε ποιος σας παρακολουθεί on-line; Αυτοί οι ιστότοποι και οι επεκτάσεις του προγράμματος περιήγησης θα σας δείξουν πόσο Google, Facebook και άλλα δίκτυα διαφημίσεων παρακολουθούν τη δραστηριότητά σας. Διαβάστε περισσότερα

Το Carousel Top Stories της Google σε κινητές συσκευές θα διαθέτει μόνο περιεχόμενο έτοιμο για AMP. Αυτό είναι ένα σημαντικό γεγονός, καθώς η πλειονότητα της κυκλοφορίας σε όλο το περιεχόμενο AMP προέρχεται από άτομα που πραγματοποιούν αναζήτηση στο Google.com.

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

Το Cloudflare μπορεί να βελτιώσει τις επιταχυνόμενες σελίδες σας για κινητά

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

Το Cloudflare μπορεί επίσης να σας βοηθήσει να βελτιώσετε το απόρρητο και την απόδοσή σας όταν χρησιμοποιείτε το κινητό σας τηλέφωνο. Τώρα μπορείτε να χρησιμοποιήσετε το Cloudflare 1.1.1.1 DNS στο κινητό Μπορείτε τώρα να χρησιμοποιήσετε το Cloudflare 1.1.1.1 DNS στο κινητό Το Cloudflare έχει ξεκινήσει μια κινητή εφαρμογή για την υπηρεσία DNS 1.1.1.1. Αυτό είναι πλέον διαθέσιμο τόσο για Android όσο και για iOS. Διαβάστε περισσότερα

Οπτικοποίηση και σχεδίαση σε AMP

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

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

Εάν σχεδιάζετε τις σελίδες AMP με το χέρι, αντί να χρησιμοποιείτε μετατροπείς, μπορείτε να πάρετε ένα σχέδιο παρόμοιο με το παραδοσιακό κινητό σχέδιο και πιο οπτικά ελκυστικό.

Το AMP έχει ακόμα έναν τρόπο να προχωρήσει και πολλοί προγραμματιστές είναι ενάντια στη χρήση του καθώς αναγκάζει τους να εισέλθουν ακόμα περισσότερο στο οικοσύστημα της Google. Αυτό σημαίνει ότι πολλοί θα αναζητήσουν εναλλακτικές λύσεις Google Αντίο Google: Οι 15 καλύτερες εναλλακτικές λύσεις αναζήτησης, ειδήσεων, εγγράφων και περισσότερων αντίο Google: Οι 15 καλύτερες εναλλακτικές λύσεις αναζήτησης, ειδήσεων, εγγράφων και περισσότερων Θέλετε να απομακρυνθείτε από το Google για Καλός? Αυτές είναι οι καλύτερες εναλλακτικές λύσεις για όλες τις σημαντικές εφαρμογές και υπηρεσίες Google. Διαβάστε περισσότερα .

Πρέπει να δημιουργήσετε σελίδες AMP;

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

Το να είστε έξυπνοι με το σχεδιασμό του κινητού σας μπορεί να εξυπηρετήσει γρήγορα τον ιστότοπό σας. Jenny Gove στο Google έχει γράψει ένα μεγάλο άρθρο σχετικά με το τι κάνει μια καλή περιοχή Mobile, το οποίο αξίζει να διαβάσετε.

Υπάρχουν plugins WordPress AMP και plug-ins Drupal AMP που μπορούν να σας βοηθήσουν στη δημιουργία περιεχομένου AMP. Διαφορετικά, τα έγγραφα γρήγορης εκκίνησης του AmpProject είναι ένας πολύτιμος πόρος που μπορείτε να χρησιμοποιήσετε για να κωδικοποιήσετε τις σελίδες σας AMP.

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

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

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

Πώς να απενεργοποιήσετε το AMP

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

Εάν θέλετε να σταματήσετε τη φόρτωση των σελίδων AMP ως χρήστης, μπορείτε να απενεργοποιήσετε τις συνδέσεις AMP και να φορτώσετε τις αρχικές σελίδες. Πώς να απενεργοποιήσετε το Google AMP στην Αναζήτηση Google σε Android και iPhone Πώς να απενεργοποιήσετε το Google AMP στην Αναζήτηση Google σε Android και iPhone μερικά πλεονεκτήματα, αλλά αν θέλετε να την απενεργοποιήσετε, μία από αυτές τις τρεις μεθόδους θα πρέπει να λειτουργήσει για σας. Διαβάστε περισσότερα στο κινητό σας τηλέφωνο.

Εξερευνήστε περισσότερα σχετικά με: το Google AMP, την περιήγηση στο κινητό, το σχεδιασμό ιστοσελίδων, την ανάπτυξη ιστού.