Πώς να κάνετε το GeneratePress και το AMP πλήρως συμβατά

Το GeneratePress και το AMP είναι συμβατά. Σε αυτήν την ανάρτηση θα σας δείξω πώς μπορείτε να κάνετε το GeneratePress 100% συμβατό με το AMP.

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

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

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

Δημιουργία Τύπου είναι το πιο γρήγορο θέμα WordPress που έχω δει. Μπορείτε να δείτε το δικό μου Αναθεώρηση GeneratePress. Τα καλά νέα είναι ότι είναι 100% συμβατό με το AMP.

Εφαρμογή AMP στον ιστότοπο/ιστολόγιό σας

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

Επισκεφτείτε τον κατάλογο του WordPress για να εγκαταστήσετε και να ενεργοποιήσετε την προσθήκη. Για να το κάνετε αυτό, κάντε κλικ στις προσθήκες από τον πίνακα ελέγχου σας και, στη συνέχεια, κάντε κλικ στην Προσθήκη νέου. Μόλις μεταβείτε στη σελίδα, αναζητήστε AMP. θα δείτε την προσθήκη AMP.

Μόλις εγκατασταθεί, ενεργοποιήστε το πρόσθετο. Στη συνέχεια κάντε κλικ στις ρυθμίσεις. Θα δείτε τρεις επιλογές. Τυπική λειτουργία, μεταβατική λειτουργία ή λειτουργία ανάγνωσης. Η λειτουργία ανάγνωσης θα λειτουργεί κανονικά. Δεδομένου ότι δεν βασίζεται στο θέμα σας για να λειτουργήσει. Αλλά αν αντιμετωπίζετε πρόβλημα με την εκτέλεση του GeneratePress σε μεταβατική ή τυπική λειτουργία, ακολουθήστε τα βήματα εδώ.

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

Πώς να κάνετε το GeneratePress και το AMP πλήρως συμβατά

Ακολουθήστε αυτά τα βήματα για να κάνετε το GeneratePress και το AMP πλήρως συμβατά:

1. Κατεβάστε και εγκαταστήστε το AMP for GeneratePress Plugin

Υπάρχει ένα επίσημο Plugin από τον Tom Usborne, τον προγραμματιστή και ιδρυτή του GeneratePress. Ο στόχος της προσθήκης είναι να διορθώσει τυχόν προβλήματα συμβατότητας με το AMP.

Η προσθήκη δεν είναι ακόμη διαθέσιμη στον κατάλογο του WordPress. Αλλά ο Τομ μου είπε σε ένα email ότι θα το κάνει διαθέσιμο σύντομα.

Προς το παρόν, μπορείτε λάβετε το πρόσθετο από το GitHub.

Μόλις φτάσετε, κάντε κλικ στο Clone ή κάντε λήψη. Στη συνέχεια κάντε κλικ στο download zip.

Τώρα για να μεταβείτε στον πίνακα ελέγχου του WordPress, κάντε κλικ στις προσθήκες και στη συνέχεια κάντε κλικ στην προσθήκη νέου. Στη νέα σελίδα, κάντε κλικ στο upload plugin, μετά επιλέξτε το αρχείο που μόλις κατεβάσατε και εγκαταστήστε το.

Μόλις εγκατασταθεί, ενεργοποιήστε το. Αυτό είναι όλο.

2. Αλλάξτε το AMP σε μεταβατική ή τυπική λειτουργία

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

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

Όταν βρίσκεστε σε μεταβατική λειτουργία, πρέπει να προσθέσετε ;αμπέραζ στο τέλος των συνδέσμων σας, συμπεριλαμβανομένης της αρχικής σελίδας για πρόσβαση στο AMP.

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

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

3. Πραγματοποιήστε δοκιμή AMP.

Μετά την αλλαγή σε μεταβατική λειτουργία ή στάνταρ. Θα δείτε πολλά λάθη! Μην πανικοβάλλεστε!

Μπορείτε να δείτε τα σφάλματα που έλαβα παρακάτω μετά την αλλαγή BloggingTools σε μεταβατική λειτουργία.

Υπήρχαν 48 ευρετήριο σφαλμάτων.

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

Δεν παρατήρησα καμία σημαντική προειδοποίηση που σχετίζεται με το θέμα.

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

Μπορείς να χρησιμοποιήσεις Επίσημο εργαλείο δοκιμών AMP της Google για δοκιμές.

Το αποτέλεσμα δείχνει ότι το AMP εκτελείται χωρίς προβλήματα. Δείτε παρακάτω.

Εδώ είναι το τεστ για την αρχική μου σελίδα.

Στη συνέχεια δοκίμασα μια σελίδα ανάρτησης:

Από τα παραπάνω, μπορείτε να δείτε ότι το AMP και το GeneratePress είναι πλήρως συμβατά.

Κοινά θέματα

Εάν εξακολουθείτε να αντιμετωπίζετε προβλήματα με τη λειτουργία του AMP σε μεταβατική ή τυπική λειτουργία, το πρόβλημα είναι πιθανότατα μια από τις προσθήκες σας.

Οι κύριοι ένοχοι θα είναι πιθανώς η προσωρινή αποθήκευση προσθηκών ή προσθηκών βελτιστοποίησης που δεν είναι συμβατές με AMP.