Οι σελίδες AMP θα απλοποιήσουν τη ζωή σας

AMP Pages. Όλο και περισσότεροι άνθρωποι χρησιμοποιούν πλέον τις κινητές συσκευές τους για να περιηγηθούν σε ιστότοπους και να αναζητήσουν στο Διαδίκτυο. Ολόκληρες νέες βιομηχανίες έχουν αναδυθεί για τη δημιουργία προϊόντων για κινητές συσκευές, όπως εφαρμογές για κινητά, διάφορα gadgets και άλλες τεχνολογίες. Και η συνολική επισκεψιμότητα από smartphones και tablets έχει ήδη ξεπεράσει την επισκεψιμότητα Desktop από υπολογιστές και φορητούς υπολογιστές.

Σύμφωνα με τα στατιστικά στοιχεία της Google και του Facebook, ωστόσο, υπάρχουν πολλοί χρήστες στον κόσμο όπου το κινητό διαδίκτυο δεν είναι τόσο γρήγορο (π.χ. 3G, GPRS). Για το λόγο αυτό, οι δύο αυτοί κολοσσοί έχουν αρχίσει να λαμβάνουν μέτρα για να παρέχουν μια “καλύτερη εμπειρία” για τους χρήστες με αργές συνδέσεις στο διαδίκτυο. Οι περισσότεροι άνθρωποι, ειδικά εκτός των 10 κορυφαίων, εξακολουθούν να μην χρησιμοποιούν γρήγορα δίκτυα 4G, LTE ή Wi-Fi. Έτσι, η Google ξεκίνησε ένα ανοιχτό έργο AMP για κινητές συσκευές με αργή πρόσβαση στο Internet. Το θέμα είναι ότι οι ιστότοποι γίνονται όλο και πιο πολύπλοκοι και “βαριοί” και υπάρχει μια τάση – ένας συνεχώς αυξανόμενος όγκος περιεχομένου για κινητές συσκευές. Τον Αύγουστο του 2016, υπήρχαν ήδη πάνω από 150 εκατομμύρια έγγραφα AMP στο ευρετήριο αναζήτησης της Google και ο αριθμός αυτός αυξανόταν κατά 4 εκατομμύρια την εβδομάδα κάθε εβδομάδα.

Τι είναι το AMP;

Οι επιταχυνόμενες σελίδες για κινητά, ή απλά AMP, είναι κυρίως HTML με επεκτάσεις και κάποια προσαρμοσμένα στοιχεία/μπλοκ σελίδας για ιστότοπους για κινητά. Υπάρχουν ορισμένες ετικέτες που μπορείτε να χρησιμοποιήσετε κατά την ανάπτυξη ιστοσελίδων και άλλες που δεν μπορείτε. Έτσι, για παράδειγμα, η ετικέτα IMG (εικόνα) θα γίνει AMP-IMG- στην περίπτωση αυτή, το βίντεο αντικαθίσταται με μια νέα ετικέτα AMP κ.λπ. Ακόμα και αν επιβάλλει ορισμένους περιορισμούς στους προγραμματιστές, αποτελεί καλό οιωνό για την ταχύτητα και την προώθηση του ιστότοπου (βοηθάει στο SEO). Αρκετά σενάρια Java δεν μπορούν να χρησιμοποιηθούν για την υποστήριξη σελίδων AMP. Αλλά τα καλά νέα είναι ότι μπορείτε να χρησιμοποιήσετε το CSS3 χωρίς περιορισμούς. 

Τα έγγραφα HTML ΑΜΡΜ μπορούν επίσης να χρησιμοποιηθούν για την ανάπτυξη ιστοτόπων. Έτσι, αν δεν θέλετε να αναπτύξετε 2 εκδόσεις του ιστότοπου ξεχωριστά, μπορείτε απλά να τον κατασκευάσετε με βάση την AMP-HTML και να ανεβάσετε μόνο αυτή την έκδοση στον webserver. Ωστόσο, ορισμένοι ειδικοί προτείνουν τη δημιουργία και των δύο για καλύτερη συμβατότητα. Η μηχανή αναζήτησης της Google προωθεί αυτή την τεχνολογία. Έχει σχεδιαστεί για να επιταχύνει το διαδίκτυο για κινητά τηλέφωνα. Εδώ βλέπετε δύο βασικές αρχές:

1. Τα έγγραφα ΑΜΡ είναι όσο το δυνατόν πιο ελαφριά: δεν περιέχουν βαριά σενάρια ή πολύπλοκο κώδικα (μπορείτε να δείτε ένα παράδειγμα εδώ). Δηλαδή, οι κανόνες δημιουργίας είναι εξαιρετικά αυστηροί.
2. Οι επιταχυνόμενες σελίδες για κινητά αποθηκεύονται σε μια ειδική κρυφή μνήμη της Google.

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

Ποιος μπορεί να ενδιαφέρεται;

Η τεχνολογία ΑΜΠ χρησιμοποιείται ευρέως από ειδησεογραφικούς ιστότοπους, blogs, vlogs και άλλους πληροφοριακούς πόρους με πολλές πρότυπες σελίδες περιεχομένου. Ο κατάλογος δεν περιορίζεται σε αυτό: στο AMP- μπορείτε να δημιουργήσετε τόσο μια σελίδα προορισμού όσο και μια έκδοση για κινητά για οποιονδήποτε ιστότοπο, συμπεριλαμβανομένου ενός online καταλόγου με ολοκληρωμένες σελίδες προϊόντων.

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

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

AMP για ηλεκτρονικά καταστήματα

Μην ξεχνάτε ότι τα AMPs από μόνα τους δεν προορίζονται για το ηλεκτρονικό εμπόριο. Είναι όμως σχεδιασμένα για να προσελκύουν πιθανούς αγοραστές.

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

Να θυμάστε ότι το AMP είναι κυρίως χρήσιμο για τους χρήστες που έχουν αργό και ασταθές Internet. Κατά συνέπεια, η έκδοση του ιστότοπου για κινητά πρέπει να είναι επίσης ελαφριά και γρήγορη- διαφορετικά, ο επισκέπτης μπορεί να “ξεφύγει” από την αγορά και να την κλείσει για μια συμφωνία.

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

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

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

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

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

Σύντομα για τη λειτουργικότητα του AMP

Στην κατασκευή ιστοσελίδων, δεν υπάρχει ανάγκη να επαναπρογραμματίζουμε sliders, modal windows και άλλες αηδίες εδώ και πολύ καιρό, οι λεγόμενες βιβλιοθήκες jQuery έχουν εφευρεθεί εδώ και καιρό γι’ αυτό. Αυτές. Ο σχεδιαστής σελιδοποίησης δεν γράφει τον κώδικα από το μηδέν αλλά παίρνει έναν έτοιμο (ακριβώς η περίπτωση που “όλα έχουν ήδη κλαπεί πριν από εμάς”) και τον προσαρμόζει για ένα συγκεκριμένο site. Με το AMP, όλα λειτουργούν σχεδόν με τον ίδιο τρόπο, με μερικές διαφορές:

# 1 – για το AMP, απομένει μόνο ο κώδικας που είναι κατάλληλος για γρήγορη φόρτωση του περιεχομένου. Για παράδειγμα, οι εικόνες μπορεί να μην φορτώνονται αμέσως, αλλά πιο κάτω, καθώς ο χρήστης μετακινείται προς τα κάτω στη σελίδα. Αυτό περιλαμβάνει επίσης τα modal παράθυρα, τα sliders και άλλες “ελαφρότητες”.

# 2 – χρησιμοποιούνται μόνο ασύγχρονα σενάρια, δηλαδή όλα πάλι για την ταχύτερη φόρτωση.

# 3 – ο κώδικας είναι γραμμένος με τέτοιο τρόπο ώστε η σελίδα AMP να εμφανίζεται εξίσου καλά σε οποιαδήποτε κινητή συσκευή.

Όλες αυτές οι 3 διαφορές αποσκοπούν κυρίως στο να κάνουν τα προγράμματα περιήγησης να αποδώσουν τη σελίδα όσο το δυνατόν πιο γρήγορα. Ωστόσο, η λειτουργικότητα της σελίδας είναι μάλλον σοβαρά περιορισμένη. Θα θέλατε να εισαγάγετε κάποια από τα σενάριά σας; Ξεχάστε το, διότι ακόμη και ο κατάλογος των έγκυρων ετικετών HTML είναι περιορισμένος.

Πλεονεκτήματα της τεχνολογίας AMP

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

1. Φυσικά, αυτή είναι η ταχύτητα φόρτωσης του περιεχομένου. Το κείμενο φορτώνεται σχεδόν αμέσως- στη συνέχεια, φορτώνονται οι εικόνες (επιπλέον, δεν φορτώνονται αν δεν κάνετε κύλιση σε αυτές).
.
2. Οι σελίδες ΑΜΠ στα αποτελέσματα αναζήτησης επισημαίνονται με έναν ειδικό κεραυνό, ο οποίος μπορεί να κάνει τον πόρο σας να ξεχωρίζει από τους υπόλοιπους. Σταδιακά, οι χρήστες θα μάθουν ότι αυτό το εικονίδιο υποδηλώνει τη γρήγορη φόρτωση του περιεχομένου.
3. Οι επιταχυνόμενες σελίδες για κινητά μπορούν να συμπεριληφθούν σε ειδικά καρουζέλ της Google.
4. Οι μεγάλες μηχανές αναζήτησης ποντάρουν στον κινητό ιστό. Αυτό οφείλεται στο σταθερά αυξανόμενο ποσοστό πωλήσεων αγαθών από κινητές συσκευές. Οι άνθρωποι τις χρησιμοποιούν για να ψωνίζουν ενώ περιμένουν σε ουρές και σε ταξίδια. Πολλές προβλέψεις δείχνουν περαιτέρω αύξηση της σημασίας του κινητού διαδικτύου.

Όλα αυτά έχουν θετική επίδραση στην πιστότητα των επισκεπτών και στις μετρήσεις συμπεριφοράς. Έτσι, το κύριο πλεονέκτημα των επιταχυνόμενων σελίδων είναι η υψηλή ταχύτητα φόρτωσης. Βελτιώνει την εμπειρία του χρήστη και μπορεί να επηρεάσει έμμεσα τη θέση των ιστότοπων στο SERP της Google. Οι πόροι μπορούν επίσης να λάβουν πρόσθετες προβολές χάρη στο καρουσέλ AMP.

Τα ελαττώματα των επιταχυνόμενων σελίδων για κινητά

Ας πάμε τώρα στην ουσία και ας καταλάβουμε αν είναι πλέον απαραίτητη η εισαγωγή αυτής της τεχνολογίας για ένα μέσο έργο; Θα εξετάσουμε τους πόρους που βασίζονται στο WordPress, ένα από τα πιο δημοφιλή CMS:

1. Ο μέσος webmaster δεν χρειάζεται μόνο να απαντήσει στην ερώτηση του επισκέπτη αλλά και να βγάλει χρήματα από τη διαφήμιση. Μπορείτε να προσθέσετε μόνο μονάδες διαφημίσεων Google Adsense στις επιταχυνόμενες σελίδες για κινητά – ωραία, αλλά κάθε άλλο παρά καθολική.
2. Για να αποφύγετε τα διπλά κατά την εφαρμογή του AMP, πρέπει να προσέξετε τα εξής:
   • οι νέες σελίδες θα πρέπει να έχουν rel που είναι κανονικό με τις κύριες διευθύνσεις URL;
   • δεν θα πρέπει να εμφανίζονται στο sitemap.

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

1. Το ΑΜΠ δεν είναι κατάλληλο για όλους τους τύπους σελίδων. Η τεχνολογία έχει σχεδιαστεί μόνο για έγγραφα περιεχομένου: κείμενα, εικόνες. Αν το έργο σας δεν αποτελείται μόνο από άρθρα/εφημερίδες, τότε η μετάβαση μεταξύ των εκδόσεων του ιστότοπου μπορεί να παραπλανήσει τον χρήστη (θα πρέπει να επιτύχετε τη μέγιστη δυνατή ομοιότητα στο σχεδιασμό).
2. Αν και τέτοιες επιταχυνόμενες σελίδες ξεχωρίζουν στα SERPs, ο εκπρόσωπος της Google Harry Illes δήλωσε ότι το AMP δεν υπολογίζεται στον τύπο κατάταξης. Σημείωσε ότι δεν είναι γεγονός ότι θα συνεχίζεται συνεχώς.
3. Πρώτα, πρέπει να δημιουργήσετε ένα responsive design ή μια έκδοση του ιστότοπου για κινητά. Στη συνέχεια, πρόκειται για μια επιταχυνόμενη έκδοση για τη Google. Αν οι δυνατότητες ενός μεγάλου έργου μπορούν να σας επιτρέψουν να δημιουργήσετε ξεχωριστές εκδόσεις του πόρου και να τις παρακολουθείτε, τότε θα είναι πολύ πιο δύσκολο για τον μέσο webmaster να το κάνει αυτό.

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

Μονιμοποίηση των σελίδων AMP

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

• Adform;
• Google Ad Manager;
• AdReactor;
• Yieldmo;
• Plista;
• Taboola;
• Flite;
• AOL AdTech;
• Amazon A9;
• Google Adsense;
• Smart AdServer;
• DotAndAds.

Υπάρχουν πολλές διαφημιστικές πλατφόρμες για AMP monetization, το οποίο είναι ένα μεγάλο πλεονέκτημα για bloggers και ειδησεογραφικές ιστοσελίδες.

Χρήση ή μη χρήση;

Συνιστούμε τη χρήση της τεχνολογίας επειδή:

1. Οι επιταχυνόμενες σελίδες είναι σχεδόν 30 φορές ταχύτερες από τις κανονικές σελίδες. Σε μια εποχή που το 63% των χρηστών του Διαδικτύου έχει πρόσβαση σε αυτό από κινητές συσκευές, μια τέτοια κίνηση θα σας βοηθήσει να προηγηθείτε στη μάχη με τους ανταγωνιστές.
2. Είναι επίσης απαραίτητο να ληφθούν υπόψη οι ιδιαιτερότητες της κατάταξης της Google – η μηχανή αναζήτησης εστιάζει στις εκδόσεις για κινητά τηλέφωνα. Οι επιτραπέζιες εκδόσεις εμφανίζονται παρακάτω στο SERP.
3. Η γρήγορη μορφή βελτιώνει τους παράγοντες συμπεριφοράς και δίνει κάποιο πλεονέκτημα κατάταξης. Και αυτό αυξάνει τη ροή των επισκεπτών και, τελικά, το κέρδος.
4. Οι αντιδραστικές παράμετροι είναι βολικές όχι μόνο για ενημερωτικά αλλά και για εμπορικά έργα. Όταν ένας πόρος φορτώνει γρήγορα, δεν έχει νόημα για έναν επισκέπτη να πάει σε έναν ανταγωνιστή.
5. Για έναν ιστότοπο με CMS, έχουν αναπτυχθεί ειδικά plugins που σας επιτρέπουν να υλοποιήσετε σελίδες AMP ακόμα και χωρίς ειδικές γνώσεις.

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