Poche cose sono più frustranti che visitare un sito Web solo per scoprire che la sua homepage impiega anni a caricarsi^{(homepage takes ages to load)} . Peggio ancora, è quando le immagini sono di scarsa qualità e i layout non sono ben ottimizzati.

In effetti, uno studio di Google ha^{(Google study)} rilevato che il 53% delle persone abbandona i siti che non vengono caricati in tre secondi o meno, il che porta a frequenze di rimbalzo elevate e minori entrate.

Per affrontare questi problemi, Google ha^(Google) creato le Accelerated Mobile Pages ( AMP ). AMP non solo accelera il tempo di caricamento del tuo sito, ma ti aiuta anche a progettare un sito avvincente^{(design a compelling site)} , un'esperienza mobile emozionante e aumentare la percentuale di clic media ( CTR ).

In questa guida spiegheremo perché Google AMP è il formato preferito di Google per le pagine mobili e come puoi implementare AMP per WordPress .

Che cos'è Google AMP?^{(What Is Google AMP?)}

Google AMP è un framework di componenti Web lanciato nell'ottobre 2015^{(October 2015)} per aiutare a creare e creare siti Web leggeri e incentrati sull'utente. L'iniziativa mobile è progettata per velocizzare il Web fornendo una versione ridotta della tua pagina web.

Molte grandi aziende tra cui WordPress , Pinterest , Washington Post e Reddit hanno adottato AMP e hanno registrato un aumento dei visitatori unici mensili^{(increase in monthly unique visitors)} .

Quando la tua pagina web viene offerta agli utenti mobili tramite AMP in Google , apparirà semplice e semplicistica, raggiungendo così l'obiettivo di AMP di esperienze dinamiche e velocissime e una migliore usabilità.

Hai bisogno di AMP sul tuo sito WordPress?^{(Do You Need AMP on Your WordPress Site?)}

AMP è veloce, ma non è l'unico modo per caricare più velocemente le pagine web o aumentare la velocità del tuo sito^{(increase your site speed)} .

Esistono molti casi di studio che dimostrano l'impatto positivo di AMP su editori, aziende e altri settori, ma ci sono anche molti casi di studio falliti. Ciò significa che non esiste una decisione chiara sul fatto che AMP sia per tutti i siti o meno.

Ciò che suona vero è che il successo di AMP dipende da alcuni fattori decisionali. Ad esempio, se i tuoi utenti provengono principalmente da desktop, AMP non fa per te perché le pagine AMP non vengono visualizzate con funzionalità avanzate su desktop e non vengono pubblicate dalla cache AMP^{(AMP Cache)} , quindi gli utenti potrebbero non usufruire di questi vantaggi.

La regola d'oro è che AMP è consigliato principalmente agli editori che gestiscono siti di notizie e blog. Qualsiasi altra cosa come un sito portfolio o pagine di destinazione non necessita necessariamente di AMP .

Inoltre, se le pagine non AMP possono essere caricate entro o al di sotto dello standard di 2,5 secondi, probabilmente non è necessario installare o mantenere AMP .

Come implementare AMP su un sito WordPress^{(How to Implement AMP on a WordPress Site)}

La creazione di una versione AMP della tua pagina Web su WordPress può sembrare un'attività che solo gli sviluppatori possono gestire, ma con un po' di conoscenza e alcune indicazioni, puoi farlo da solo.

Google dispone di un processo di flusso di lavoro che ti guida durante la creazione di una pagina AMP , l'integrazione e l'ottimizzazione della pagina, l'impostazione del monitoraggio delle analisi^{(set up analytics tracking)} e la progettazione della pagina in base alle esigenze del tuo sito.

Per iniziare, Google ti fornirà un codice modello, che puoi copiare e salvare in un'estensione .html, quindi aggiungere il markup richiesto. Questo trasformerà la pagina in un documento HTML AMP^{(AMP HTML)} funzionante .

Prima di pubblicare, puoi includere immagini, modificare il layout, ottimizzare la pagina per SEO^{(optimize the page for SEO)} , visualizzare in anteprima e finalizzare le pagine utilizzando le istruzioni fornite nella barra laterale.

Se lo desideri, puoi sperimentare AMP sulla home page di amp.dev prima di provarlo sul tuo sito WordPress .

Come installare Google AMP su WordPress^{(How to Install Google AMP on WordPress)}

Configurare e installare manualmente Google AMP sul tuo sito WordPress è complicato. Tuttavia, puoi utilizzare plug-in come il plug-in AMP ufficiale per WordPress^{(official AMP plugin for WordPress)} , AMP per WP^{(AMP for WP)} o AMP WP per semplificare il processo.

Per questa guida, ti mostreremo come configurare e installare AMP su un sito WordPress utilizzando il plugin AMP ufficiale di WordPress .^{(WordPress AMP)}

Come utilizzare il plugin AMP di WordPress per installare AMP^{(How to Use the WordPress AMP Plugin to Install AMP)}

1. Per iniziare, installa e attiva il plugin AMP di WordPress sul tuo sito ^{(WordPress AMP)}WordPress . Vai alla dashboard di WordPress , seleziona ^(WordPress)Plugins > Add New .

1. Digita il plug -in AMP nella casella di ricerca e seleziona Installa ora^{(Install Now)} per installare il plug-in.

Nota^(Note) : se utilizzi WordPress.com , devi eseguire l'upgrade al piano Business per installare eventuali plug-^{(install any plugins)} in .

1. Vai su Plugins > Installed Plugins , trova AMP e seleziona il link Attiva^{(Activate )} per attivare il plugin AMP e farlo funzionare sul tuo sito.^(AMP)

1. Una volta attivato il plug-in, regola le impostazioni per personalizzare le pagine AMP . Per configurare il plug-in, vai su AMP > Settings e usa la procedura guidata per configurare le impostazioni della tua pagina AMP .

1. Seleziona il pulsante Pubblica^{(Publish )} una volta che hai finito di regolare le impostazioni. Il tuo sito non sarà visibile ai tuoi visitatori né individuabile da Google , ma puoi scegliere se visualizzare le pagine, i post o entrambi sul tuo sito AMP . Per fare ciò, vai su AMP > Settings > Advanced Settings, e deseleziona la casella di controllo Modelli supportati^{(Supported Templates)} per ottenere più opzioni.

1. Seleziona le opzioni^(options) desiderate, quindi seleziona Salva modifiche^{(Save Changes)} .

1. Puoi anche integrare Yoast SEO nella tua configurazione AMP andando su Plugins > Add New e quindi cerca Yoast SEO e AMP^{(Yoast SEO & AMP)} . 
2. Seleziona Installa ora^{(Install Now)} e Attiva^(Activate) il plug-in. Una volta attivato, vai su SEO e seleziona AMP per ottenere ulteriori opzioni di personalizzazione per la tua pagina, quindi seleziona Salva modifiche^{(Save Changes)} . 
3. Prima della pubblicazione, visualizza in anteprima il tuo sito AMP aggiungendo amp alla fine di qualsiasi post o URL di pagina che desideri . Ad esempio, puoi andare su https://yourwebsite.com/blog-post-title/amp/

Come convalidare WordPress AMP^{(How to Validate WordPress AMP)}

Con AMP installato sul tuo sito WordPress , il passaggio successivo è testare che funzioni correttamente. Non solo, ma la convalida garantisce anche che le piattaforme supportate possano accedere e collegarsi al tuo sito e che tu possa trovare errori ^{(errors for troubleshooting)}AMP per la risoluzione dei problemi .

Puoi convalidare WordPress AMP manualmente o utilizzando lo strumento di test AMP di Google^{(Google’s AMP Testing tool)} .

Come convalidare manualmente l'AMP di WordPress^{(How to Validate WordPress AMP Manually)}

1. Per fare ciò, apri una pagina AMP , quindi aggiungi #development=1 alla fine dell'URL^(URL) della pagina web che stai convalidando.

1. Vai al tuo browser e apri la console degli strumenti per sviluppatori^{(developer tools console)} . Se utilizzi Firefox , seleziona il menu > Web Developer > Web Console . Se sono presenti errori nella pagina AMP , verranno evidenziati in rosso.

Gli errori di convalida possono essere causati da codice errato, prefissi non validi o tag non consentiti, ma accanto all'errore vedrai una spiegazione delle cause.

Come convalidare l'AMP di WordPress utilizzando lo strumento di test AMP di Google^{(How to Validate WordPress AMP Using Google’s AMP Testing Tool)}

1. Apri la pagina dello strumento di test AMP di Google^{(Google AMP Testing tool)} , inserisci l' URL del tuo sito, post o pagina, quindi seleziona URL di test^{(Test URL)} . Puoi anche incollare il codice del sito e selezionare Test URL .

1. Il Googlebot analizzerà il tuo sito e, se valido, vedrai un'anteprima di come potrebbero apparire le tue pagine AMP sulle ^(AMP)SERP di Google^{(Google SERPs)} .

Con lo strumento di test AMP di Google^{(Google AMP Testing)} , puoi identificare gli errori AMP e visualizzare il codice che causa il problema sul tuo sito. Puoi anche selezionare il pulsante Condividi^(Share) per condividere l'analisi con i tuoi colleghi.

Puoi anche utilizzare lo strumento Google AMP Validator per assicurarti che il tuo codice venga convalidato o utilizzare l' estensione AMP di Chrome^{(Chrome AMP extension)} , che convalida anche le pagine e mostra eventuali avvisi o errori.

Amplia il tuo sito WordPress^{(AMP up Your WordPress Site)}

Google AMP è un cambiamento importante per qualsiasi sito, soprattutto se hai già molto traffico mobile. Se gestisci un sito con contenuti di notizie, potrebbe avere senso installare subito AMP , ma per altre attività potresti danneggiare le tue conversioni se sbagli.

Ti consigliamo di testare AMP su alcune pagine ad alto traffico per vedere se ottieni risultati positivi o negativi prima di prendere la decisione di utilizzarlo nell'intero sito.

Hai provato AMP sul tuo sito WordPress ? Hai altri suggerimenti da condividere sull'utilizzo di AMP per WordPress ? Condividi con noi nei commenti.

What Is AMP for WordPress and How To Install It

Few things are more frustrating than vіsiting a website only tо 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

• Come spostarsi WordPress site da un host a un altro

• Come installare e configurazione WordPress su Microsoft Azure

• Come correre Blowingly Fast WordPress su Microsoft Azure

• Come configurare Privacy in WordPress e perché è importante

• Come installare WordPress su Google Cloud Platform

• Come modificare il piè di pagina in WordPress

• Come aggiungere una barra laterale flottante in Wordpress

• Come utilizzare WP Super Cache sul blog WordPress

• Mostra l'estratto sulla homepage di WordPress blog

• Recensione del libro: costruisci il tuo sito web: una guida a fumetti per HTML, CSS e Wordpress

• Come eseguire il backup del tuo sito WordPress

• Come fare uno WordPress Site Secure

• Come installare un tema su WordPress

• Come utilizzare Lumen5 per trasformare il tuo post del blog in un video

• Come configurare manualmente WordPress su un dominio

• Wordpress mostra HTTP Error quando caricano le immagini

• Tutorial Gutenberg di WordPress: come utilizzare il nuovo editor

• Come aggiornare PHP in WordPress

• Come tenere traccia Broken Links con Google Webmaster Tool

• 10 plugin WordPress essenziali per un sito Web per piccole imprese