Plugin AMP per Joomla

jamp-plugin-amp-joomla

Stavolta parliamo di come implementare AMP su Joomla. Per attivare le pagine AMP su Joomla ci serviremo di un plugin apposito, chiamato JAMP. Ho avuto il piacere di parlare con il suo sviluppatore in quanto, avendolo installato su un sito web, avevo riscontrato un problema di funzionamento dovuto ad una incompatibilità con il componente JRouter. Problema, per dovere di cronaca, brillantemente risolto.

JAmp Plugin AMP per Joomla

Considero JAmp uno di migliori plugin in circolazione per implementare AMP su Joomla. JAmp è un efficientissimo plugin che consente di generare le pagine in versione Amp, concedendo anche un largo margine di personalizzazione grafica.

Per installarlo dovete innanzi tutto scaricarlo da storejextensions.org dopo averlo acquistato al prezzo di 39 euro. Capisco che non tutti sono propensi all’acquisto di un plugin ma in questo caso ne vale veramente la pena perché quello che può darvi questo plugin, difficilmente riuscirete ad averlo da altri plugin gratuiti. E giuro che a dirlo non ci guadagno nulla.

D’altronde, i risultati ottenuti sul sito dove l’ho installato, valgono ben oltre la piccola somma richiesta per mantenere attivo lo sviluppo di JAmp. Fidatevi.

Caratteristiche di JAmp

Le funzioni principali di JAmp sono le seguenti:

  1. Conversione di tutte le pagine in AMP.
  2. Aggiunta automatica dei metadati
  3. Compatibilità con ogni estensione
  4. Attivazione semplice ed intuitiva
  5. Invio automatico delle url AMP a Google per la loro indicizzazione
  6. Flessibilità nella personalizzazione, potendo personalizzare i colori, il logo, l’aspetto, il titolo, aggiungendo CSS personalizzati e addirittura i Google Font
  7. Implementazione del menu sulle pagine Amp
  8. Visualizzazione sidebar laterale
  9. Implementazione metadati AMP, Twitter Card, Open Graph e Schema.org
  10. Ridimensionamento automatico della meta immagine alle dimensioni richieste dallo standard AMP
  11. Implementazione pulsanti Social
  12. Implementazione codice amp-analytics
  13. Implementazione slideshow per avere delle slide sulla versione AMP
  14. Implementazione filtro immagine con effetto lightbox
  15. Funzionalità amp-youtube per incorporare correttamente i video youtube nelle pagine AMP
  16. Incorporamento annunci AdSense
  17. Cache di Google Amp supportata
  18. Sistema di esclusione delle pagine che non si vogliono servire in formato Amp
  19. Sistema per far apparire un finestra di dialogo per l’informativa sui cookie o altre necessità
  20. Modalità Debug
  21. Test convalida pagine Amp

Configurazione del plugin JAmp per Joomla!

Una volta attivato il plugin JAmp, potremo configurarlo dal relativo pannello che troveremo sotto il menu “Estensioni” —> “Plugin” —–> “System – JAmp”.

plugin-jamp-joomla-configurazione

Pannello configurazione plugin JAMP per Joomla!

Nella prima Tab, chiamata plugin dovremo:

  • inserire un indirizzo email per ricevere eventuali aggiornamenti
  • Impostare il suffisso AMP che dovrà essere naturalmente “amp”. Questa impostazione farà in modo che le url AMP vengano riscritte in modalità www.nomesito.it/pagina/amp se l’opzione SEF è disattivata e www.nomesito.it/pagina.amp.html se l’opzione SEF è abilitata.
  • Decidere quali tipi di pagine del sito sia possibile servire in amp. Qui mettete gli articoli. Anche se è possibile selezionare più formati, ricordate sempre che Amp nasce per velocizzare la visualizzazione dei siti di news e che quindi con molta probabilità, solo le pagine di tipo articolo saranno scelte da Google per essere restituite in serp in modalità AMP.
  • Filtri di esclusione o inclusione ID che servono per escludere o includere determinate pagine o categorie dalla visualizzazione in AMP
  • Auto configurazione estensioni comuni: settate su si per garantirvi la compatibilità con le estensioni di Joomla
  • Debug Amp, che se attivato, permette di usufruire della modalità di debug

Aspetto tema

La seconda TAB di JAmp si chiama “Aspetto Tema” e, come si può intuire, qui è possibile personalizzare l’aspetto delle pagine AMP dei nostri siti in Joomla!

tab aspetto del plugin jamp

Tab “Aspetto Tema” plugin JAMP

Le voci presenti sono molto chiare e brevemente dirò che qui è possibile decidere il colore della testata, dello sfondo della pagina, il colore dei caratteri, se mostrare il titolo della pagina e la dimensione delle pagine AMP.

In più sarà possibile personalizzare la pagina AMP con del codice CSS personalizzato o inserire i Google Font, semplicemente scrivendo il nome del carattere che si desidera utilizzare. Infine sarà possibile attivare la visualizzazione responsive delle immagini e dei video YouTube.

Tab Informazioni del sito

Questa Tab va popolata con il nome ed il logo della testata del sito, la favicon e per impostare la visualizzazione del logo in modalità responsive.

tab informazioni sito plugin jamp

tab informazioni sito plugin jamp

Metadati

Importantissima questa sezione, la vera marcia in più di questo plugin dal mio punto di vista di “aspirante” SEO Specialist. Qui è possible implementare i metadati di Schema.org e gli Open Graph, cosa che non ho visto possibile in altri plugin per AMP su Joomla!

La prima parte è dedicata ai metadati AMP, necessari per la pubblicazione degli snippet AMP sulla serp di Google.

metadati amp plugin JAmp

metadati amp plugin JAmp

Davvero molto intuitiva la configurazione. Attenzione ad inserire il logo AMP della misura 600×60 px. Il perché è semplice. Questo potentissimo plugin è in grado di ridimensionare le immagini rendendole delle dimensioni corrette per la validazione di AMP da parte di Google. Però se l’immagine che inserite è di dimensioni diverse dallo standard, rischiate che l’anteprima sia visualizzata in maniera… “stiracchiata”.  Come detto, la misura è stabilita dagli standard AMP.

Nella seconda parte del pannello troverete invece le opzioni relative all’abilitazione dei metadati Schema.org, Open Graph e Twitter Card. Imprtante attivare soprattutto la prima. Le altre servono solo se avete un account Facebook e Twitter, per visualizzare i post completi di immagine, titolo e descrizione su questi social network.

Non dovrete far altro che attivarli ed il plugin provvederà alla corretta implementazione del codice sulle vostre pagine AMP.

schema.org open graph e twitter card per pagine amp

schema.org, open graph e twitter card per pagine amp

Tab Funzioni

Davvero molto importante è anche la TAB “Funzioni” dove potremo andare ad inserire il codice analytics, l’attivazione degli Adsense, i pulsanti social, la CDN, i video YouTube e altro.

tab funzioni del plugin jamp

tab funzioni del plugin jamp

Vediamo le opzioni disponibili:

Lightbox: se attivato, implementa l’effetto lightbox sulle immagini delle pagine AMP

Google Analytics: Inserendo il codice analytics UA-xxxxxxx-x, permette di monitorare i dati sulle visite alle pagine amp e di integrarli sulla console Google Analytics.

Impostazioni Pulsanti Social: In questa sezione possiamo integrare i pulsanti social sulla pagina AMP, decidendone anche la posizione dove devono essere visualizzati (nella header, nel footer o su entrambi).

Cache Amp CDN: Se attivata, si sfrutta la cache di Google per aumentare notevolmente la velocità di caricamento delle pagina. Lo sviluppatore consiglia di attivarla dopo qualche settimana dalla messa in opera del plugin e solo dopo che Google avrà messo nel suo indice tutte le pagine amp del sito.

Video YouTube: Attivandolo si fa in modo che i video YouTube siano correttamente implementati sulle pagine amp, sfruttando il tag <amp-iframe>

Amp AD Networks: Attivandolo, predisporremo le pagine Amp ad ospitare gli annunci AdSense. Mettere il pulsante su ON, non basterà. per visualizzare gli annunci Adsense sulle pagine Amp di Joomla, dovrete creare un nuovo modulo HTML dove inserirete il seguente codice:

<p>
<div align=”center”>
<amp-ad width=’300′ height=’250′ type=’adsense’ data-ad-client=’ca-pub-vostro codice‘ data-ad-slot=’vostro codice‘></amp-ad>
<div placeholder></div>
<div fallback></div>
</amp-ad>
</div>
</p>

Assegnategli una posizione e poi il resto lo vedremo tra poco nella sezione apposita del plugin.

Amp Form: Attivando questa opzione, usufruirete dei form presenti sul sito nelle pagine AMP. L’opzione è attivabile solo se il vostro sito ha implementato l’HTTPS.

Tags ed Attributi non consentiti: Lasciate in bianco questa sezione per ora. Se sulla Search Console doveste avere degli errori AMP dovuti a tag HTML non compatibili, potrete inserirli qui per escluderli dalle pagine AMP e risolvere l’errore. Stesso discorso per le sezioni successive Elementi HTML Esclusi e Plugin Esclusi.

Tab Menu

Nella Tab Menu potrete personalizzare l’aspetto del menu delle pagine AMP. Innanzi tutto va attivato mettendo su SI la visualizzazione del menu e decidendo quale menu deve essere visualizzato (di solito il menu principale) ed in quale posizione (di solito nella testata).

tab menu plugin jmap

tab menu plugin jmap

Nella sezione “Accordion Menu Aperto”, se impostate si, il menu sarà sempre espanso. Disattivando questa opzione vedrete solo il pulsante menu che si aprirà solo al vostro tocco.

Tab Sidebar

Nella tab sidebar del plugin, possiamo decidere se visualizzare la barra laterale del sito. Se abilitata, sulle pagine amp appariranno delle freccette di lato che serviranno per aprire o chiudere la sidebar laterale. E’ possibile anche personalizzarne l’aspetto, nei colori dello sfondo e dei caratteri,

Tab Moduli

Qui riprendiamo il discorso dei banner adsense sulle pagine AMP dei siti Joomla. Se vi ricordate, nella Tab Funzioni, abbiamo abilitato gli adsense e detto di creare un modulo HTML personalizzato in cui inserire il codice per visualizzare i banner.

Adesso, in questa sezione, dobbiamo dare la posizione a questi moduli. Le possibilità sono due: nella testata e nel footer. Scegliete voi se inserire il modulo sull’uno, sull’altro o in tutte e due.

tab moduli plugin jamp

tab moduli plugin jamp

Consiglio: fate in modo se possibile di inserire il modulo in una posizione apposita. A me ad esempio è capitato di inserirla nel footer. Lo stesso footer ospitava un altro elemento. Scegliendo come posizione del modulo footer, la testata della pagina AMP, visualizzavo sia il banner adsense che l’altro elemento.

Tab Slideshow

Da qui attivate la visualizzazione di una slideshow sulle pagine amp. Basterà attivare l’opzione e scegliere la cartella dove il plugin deve attingere le immagini. Infine potete decidere la posizione dove visualizzarla ed il tempo che deve intercorrere tra una foto e l’altra. Tutto molto semplice ed intuitivo.

Tab Notifica Utente

In questa sezione invece sarà possibile attivare una finestra di notifica, ad esempio per avvisare l’utente che il sito utilizza i cookie. Basterà attivare l’opzione, scrivere il testo che avvisa dell’utilizzo dei cookie ed il testo del pulsante di accettazione. Dalla versione più recebte di Jamp, è possibile anche inserire del codice html per creare un collegamento con la pagina contenente l’informativa estesa sulla privacy e sull’uso dei cookie.

JAMP sugli articoli

Una volta configurato AMP, quando andrete a redigere un articolo, in basso a destra della sezione “pubblicazione“, vi ritroverete una nuova sezione in cui inserire:

  • Autore: l’autore o il brand dell’articolo
  • Meta Right: uno spazio in cui scrivere a chi sono attribuiti i contenuti
  • Referenza: Una referenza facoltativa utilizzata per collegare eventuali sorgenti esterne di dati
  • Amp Image: L’immagine contenuta nei metadati di AMP

Di queste 4 voci, lquelle che consiglio assolutamente di compilare sono “Autore” e “Amp Image“, utili per popolare i metadati con cui verrà realizzato l’eventuale rich snippet visualizzato sulla serp di Google. Si raccomanda di utilizzare un’immagine di 696×696 pixel.

AMP SU JOOMLA

Dopo aver provato questo potente plugin per implementare AMP su Joomla!, posso ben dire che ci troviamo davanti ad uno dei più completi ed efficienti plugin AMP in circolazione.

Il numero delle funzioni è impressionante, le possibilità di personalizzazione altrettanto. Lo sviluppatore, l’italianissimo Marco Biagioni, è un esperto programmatore in grado di risolvere eventuali bug (che io a dir la verità non ho riscontrato).

Il sito su cui ho testato questo plugin per AMP rappresenta un test attendibile essendo di grandi dimensioni e con importanti volumi di traffico. Dopo qualche ora dall’implementazione di Jamp, la Search Console aveva già iniziato a rilevare le pagine amp del sito e non segnalava nessun errore. Segno buono.

Consiglio l’utilizzo di questo plugin AMP per Joomla a tutti coloro vogliano andare sul sicuro e che vogliano avere un’interfaccia di configurazione semplice, intuitiva ed in italiano.

LETTURE CONSIGLIATE SU JOOMLA

Questo libro permette di imparare a configurare correttamente Joomla! e ad ottimizzarne la SEO onpage.


SEO JOOMLA!

manuale seo joomla

 

Maurizio Palermo, in arte Zio Pal, e Stefano Rigazio, sono due BIG nel panorama Joomla nazionale. Ho divorato questo libro in pochi giorni apprendendone i segreti per ottimizzare Joomla e la SEO. In vendita su Amazon.


 

Summary
Review Date
Reviewed Item
Plugin Amp Joomla JAMP
Author Rating
51star1star1star1star1star
About the author

Flavio

Mi trovo nel campo del web dal 2006. Nel tempo mi sono specializzato soprattutto nell'indicizzazione,  nel posizionamento di siti internet e nell'utilizzo dei social media principali a fini di marketing.

Be the first to comment

Leave a comment

Your email address will not be published.


*


*