AMP It Up! Il perché e il come di Drupal AMP (e cosa può fare al tuo sito web)

Quando il progetto open source Accelerated Mobile Pages (AMP) è stato lanciato nell'ottobre 2015, Google AMP è stato spesso paragonato agli Instant Articles di Facebook. Tuttavia, entrambi i giganti della tecnologia condividono un obiettivo comune: velocizzare il caricamento delle pagine Web. Mentre AMP può essere raggiunto con un URL web, gli articoli istantanei di Facebook miravano solo ad alleviare il dolore per i loro utenti di app. Collaborando con alcuni potenti partner di lancio nei settori dell'editoria e della tecnologia, Google AMP mirava a influenzare il futuro della distribuzione di contenuti sui dispositivi mobili.

Avanti veloce fino ad oggi e Google AMP è la cosa più interessante su Internet. Con oltre 25 milioni di domini di siti Web che hanno pubblicato oltre 4 miliardi di pagine AMP, non ci è voluto molto perché il progetto avesse un enorme successo. Composto da due caratteristiche principali; Velocità e supporto alla monetizzazione degli oggetti, le implicazioni degli AMP sono di vasta portata per le aziende, i professionisti del marketing, l'e-commerce e tutte le altre organizzazioni grandi e piccole. Con grandi funzionalità e il fatto che la sua origine sia un'iniziativa di Google, non sorprende che le pagine AMP siano presenti in Google SERP in modo più evidente.

Cos'è l'AMP?

Con la rapida ondata di utenti mobili, la necessità di fornire un'esperienza utente simile a un sito Web non si limita a tagliarla. Gli utenti mobili di oggi hanno una capacità di attenzione ridotta e velocità Internet diverse. Le aziende possono soddisfare ciascuna di queste sfide con un sito Web a caricamento rapido, leggero e simile a un'app con Google AMP.

AMP è un framework open source che semplifica l'HTML, ottimizza le regole CSS, limita l'uso di Javascript (può invece utilizzare la libreria di componenti di AMP) e fornisce pagine tramite una cache AMP di Google (una rete di distribuzione dei contenuti basata su proxy).

Perché AMP??

Influendo sull'architettura tecnica delle risorse digitali, l'iniziativa open source di Google mira a fornire pagine Web semplificate ai browser mobili e ad altre app.

È veloce, come Veramente veloce

Google AMP si carica circa il doppio della velocità di una normale pagina mobile comparabile e la latenza è inferiore a un decimo. Con lo scopo di fornire l'esperienza più veloce per gli utenti mobili, i clienti saranno in grado di accedere ai contenuti più velocemente ed è più probabile che rimangano sulla pagina per effettuare un acquisto o richiedere informazioni sul tuo servizio, perché sanno che non ci vorrà molto.

Una spinta organica

L'idoneità per il carosello AMP che si trova al di sopra degli altri risultati di ricerca su Google SERP, con conseguente aumento sostanziale del risultato organico e del traffico è un importante impulso per la visibilità di un'organizzazione. Sebbene non sia responsabile dell'aumento dell'autorità della pagina e del dominio, Google AMP svolge un ruolo chiave nell'inviare molto più traffico verso di te.

ROI

Il fatto che AMP sfrutti e non interrompa l'infrastruttura Web esistente di un sito Web, rende il costo dell'adozione di AMP molto inferiore rispetto alle tecnologie concorrenti. In cambio, Google AMP consente una migliore esperienza utente che si traduce in migliori tassi di conversione sui dispositivi mobili.

Drupal e AMP

Con un migliore coinvolgimento degli utenti, un tempo di permanenza più elevato e una facile navigazione tra i vantaggi dei contenuti, le aziende sono destinate a indirizzare più traffico con pagine compatibili con AMP e ad aumentare le proprie entrate. Il modulo AMP è particolarmente utile per i marketer in quanto è un'ottima aggiunta per ottimizzare i loro sforzi SEO Drupal.

AMP produce HTML che rende il Web un luogo più veloce. L'implementazione del modulo AMP in Drupal è davvero semplice. Basta scaricare, abilitare e configurare!
Prima di iniziare con l'integrazione del modulo AMP con Drupal, è necessario:
Modulo AMP: il modulo AMP gestisce principalmente la conversione di normali pagine HTML Drupal in pagine di reclami AMP.

Due componenti principali del modulo AMP:

Modulo AMP: il modulo AMP gestisce principalmente la conversione di normali pagine HTML Drupal in pagine di reclami AMP.
Due componenti principali del modulo AMP:

Tema AMP: sono sicuro che ti sei imbattuto in HTML AMP e nei suoi standard. Quello che è responsabile che i tuoi contenuti appaiano efficaci e funzionino bene sui dispositivi mobili. Il tema Drupal AMP produce il markup richiesto da questi standard per i siti Web che cercano di funzionare bene nel mondo mobile. Inoltre, il tema AMP consente la creazione di pagine AMP personalizzate.

Libreria AMP PHP: composta dal tema base AMP e dal sottotema ExAMPle, la libreria Drupal AMP PHP gestisce le correzioni finali. Gli utenti possono anche creare il proprio sottotema AMP da zero o modificare il sottotema ExAMPle predefinito per i propri requisiti specifici.

Come configurare AMP con Drupal?

Prima di integrare AMP con Drupal, devi capire che AMP non sostituisce l'intero sito web. Invece, nella sua essenza, il modulo AMP fornisce una modalità di visualizzazione per i tipi di contenuto, che viene visualizzata quando il browser richiede una versione AMP.

Scarica il modulo AMP

Con il tuo locale preparato, digita il seguente comando da terminale:

drush dl amp, amptheme, composer_manager

Questo comando scaricherà il modulo AMP, il tema AMP e il modulo Composer Manager (supponiamo se non disponi già di Composer Manager).

Se sei stato un utente di Drupal 8, probabilmente hai familiarità con Composer e la sua funzione come strumento di creazione di pacchetti per PHP che installa le dipendenze per un progetto. Il compositore viene utilizzato per installare una libreria PHP che converte HTML non elaborato in HTML AMP. Inoltre, il compositore aiuterà a far funzionare quella libreria con Drupal.

Tuttavia, poiché il modulo AMP non richiede esplicitamente Composer Manager per una dipendenza, i flussi di lavoro alternativi possono utilizzare i file Composer del modulo senza utilizzare Composer Manager.

Quindi, abilita gli elementi necessari per iniziare:

drush en composer_manager, amptheme, ampsubtheme_example

Prima di abilitare il modulo AMP stesso, è necessario abilitare un sottotema AMP. La configurazione predefinita per il modulo AMP imposta il tema AMP su "Sottotema ExAMPle".

Come abilitare il modulo AMP?

Il modulo AMP per Drupal può essere abilitato utilizzando Drush. Una volta abilitato il modulo, il Composer Manager si occuperà del download delle altre librerie AMP e delle sue dipendenze.

drush en amp

Configurazione

Una volta che tutto è installato e abilitato, AMP deve essere configurato utilizzando un'interfaccia web prima che le pagine di Drupal AMP possano essere visualizzate. Per prima cosa, devi decidere quali tipi di contenuto dovrebbero avere una versione AMP. Potresti non averne bisogno per tutti loro. Abilita un particolare tipo di contenuto facendo clic sul link "Abilita AMP nelle impostazioni di visualizzazione personalizzate". Nella pagina successiva, apri il set di campi "Impostazioni di visualizzazione personalizzate". Seleziona la casella AMP, quindi fai clic su Salva.

Impostazione di un tema AMP

Una volta configurati il ​​modulo AMP e il tipo di contenuto, è il momento di selezionare un tema per le pagine AMP e configurarlo. I moduli di visualizzazione e i formattatori di campo del modulo Drupal AMP si occupano del contenuto principale della pagina. Il tema Drupal AMP, d'altra parte, cambia il markup al di fuori dell'area del contenuto principale della pagina.

Inoltre, i temi Drupal AMP ti consentono di creare stili personalizzati per le tue pagine AMP. Nella pagina di configurazione AMP principale, assicurati che l'impostazione per il tema AMP sia impostata sul sottotema ExAMPle o sul sottotema AMP personalizzato che hai creato.