Errori di convalida AMP? Da Semrush l'ABC per risolverli

Darina Andronova

set 21, 20174 min di lettura
Errori di convalida AMP? Da Semrush l'ABC per risolverli

La tecnologia AMP (Accelerated Mobile Pages) continua a conquistare i risultati di ricerca da mobile a livello globale. Questo formato, introdotto da Google nel febbraio 2016, facilita l'esperienza dell'utente e offre numerose opportunità promozionali ai webmaster. Google Carousel e gli snippet basati su AMP sono due dei vantaggi che dovresti tenere in considerazione se ti occupi di SEO.

Eppure al momento non esiste sul mercato uno strumento che risponda a tutte le principali preoccupazioni dei webmaster su questo formato, ovvero:

  • monitorare la salute del sito in ogni momento;

  • raccogliere i risultati di tutti i controlli AMP in un report;

  • visualizzare i problemi di tutte le pagine a colpo d'occhio.

SEMrush vuole porvi rimedio. Per soddisfare le esigenze dei nostri utenti, abbiamo sviluppato una soluzione che permette di vedere tutti gli errori di un sito relativi ad AMP, facilitando la risoluzione dei problemi in base alla loro priorità.

È una vera novità perché nessun tool, oggi, offre questa possibilità.

Poiché il report  Site Audit di SEMrush comprende i risultati per le pagine AMP, puoi individuare la situazione del tuo sito web in qualsiasi momento.

L'audit AMP comprende più di 40 controlli; i risultati sono raggruppati in 3 nuove verifiche:  

  • Errori di HTML (AMP HTML issues)

  • Errori di stile e layout (AMP style and layout issues)

  • Errori relativi ai modelli (AMP templating issues)

AMP audit di SEMrush: visualizza tutti gli errori delle tue pagine su mobile
Qui un esempio di come vengono visualizzati gli errori di convalida AMP

SEMrush ti permette di:

  1. Trovare e risolvere gli errori critici prima che ti siano notificati da Google.

  2. Vedere la riga esatta di codice in cui si trova l'errore.

  3. Ottenere pratici suggerimenti per sistemare gli errori.

Diamo uno sguardo da vicino ad ognuno dei gruppi degli errori di convalida Amp e vediamo come correggerli.

A - Adatta il tuo HTML

AMP: errori relativi all'HTML

Per migliorare l'HTML con le nuove proprietà AMP, i creatori del formato dovevano limitarlo. Sono restrizioni nuove per i webmaster, per questo gli errori relativi all’HTML sono i primi tra i problemi di AMP. E purtroppo sono anche i più gravi perché privano la tua pagina di tutti i vantaggi del formato specifico per il mobile.

Ad esempio, quando si tratta di controllare i tag e gli attributi, è necessario analizzare in profondità un lungo registro contenente quelli consentiti e quelli non consentiti. Inoltre, esistono nuovi tag specifici AMP e altri elementi personalizzati che complicano il lavoro del webmaster, soprattutto se il sito è grande.

Ecco alcuni casi reali.

Esempio di errore AMP riguardante l'HTML

Nella riga 1 del codice della pagina c'è un tag "non consentito", il che potrebbe significare che è stato utilizzato un Javascript personalizzato o che è stato implementato un componente AMP nel modo sbagliato.

Poiché l'uso dello script può rallentare seriamente il download della tua pagina, la specifica AMP vieta l'utilizzo del tag a meno che il tipo di script sia application/ld+json, o abbiamo un tag script obbligatorio per caricare i componenti AMP runtime/ extended.

Il consiglio che ricevi da SEMrush è quello di rimuovere il tag.

I suggerimenti per rimuovere gli errori di convalida AMP

Ecco alcuni esempi.

Errore convalida AMP: protocollo url non valido

Vediamo un protocollo URL non valido nella riga 12. Il tag 'img' ha il protocollo 'http' impostato come 'src'. Di conseguenza, l'immagine non viene visualizzata.

Come puoi immaginare, si consiglia di modificare il protocollo in uno valido. Come spesso avviene con le grafiche, questo significa sostituire 'http' con 'https'.

Risoluzione errore di codifica AMP per pagine mobile

B - Adatta stile e layout

Errori di convalida AMP riguardanti stile e layout

Lo stile e il layout di una pagina AMP servono al solo scopo di velocizzare il caricamento, per questo motivo sono soggetti a così tanti controlli. I problemi di stile e layout non sono così diffusi come quelli che riguardano l'HTML, ma se li ignori rischi che la tua pagina sia fuori dalle SERP.

Lo stile di AMP si basa su CSS, ma c’è una limitazione di stili (alcuni non sono consentiti) e il divieto di fogli di stile esterni.

Oltre a ciò, esiste un requisito per includere gli attributi di altezza e larghezza per ciascun tag visualizzato che rende la tua pagina facilmente scrollabile. Sai quante ore ci vogliono per inserire questi attributi manualmente? Per poi scoprire che non dovevi farlo perché lo strumento di convalida AMP assume valori per layout diversi. Non è più facile concentrarsi su quelli che senza alcun dubbio influenzano la performance della tua pagina?

Errore AMP: mancanza attributo altezza
Manca l’attributo altezza nel tag 'amp-frame'

Altri problemi possono essere connessi con l'utilizzo degli attributi HTML più comuni, invece di quelli personalizzati di AMP, o con alcuni errori occasionali.

Errori di codifica per mancato utilizzo degli attributi AMP personalizzati

Nel report delle pagine AMP con problemi di stile e layout non ci sono suggerimenti per risolvere il problema, di solito originato proprio dalla loro natura.

C - Elimina la sintassi di modello non supportata

Errori di convalida AMP relativi ai modelli (template)

Nel formato AMP il contenuto dinamico può essere eseguito utilizzando i modelli definiti nel documento AMP, ma questi devono trovarsi all'interno di tag appositamente progettati. Lo strumento di convalida AMP controlla la sintassi del linguaggio del template per proteggere i documenti AMP da tutti i tipi di vulnerabilità tipicamente presenti sul web.

Errore di codifica AMP relativo ai modelli
Un attributo in un tag è impostato su un URL contenente la sintassi Mustache senza escape

In realtà gli errori di modello sono rari e l'unica raccomandazione qui è quella di evitare il modello proibito o l’uso di una sua parte.

Come risolvere un errore di codifica AMP relativo ai modelli (template)

Monitora le pagine AMP

E per trasformare l’ABC in una conoscenza completa dalla A alla Z, SEMrush ha implementato il riconoscimento AMP nel report di Position tracking.

Report AMP di Position tracking.

Con un'icona AMP situata in tutti i rapporti, Position Tracking ora ti mostra le parole chiave che stai monitorando e gli URL AMP che si posizionano nei risultati di ricerca di Google. Fai clic su questa icona per filtrare il report.

N.B. Per visualizzare le pagine AMP nella tua Panoramica dei ranking, devi targetizzare per i dispositivi mobili la tua campagna.

Innanzitutto, scopri se Google mostra le pagine mobile accelerate. Poi potrai modificare i tuoi sforzi di ottimizzazione basandoti su:

  • I ranking delle pagine AMP per parole chiave di riferimento.

  • SERP particolari per queste keyword.

  • Se la pagina AMP visualizzata appartiene a te o al tuo rivale.

E se non hai ancora deciso se implementare AMP, questa soluzione ti aiuterà a trovare la strada giusta.

Vigilare sulla salute dei siti web e tenere il passo con gli ultimi trend SEO è una sfida continua per la maggior parte dei webmaster, che sono costretti ad utilizzare numerosi strumenti e applicazioni.

Site Audit di SEMrush è una soluzione completa utile per tutti, dal proprietario di un’agenzia SEO a uno sviluppatore di siti web.

[ create-campaign bg_images="https://static.semrush.com/blog/uploads/media/75/d9/75d968e482d1a761aa18f1a23fbbd17b/amp-compaign-banner.jpg" bg_button="-success" header="Analizza le tue pagine AMP" text="con Site Audit di SEMrush"]

Come sai, siamo sempre aperti ai feedback, positivi o negativi, ed è grazie ai nostri utenti che abbiamo implementato il controllo AMP come parte del nostro Site Audit!

Facci sapere se questo nuovo controllo per le pagine mobile ti è utile!

Condividi
Condividi
Author Photo
I have always been interested in digital marketing, tried lots of tools, done lots of research, and Semrush gave me a chance to speak out.