Λίγα πράγματα είναι πιο απογοητευτικά από το να επισκέπτεστε έναν ιστότοπο μόνο για να διαπιστώσετε ότι η αρχική του σελίδα χρειάζεται χρόνια για να φορτώσει^{(homepage takes ages to load)} . Το χειρότερο είναι όταν οι εικόνες είναι κακής ποιότητας και οι διατάξεις δεν είναι καλά βελτιστοποιημένες.

Στην πραγματικότητα, μια μελέτη της Google^{(Google study)} διαπίστωσε ότι το 53 τοις εκατό των ανθρώπων εγκαταλείπουν ιστότοπους που αποτυγχάνουν να φορτώσουν σε τρία δευτερόλεπτα ή λιγότερο, γεγονός που οδηγεί σε υψηλά ποσοστά εγκατάλειψης και μειωμένα έσοδα.

Για να αντιμετωπίσει αυτά τα ζητήματα, η Google δημιούργησε τις Accelerated Mobile Pages ( AMP ). Όχι μόνο το AMP επιταχύνει το χρόνο φόρτωσης του ιστότοπού σας, αλλά σας βοηθά επίσης να σχεδιάσετε έναν συναρπαστικό ιστότοπο^{(design a compelling site)} , συναρπαστική εμπειρία για κινητά και να αυξήσετε τη μέση αναλογία κλικ προς αριθμό εμφανίσεων ( CTR ).

Σε αυτόν τον οδηγό, θα εξηγήσουμε γιατί το Google AMP^{(Google AMP)} είναι η προτιμώμενη μορφή της Google για σελίδες για κινητές συσκευές και πώς μπορείτε να εφαρμόσετε το AMP για WordPress .

Τι είναι το Google AMP;^{(What Is Google AMP?)}

Το Google AMP^{(Google AMP)} είναι ένα πλαίσιο στοιχείων ιστού που κυκλοφόρησε τον Οκτώβριο του 2015^{(October 2015)} για να βοηθήσει στη δημιουργία και τη δημιουργία ελαφρών ιστότοπων που προορίζονται για τον χρήστη. Η πρωτοβουλία για κινητά έχει σχεδιαστεί για να επιταχύνει τον ιστό με την προβολή μιας απογυμνωμένης έκδοσης της ιστοσελίδας σας.

Πολλές μεγάλες εταιρείες, συμπεριλαμβανομένων των WordPress , Pinterest , Washington Post και Reddit έχουν υιοθετήσει το AMP και έχουν σημειώσει αύξηση στους μοναδικούς επισκέπτες του μήνα^{(increase in monthly unique visitors)} .

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

Χρειάζεστε AMP στον ιστότοπό σας WordPress;^{(Do You Need AMP on Your WordPress Site?)}

Το AMP^(AMP) είναι γρήγορο, αλλά δεν είναι ο μόνος τρόπος για να κάνετε τις ιστοσελίδες να φορτώνουν πιο γρήγορα ή να αυξήσετε την ταχύτητα του ιστότοπού σας^{(increase your site speed)} .

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

Αυτό που είναι αλήθεια όμως είναι ότι η επιτυχία του AMP εξαρτάται από ορισμένους παράγοντες απόφασης. Για παράδειγμα, εάν οι χρήστες σας προέρχονται κυρίως από επιτραπέζιους υπολογιστές, το AMP δεν είναι για εσάς, επειδή οι σελίδες AMP δεν εμφανίζονται με πλούσιες δυνατότητες σε επιτραπέζιους υπολογιστές και δεν εξυπηρετούνται από την προσωρινή μνήμη AMP^{(AMP Cache)} , επομένως οι χρήστες ενδέχεται να μην απολαμβάνουν αυτά τα πλεονεκτήματα.

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

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

Πώς να εφαρμόσετε το AMP σε έναν ιστότοπο WordPress^{(How to Implement AMP on a WordPress Site)}

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

Η Google^(Google) διαθέτει μια διαδικασία ροής εργασιών που σας καθοδηγεί καθώς δημιουργείτε μια σελίδα AMP , ενσωματώνετε και βελτιστοποιείτε τη σελίδα, ρυθμίζετε την παρακολούθηση αναλυτικών στοιχείων^{(set up analytics tracking)} και, στη συνέχεια, σχεδιάζετε τη σελίδα για τις ανάγκες του ιστότοπού σας.

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

Πριν δημοσιεύσετε, μπορείτε να συμπεριλάβετε εικόνες, να τροποποιήσετε τη διάταξη, να βελτιστοποιήσετε τη σελίδα για SEO^{(optimize the page for SEO)} , να κάνετε προεπισκόπηση και να ολοκληρώσετε τις σελίδες χρησιμοποιώντας τις οδηγίες που παρέχονται στην πλαϊνή γραμμή.

Εάν θέλετε, μπορείτε να πειραματιστείτε με το AMP στην αρχική σελίδα του amp.dev προτού το δοκιμάσετε στον δικό σας ιστότοπο WordPress .

Πώς να εγκαταστήσετε το Google AMP στο WordPress^{(How to Install Google AMP on WordPress)}

Η μη αυτόματη ρύθμιση και εγκατάσταση του Google AMP στον ιστότοπό σας στο WordPress είναι περίπλοκη. Ωστόσο, μπορείτε να χρησιμοποιήσετε προσθήκες όπως η επίσημη προσθήκη AMP για WordPress^{(official AMP plugin for WordPress)} , AMP για WP^{(AMP for WP)} ή AMP WP για να απλοποιήσετε τη διαδικασία.

Για αυτόν τον οδηγό, θα σας δείξουμε πώς να ρυθμίσετε και να εγκαταστήσετε το AMP σε έναν ιστότοπο WordPress χρησιμοποιώντας την επίσημη προσθήκη WordPress AMP .

Πώς να χρησιμοποιήσετε την προσθήκη WordPress AMP για να εγκαταστήσετε το AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Για να ξεκινήσετε, εγκαταστήστε και ενεργοποιήστε την προσθήκη WordPress AMP στον ιστότοπό σας στο WordPress . Μεταβείτε στον πίνακα ελέγχου του WordPress , επιλέξτε Plugins > Add New .

1. Πληκτρολογήστε την προσθήκη ^(plugin)AMP στο πλαίσιο αναζήτησης και επιλέξτε Εγκατάσταση τώρα^{(Install Now)} για να εγκαταστήσετε την προσθήκη.

Σημείωση^(Note) : Εάν χρησιμοποιείτε το WordPress.com , πρέπει να κάνετε αναβάθμιση στο επιχειρηματικό^(Business) σχέδιο για να εγκαταστήσετε τυχόν πρόσθετα^{(install any plugins)} .

1. Μεταβείτε στο Plugins > Installed Plugins , βρείτε το AMP και επιλέξτε τον σύνδεσμο Ενεργοποίηση για να ενεργοποιήσετε την προσθήκη ^{(Activate )}AMP και να την κάνετε να λειτουργεί στον ιστότοπό σας.

1. Μόλις ενεργοποιήσετε την προσθήκη, προσαρμόστε τις ρυθμίσεις για να προσαρμόσετε τις σελίδες AMP . Για να διαμορφώσετε την προσθήκη, μεταβείτε στο AMP > Settings και χρησιμοποιήστε τον οδηγό για να διαμορφώσετε τις ρυθμίσεις της σελίδας σας AMP .

1. Επιλέξτε το κουμπί Δημοσίευση^{(Publish )} μόλις ολοκληρώσετε την προσαρμογή των ρυθμίσεων. Ο ιστότοπός σας δεν θα είναι ορατός στους επισκέπτες σας ούτε θα μπορεί να εντοπιστεί από την Google^(Google) , αλλά μπορείτε να επιλέξετε εάν θέλετε οι σελίδες, οι αναρτήσεις ή και τα δύο να εμφανίζονται στον ιστότοπό σας AMP . Για να το κάνετε αυτό, μεταβείτε στο AMP > Settings > Advanced Settings, και αποεπιλέξτε το πλαίσιο ελέγχου Υποστηριζόμενα πρότυπα^{(Supported Templates)} για να λάβετε περισσότερες επιλογές.

1. Επιλέξτε τις επιλογές^(options) που θέλετε και, στη συνέχεια, επιλέξτε Αποθήκευση αλλαγών^{(Save Changes)} .

1. Μπορείτε επίσης να ενσωματώσετε το Yoast SEO^{(Yoast SEO)} στη ρύθμιση AMP σας μεταβαίνοντας στις Plugins > Add New και, στη συνέχεια, αναζητήστε το Yoast SEO & AMP . 
2. Επιλέξτε Εγκατάσταση τώρα^{(Install Now)} και Ενεργοποιήστε^(Activate) την προσθήκη. Μόλις ενεργοποιηθεί, μεταβείτε στο SEO και επιλέξτε AMP για να λάβετε περαιτέρω επιλογές προσαρμογής για τη σελίδα σας και, στη συνέχεια, επιλέξτε Αποθήκευση αλλαγών^{(Save Changes)} . 
3. Πριν από τη δημοσίευση, κάντε προεπισκόπηση του ιστότοπού σας AMP προσθέτοντας ενισχυτή^(amp) στο τέλος οποιασδήποτε διεύθυνσης URL^(URL) ανάρτησης ή σελίδας θέλετε. Για παράδειγμα, μπορείτε να μεταβείτε στη διεύθυνση https://yourwebsite.com/blog-post-title/amp/

Πώς να επικυρώσετε το WordPress AMP^{(How to Validate WordPress AMP)}

Με το AMP εγκατεστημένο στον ιστότοπό σας WordPress , το επόμενο βήμα είναι να ελέγξετε ότι λειτουργεί σωστά. Όχι μόνο αυτό, αλλά η επικύρωση διασφαλίζει επίσης ότι οι υποστηριζόμενες πλατφόρμες μπορούν να έχουν πρόσβαση και να συνδέονται με τον ιστότοπό σας και μπορείτε να βρείτε σφάλματα ^{(errors for troubleshooting)}AMP για την αντιμετώπιση προβλημάτων .

Μπορείτε να επικυρώσετε το WordPress AMP^{(WordPress AMP)} με μη αυτόματο τρόπο ή χρησιμοποιώντας το εργαλείο δοκιμών AMP της Google^{(Google’s AMP Testing tool)} .

Πώς να επικυρώσετε το WordPress AMP με μη αυτόματο τρόπο^{(How to Validate WordPress AMP Manually)}

1. Για να το κάνετε αυτό, ανοίξτε μια σελίδα AMP και, στη συνέχεια, προσθέστε #development=1 στο τέλος της διεύθυνσης URL^(URL) για την ιστοσελίδα που επικυρώνετε.

1. Μεταβείτε στο πρόγραμμα περιήγησής σας και ανοίξτε την κονσόλα εργαλείων προγραμματιστή^{(developer tools console)} . Εάν χρησιμοποιείτε Firefox , επιλέξτε το menu > Web Developer > Web Console . Εάν υπάρχουν σφάλματα στη σελίδα AMP , θα επισημαίνονται με κόκκινο χρώμα.

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

Πώς να επικυρώσετε το WordPress AMP χρησιμοποιώντας το εργαλείο δοκιμής AMP της Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Ανοίξτε τη σελίδα του εργαλείου δοκιμών Google AMP^{(Google AMP Testing tool)} , εισαγάγετε τη διεύθυνση URL^(URL) του ιστότοπου, της ανάρτησης ή της σελίδας σας και, στη συνέχεια, επιλέξτε Δοκιμαστική διεύθυνση URL^{(Test URL)} . Μπορείτε επίσης να επικολλήσετε τον κώδικα του ιστότοπου και να επιλέξετε Test URL .

1. Το Googlebot θα αναλύσει τον ιστότοπό σας και εάν είναι έγκυρο, θα δείτε μια προεπισκόπηση του τρόπου εμφάνισης των σελίδων AMP σας ^(AMP)στους SERP της Google^{(Google SERPs)} .

Με το εργαλείο Google AMP Testing , μπορείτε να εντοπίσετε σφάλματα AMP και να δείτε τον κώδικα που προκαλεί πρόβλημα στον ιστότοπό σας. Μπορείτε επίσης να επιλέξετε το κουμπί Κοινή χρήση^(Share) για να μοιραστείτε την ανάλυση με τους συναδέλφους σας.

Μπορείτε επίσης να χρησιμοποιήσετε το εργαλείο Google AMP Validator για να βεβαιωθείτε ότι ο κώδικάς σας επικυρώνεται ή να χρησιμοποιήσετε την επέκταση Chrome AMP^{(Chrome AMP extension)} , η οποία επικυρώνει επίσης τις σελίδες και εμφανίζει τυχόν προειδοποιήσεις ή σφάλματα.

Ενισχύστε τον ιστότοπό σας στο WordPress^{(AMP up Your WordPress Site)}

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

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

Έχετε δοκιμάσει το AMP στον ιστότοπό σας στο WordPress ; Έχετε άλλες συμβουλές να μοιραστείτε σχετικά με τη χρήση του AMP για WordPress ; Μοιραστείτε μαζί μας στα σχόλια.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than visіting a webѕite only to find that its homepage takes ages to load. Worse still, is when the images are of poor quality and layouts aren’t well optimized.

In fact, a Google study found that 53 percent of people leave sites that fail to load in three seconds or less, which leads to high bounce rates and decreased revenues.

To deal with these issues, Google created the Accelerated Mobile Pages (AMP). Not only does AMP accelerate your site’s loading time, but it also helps you design a compelling site, thrilling mobile experience, and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages, and how you can implement AMP for WordPress.

What Is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-first websites. The mobile initiative is designed to speed up the web by serving up a stripped down version of your webpage.

Many large companies including WordPress, Pinterest, Washington Post, and Reddit have adopted AMP and experienced an increase in monthly unique visitors.

When your webpage is served to mobile users via AMP in Google, it’ll look basic and simplistic, thus achieving AMP’s goal of lightning fast, dynamic experiences and better usability.

Do You Need AMP on Your WordPress Site?

AMP is fast, but it’s not the only way to make web pages load faster or increase your site speed.

There are many case studies that demonstrate AMP’s positive impact on publishers, businesses, and other industries, but there are also many case study failures.  This means there’s no clear-cut decision as to whether AMP is for all sites or not.

What rings true though is that the success of AMP depends on some decision factors. For example, if your users are primarily from desktop, AMP isn’t for you because AMP pages don’t display with rich features on desktop, and they’re not served from the AMP Cache so users may not enjoy these benefits.

The golden rule is that AMP is recommended primarily for publishers running news sites and blogs. Anything else like a portfolio site or landing pages doesn’t necessarily need AMP.

Plus, if your non-AMP pages can load within or below the 2.5-second standard, you probably don’t need to install or maintain AMP.

How to Implement AMP on a WordPress Site

Creating an AMP version of your web page on WordPress may look like a task only developers can handle, but with a little knowledge and some guidance, you can do it on your own.

Google has a workflow process that guides you as you build an AMP page, integrate and optimize the page, set up analytics tracking, and then design the page for your site’s needs.

To get started, Google will provide you with a template code, which you can copy and save to a .html extension, and then add the required mark-up. This will turn the page into a workable AMP HTML document.

Before you publish, you can include images, modify the layout, optimize the page for SEO, preview, and finalize the pages using instructions provided on the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPress, AMP for WP, or AMP WP to make the process simpler.

For this guide, we’ll show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to Use the WordPress AMP Plugin to Install AMP

1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New.

1. Type AMP plugin in the search box, and select Install Now to install the plugin.

Note: If you’re using WordPress.com, you have to upgrade to the Business plan to install any plugins.

1. Go to Plugins > Installed Plugins, find AMP and select the Activate link to activate the AMP plugin and make it work on your site.

1. Once you activate the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.

1. Select the Publish button once you’re done adjusting the settings. Your site won’t be visible to your visitors or discoverable by Google, but you can choose whether you want the pages, posts, or both to be shown on your AMP site. To do this, go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.

1. Select the options you want and then select Save Changes.

1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP. 
2. Select Install Now, and Activate the plugin. Once activated, go to SEO and select AMP to get further customization options for your page, and then select Save Changes. 
3. Before publishing, preview your AMP site by adding amp to the end of any post or page URL you want . For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

With AMP installed on your WordPress site, the next step is to test that it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP Testing tool.

How to Validate WordPress AMP Manually

1. To do this, open an AMP page, and then add #development=1 to the end of the URL for the web page you’re validating.

1. Go to your browser and open the developer tools console. If you’re using Firefox, select the menu > Web Developer > Web Console. If there are any errors on the AMP page, they’ll be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but you’ll see an explanation of the causes next to the error.

How to Validate WordPress AMP Using Google’s AMP Testing Tool

1. Open the Google AMP Testing tool page, enter the URL of your site, post, or page, and then select Test URL. You can also paste the site’s code and select Test URL.

1. The Googlebot will analyze your site and if valid, you’ll see a preview of how your AMP pages could appear on Google SERPs.

With the Google AMP Testing tool, you can identify AMP errors and see the problem-causing code on your site. You can also select the Share button to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure that your code validates, or use the Chrome AMP extension, which also validates the pages, and shows any warnings or errors.

AMP up Your WordPress Site

Google AMP is a major change for any site, especially if you already have lots of mobile traffic. If you run a site with newsy content, it may make sense to install AMP right away, but for other businesses, you could hurt your conversions if you get it wrong.

We recommend testing AMP on a few high-traffic pages to see if you get positive or negative results before making the decision to use it across your entire site.

Have you tried AMP on your WordPress site? Do you have any other tips to share about using AMP for WordPress? Share with us in the comments.

Related posts

• Πώς να μετακινήσετε ιστότοπο WordPress από έναν κεντρικό υπολογιστή σε άλλο

• Πώς να εγκαταστήσετε και να ρυθμίσετε το WordPress στο Microsoft Azure

• Πώς να εκτελέσετε απίστευτα γρήγορο WordPress στο Microsoft Azure

• Πώς να ρυθμίσετε το απόρρητο στο WordPress και γιατί είναι σημαντικό

• Πώς να εγκαταστήσετε το WordPress στην πλατφόρμα Google Cloud

• Πώς να παρακολουθείτε κατεστραμμένους συνδέσμους με το Google Webmaster Tool

• 10 βασικά πρόσθετα WordPress για έναν ιστότοπο μικρών επιχειρήσεων

• Πώς να επιταχύνετε οποιονδήποτε ιστότοπο WordPress χρησιμοποιώντας .HTACCESS

• Πώς να επιταχύνετε έναν ιστότοπο WordPress σε 11 βήματα

• Πώς να χρησιμοποιήσετε το Lumen5 για να μετατρέψετε τη δημοσίευση του ιστολογίου σας σε βίντεο

• Πώς να αλλάξετε τη διεύθυνση URL σύνδεσης στο WordPress για καλύτερη ασφάλεια

• 7 Συμβουλές WordPress για έναν ιστότοπο φιλικό προς κινητά

• Πώς να ενισχύσετε την απόδοση στο WordPress μέσω καθαρισμού βάσης δεδομένων

• Πώς να δημιουργήσετε αντίγραφα ασφαλείας του ιστότοπού σας WordPress

• 8 δωρεάν Premium θέματα WordPress για εγκατάσταση

• Πώς να εγκαταστήσετε ένα θέμα στο WordPress

• Πώς να ενημερώσετε την PHP στο WordPress

• Πώς να κάνετε έναν ιστότοπο WordPress ασφαλή

• Δημιουργία παιδικού θέματος στο WordPress

• Wix εναντίον WordPress: Ποιο είναι το καλύτερο για τη δημιουργία του ιστότοπού σας;