Come risolvere i problemi comuni di AMP in WordPress?

Hai installato AMP sul tuo sito web e stai riscontrando alcuni problemi? Se lo sei, continua a leggere questo articolo. Qui, ti mostreremo come risolvere i problemi AMP comuni in WordPress e migliorare l'esperienza dell'utente.

Prima di andare oltre, vediamo cos'è AMP.

Cos'è l'AMP?

Accelerated Mobile Pages (AMP) è un'iniziativa open source progettata per migliorare le prestazioni delle pagine Web mobili. Twitter e Google hanno sponsorizzato questo progetto. L'AMP utilizza la tecnologia per caricare rapidamente pagine leggere per smartphone e tablet.

AMP utilizza una versione semplificata di HTML per migliorare le prestazioni e la funzionalità delle pagine per dispositivi mobili. Alcuni tag che funzionano per il normale codice delle pagine Web non sono compatibili con AMP. È necessario utilizzare una versione CSS leggera; le immagini vengono caricate solo quando l'utente scorre fino alla loro posizione e i moduli non sono supportati. AMP viene fornito con una libreria JavaScript limitata.

Google memorizza nella cache la maggior parte delle pagine AMP, ma terze parti ed editori possono gestirle. Secondo Google, le pagine AMP pubblicate nelle ricerche di Google utilizzano un decimo dei dati delle pagine normali e in genere si caricano in meno di un secondo.

Ora sai cos'è AMP. Successivamente, vediamo perché l'utilizzo di AMP sul tuo sito WordPress è buono.

Perché dovresti usare AMP

Ci sono molti motivi per utilizzare AMP. Alcuni dei principali vantaggi di AMP sono:

• Esperienza utente: AMP offre un'esperienza utente fluida e veloce sui dispositivi mobili. Poiché riduce il tempo di caricamento della pagina, gli utenti rimarranno coinvolti e soddisfatti dei tuoi contenuti. Ciò porterà a frequenze di rimbalzo inferiori e a una maggiore fidelizzazione degli utenti.
• Migliore posizionamento e traffico: Google dà la priorità agli AMP nei suoi motori di ricerca perché il tempo necessario per caricare completamente una pagina è un componente importante per determinare i risultati. Questo ha un buon impatto sul posizionamento del sito web.
• Velocità della pagina: AMP utilizza versioni ridotte di HTML, CSS e JavaScript, insieme alle sue capacità di memorizzazione nella cache. Queste versioni aiutano i siti web a caricarsi più velocemente.
• Ottimizzazione mobile: con l'aumento dell'utilizzo dei dispositivi mobili, è fondamentale garantire che il tuo sito web sia ottimizzato per i dispositivi mobili. AMP ottimizza le tue pagine web per schermi e dispositivi di dimensioni diverse. E questa ottimizzazione fornisce un'esperienza fluida e reattiva per gli utenti mobili.
• Integrazione dell'analisi: con le opzioni di integrazione dell'analisi, AMP ti consente di monitorare il comportamento degli utenti e misurare il coinvolgimento. Ti aiuta anche a raccogliere informazioni preziose sulle prestazioni del tuo sito web.
• Aumenta le entrate: l'HTML con codifica AMP migliora l'utilità complessiva di pubblicità e immagini. A causa dell'aumento del tasso di visibilità degli annunci, gli editori possono guadagnare di più dal sito web.

La prossima sezione ti mostrerà sei comuni problemi AMP e come risolverli.

Come risolvere i problemi comuni di AMP in WordPress

Esistono diversi errori AMP che puoi incontrare durante la creazione del tuo sito. Ora discuteremo di vari errori AMP e di come risolvere problemi comuni di AMP in WordPress. I problemi che la maggior parte delle persone deve affrontare sul proprio sito Web abilitato per AMP sono:

• URL che restituiscono errore 404
• Pagine bianche
• Favicon mancante
• Problemi con gli attributi HTML
• Errore JS
• Mancata corrispondenza dei contenuti

Di seguito, spiegheremo come risolverlo correttamente.

Quindi, senza ulteriori indugi, passiamo alla risoluzione di ogni problema.

1) Errore 404

Se tutto va bene dopo aver installato il plug-in AMP, puoi visitare immediatamente post/pagine aggiungendo l'estensione AMP all'URL del tuo post in un browser mobile.

Ad esempio, se l'URL è come https://example.com/sample-post, utilizza questo URL sul tuo browser: https://example.com/sample-post/amp/.

A volte gli URL restituiscono un errore 404. Non è un grosso problema e puoi risolverlo rapidamente. Tutto quello che devi fare è salvare di nuovo i tuoi permalink.

Ecco come puoi farlo.

Per prima cosa, vai alle impostazioni dei Permalink . Puoi vederlo nella sezione delle impostazioni di WordPress .

Non modificare nulla nell'impostazione dei permalink e fai clic sul pulsante Salva modifiche .

Una volta aggiornata la struttura del permalink, gli errori 404 verranno risolti. Per un tutorial dettagliato, consulta la nostra guida sulla correzione dei permalink.

2) Errore Pagine Bianche

Le pagine bianche della banca sono un altro errore che puoi vedere dopo aver installato il plugin.

Questo errore significa che la tua pagina esiste ma non può essere visualizzata. Puoi risolvere questo errore aggiornando i tuoi permalink. Controlla le impostazioni AMP se riscontri ancora problemi dopo aver modificato i permalink.

Ora vai alle impostazioni avanzate e fai clic sui modelli supportati. Seleziona le pagine e servi tutti i modelli come AMP e premi il pulsante Salva .

Controlla se il problema è stato risolto visitando i tuoi blog o le tue pagine.

3) Errore "È richiesto un valore per il campo del logo".

Questo è uno degli errori WordPress più comuni relativi ad AMP. Se ricevi questo errore nel rapporto AMP, significa che al tuo sito manca una favicon.

Dopo aver creato la favicon utilizzando qualsiasi strumento online o Adobe Illustrator, vai su Aspetto e fai clic su Personalizza.

Cerca l'identità del sito e fai clic su Seleziona un'immagine .

Dopo aver selezionato l'immagine, fare clic su pubblica .

D'ora in poi, non dovrai affrontare il problema "È richiesto un valore per il campo del logo".

4) URL non valido per l'attributo HTML 'href' nel tag 'A' Errore

Quando ricevi una segnalazione di errore come un URL non valido per l'attributo HTML 'href' nell'elemento '<a>', indica che il tuo sito web contiene un link che punta a una pagina web inesistente.

Per risolvere il problema, controlla che l'URL sia nel formato corretto e scritto correttamente. Un'altra cosa degna di nota è assicurarsi di utilizzare il protocollo corretto (HTTP o HTTPS). È possibile utilizzare qualsiasi strumento online per cercare collegamenti interrotti. Se usi WordPress come CMS, usa un plugin come Broken Link Checker.

Dopo aver risolto i problemi relativi all'URL, l'errore AMP scomparirà.

5) Errore "Il tag '*********.js Script' appare più di una volta nel documento"

Se hai aggiunto gli stessi file JavaScrpt alla pagina web due o più volte, la pagina genererà questo errore. Il modo migliore per risolvere questo problema è rimuovere i file duplicati. Quando i file JS vengono eseguiti due volte, il posizionamento del sito Web e l'esperienza dell'utente possono risentirne. È possibile visualizzare la pagina di origine ed eseguire la scansione della pagina HTML.

Sei a posto dopo aver rimosso tutte le voci duplicate.

6) Mancata corrispondenza dei contenuti in AMP

Quando la versione AMP della pagina web e la versione canonica mostrano contenuti diversi, otterrai una mancata corrispondenza dei contenuti in AMP nel rapporto della console di ricerca di Google. Per risolvere questo problema, devi innanzitutto identificare la causa della mancata corrispondenza. Puoi confrontare entrambe le versioni e analizzare il testo, le immagini, altri media e così via.

Una volta individuato il problema, correggilo. Successivamente, puoi utilizzare lo strumento di convalida AMP per verificare la correzione. Puoi monitorare i report della console di ricerca per ulteriori informazioni.

Una volta inviato nuovamente l'URL nella proprietà della console di ricerca, possono essere necessari da 2 a 4 giorni per eseguire nuovamente la scansione della pagina.

I migliori temi WordPress pronti per AMP

Ecco cinque dei migliori temi WordPress pronti per AMP che puoi utilizzare:

• Janna
• Giavellotto
• Noor
• Soledad
• Cap

Di seguito, elencheremo ciò che rende speciale ogni tema. In base alle tue esigenze, scegli un'opzione.

1) Janna

Jannah è un tema AMP reattivo e pronto per la retina che ti apre un mondo di opportunità. Questo tema è popolare per il suo design versatile e ricco di funzionalità, adatto a vari siti Web, tra cui notizie, riviste, blog e siti di pubblicazione. Ottieni più di un tema WordPress progettato per blog e riviste online. Jannah ti ha coperto se vuoi lanciare una rivista alla moda, un blog personale o un solido portfolio online.

Questo tema ha oltre 20 demo pronte per l'uso che accelerano il processo di costruzione del sito. Jannah è un tema AMP completamente compatibile. Ciò garantisce che le pagine mobili del tuo sito web si carichino rapidamente e fornisca un'esperienza utente ottimale. Con l'integrazione AMP, gli editori possono creare facilmente contenuti pronti per i dispositivi mobili.

Caratteristiche principali

• Compatibilità AMP
• Ottimizzato per la velocità
• Altamente personalizzabile
• Costruttore di pagine amichevole
• Annuncio ottimizzato

Prezzi

Jannah è un tema premium . E costa $ 59 (tariffa una tantum) . Il prodotto può essere acquistato dal marketplace ThemeForest.

2) Jevelin

Questo tema è uno dei migliori temi WordPress pronti per AMP disponibili e offrirà agli utenti un'esperienza eccezionale indipendentemente dal dispositivo che stanno utilizzando. Puoi utilizzare una qualsiasi delle fantastiche demo con il tema quando inizi a usarlo. Questi sono facili da personalizzare e puoi essere certo che il tuo sito web avrà un bell'aspetto e si caricherà rapidamente in pochi minuti.

Un'altra caratteristica notevole del tema è che è il migliore per il SEO. Puoi classificare i tuoi contenuti più in alto con il tema. Poiché Javelin è anche pronto per la traduzione,

Caratteristiche principali

• Compatibile con AMP
• Ottimizzato per SEO
• Traduzione pronta
• Più siti dimostrativi
• Codice pulito

Prezzi

Javelin è un tema WordPress premium . Il tema può essere scaricato dal marketplace ThemeForest, al costo di $ 59 (una tantum) .

3) No

Noor è un tema reattivo, versatile e SEO-friendly con caratteristiche eccellenti. Questa è una buona scelta per gli utenti che desiderano utilizzare temi AMP con 0 gonfiori. Puoi anche rendere il tuo sito completamente funzionante utilizzando plug-in premium come BuddyPress, WooCommerce, bbPress e Event Calendar Pro. Tutti questi plugin sono compatibili con il tema Noor WordPress.

Puoi utilizzare il builder drag-and-drop per aggiungere elementi alla tua pagina. Anche il team di supporto è fantastico. Se hai bisogno di aiuto, puoi contattare il dipartimento di supporto di Noor. Ti aiuteranno in ogni problema.

Caratteristiche principali

• Molteplici demo eccellenti
• Ottimizzazione SEO
• AMP supportato
• Traduzione pronta e supporto delle lingue RTL

Prezzi

È un tema premium . Noor costa $ 59 (a vita) . Il tema può essere scaricato dal marketplace ThemeForest.

4) Soledad

Soledad è un tema multiuso ideale per eseguire qualsiasi sito Web per utenti mobili. Include il modulo per la creazione di pagine di Visual Composer, che semplifica la personalizzazione di un sito Web o di un blog. Se desideri che il tuo sito Web sia attivo e funzionante rapidamente, ci sono molti modelli demo di alta qualità (più di 2000) che puoi utilizzare come punto di partenza.

Questo tema è compatibile con WooCommerce, quindi gestire un negozio online non sarà un problema. Il tema è completamente progettato per i motori di ricerca. E se utilizzi altri plugin SEO e la tecnologia AMP, puoi classificare rapidamente i tuoi contenuti su Google e altri motori di ricerca.

Questo tema offre anche 11 widget unici, una straordinaria barra laterale e un menu appiccicosi e altre funzionalità che rendono facile per gli utenti spostarsi nel tuo sito. Puoi anche utilizzare diversi stili di archivio sul tuo sito web.

Caratteristiche principali

• Oltre 2000 siti dimostrativi
• AMP supportato
• Ottimizzato per desktop e dispositivi mobili
• Traduzione pronta e supporto RTL

Prezzi

Soledad è un tema WordPress premium . Puoi scaricarlo dal marketplace ThemeForest, che costa $ 59 (tariffa una tantum) .

5) Cap

Chap è un tema WordPress pronto per AMP di grande impatto e altamente personalizzabile. È ottimale per vari tipi di siti Web, inclusi blog, portfolio, pagine di destinazione, negozi di e-commerce e aziende. Puoi utilizzare il pannello del tema per avviare rapidamente il tuo sito web. Chap ti offre anche molte demo per rendere operativo il tuo sito web.

Il tema è anche altamente personalizzabile. Puoi cambiarne ogni centimetro tramite il customizer di WordPress.

Una delle caratteristiche degne di nota del tema sono i dieci stili di menu unici. Chap migliorerà anche in modo significativo il processo di pagamento di WooCommerce con l'esperienza incredibilmente veloce. Il design del tema è il migliore per AMP; in questo modo, puoi ottenere risultati di ricerca migliorati, traffico migliore e un migliore coinvolgimento del sito web.

Caratteristiche principali

• Molteplici opzioni demo
• Ottimizzato per WooCommerce
• Costruttore di pagine amichevole
• AMP ottimizzato
• Altamente personalizzabile

Prezzi

Chap è un tema premium . La licenza normale costa $ 59 (tariffa una tantum) . Puoi scaricarlo dal marketplace di ThemeForest.

Conclusione

Potresti incontrare diversi problemi quando abiliti AMP sul tuo sito Web WordPress. I problemi più comuni sono le pagine che restituiscono errori 404, la mancata corrispondenza dei contenuti, gli URL non validi per gli attributi HTML e così via. Questo articolo ha mostrato sei problemi comuni che puoi riscontrare su un sito Web AMP e le loro correzioni.

Tutte le correzioni non richiedono conoscenze tecniche e puoi risolvere i problemi con pochi clic del mouse.

Ci auguriamo che tu abbia trovato utile questo articolo e che ti sia piaciuto leggerlo. Se lo hai fatto, considera di condividere questo post con i tuoi amici e colleghi blogger sui social media.

Stai riscontrando problemi dopo l'implementazione di AMP?

Fateci sapere nei commenti.

Inoltre, ecco alcuni articoli che troverai utili:

• Come ottimizzare WordPress per dispositivi mobili
• I migliori temi WordPress ottimizzati per dispositivi mobili
• Come disabilitare il clic destro sulle immagini di WordPress