Utilizzate le pagine mobili accelerate (AMP) nel vostro blog

AMP, o Accelerated Mobile Pages, è un formato di pagina specifico per i dispositivi mobili che si carica quasi istantaneamente sui dispositivi mobili. Per caricare rapidamente i contenuti, la versione AMP dei post del blog non carica alcunfile Javascript, fogli di stile, moduli HubSpot, HTML di testa o di piè di pagina.

L'utilizzo di AMP presenta alcune limitazioni:

• Al momento, AMP non è disponibile per le landing page o le pagine web di HubSpot.
• Leimmagini in primo piano sui post del blog con AMP attivato devono avere una larghezza minima di 1200 pixel.
• Le visualizzazioni dei contenuti con AMP attivato nonnon saranno tracciate nella timeline di un contatto perché AMP blocca il JavaScript incluso nel codice di tracciamento di HubSpot.

È possibile attivare AMP per tutti i post di un blog o solo per post specifici.

Applicare AMP a tutti i post di un blog

Attenzione: se si desidera attivare AMP per più blog ospitati da HubSpot, è necessario ripetere questi passaggi per ogni blog.

• Nel tuo account HubSpot, clicca sull'icona delle impostazioni settings nella barra di navigazione principale.
• Nel menu della barra laterale sinistra, andate su Sito web > Blog.
• Se si dispone di più blog, fare clic sul menu a discesa Seleziona un blog da modificare e selezionare un blog.
• Passare alla scheda Google AMP.
• Fare clic per attivare l'interruttore Attiva le pagine formattate di Google AMP .

• Personalizzate il logo, il carattere e il colore dei caratteri delle vostre pagine Google AMP. Per saperne di più sulle raccomandazioni di Google per questi contenuti.

• Fare clic su Salva.

Applicare AMP a un post specifico del blog

Nota bene:questa opzione è disponibile solo se AMP non è nonAMP nelle impostazioni del blog.

• Nel tuo account HubSpot, naviga su Marketing > Sito web > Blog.
• Passare il mouse su un post del blog e fare clic su Modifica.
• Passare alla scheda Opzioni di pubblicazione.
• Nella sezione Google AMP, selezionare la casella di controllo Abilita Google AMP solo per questo post.

• In alto a destra, fare clic su Aggiorna o Pubblica per rendere effettive le modifiche.

HubSpot convaliderà ora questo specifico post del blog. La prossima volta che Google effettuerà il crawling del post, metterà in cache la versione AMP. Se ci sono errori nella versione AMP, Google vi invierà direttamente un'e-mail per informarvi.

Risoluzione dei problemi AMP

Se Google Search Console segnala problemi con le pagine AMP, HubSpot consiglia di controllare il validatore AMP, che fornisce messaggi di errore descrittivi e identifica la posizione dell'errore.

• Nel browser, aprite il validatore AMP, quindi aprite una nuova scheda per accedere a HubSpot.
• Nel tuo account HubSpot, naviga su Marketing > Sito web > Blog.
• Passare il mouse su un post del blog e fare clic su Modifica.
• Nell'editor di contenuti, fare clic sulla scheda Impostazioni .
• Accanto all'URL del blog, fare clic su Copia collegamento.
• Nel validatore AMP, incollare l'URL del post del blog nel campo URL .

• Alla fine dell'URL, aggiungere ?hs_amp=true, quindi fare clic su Convalida.

• L'attributo "style" non appare nel tag <div>: questo è spesso causato da un codice embed di Wistia, che non è ancora supportato nelle pagine AMP.
• Il tag <script> non è consentito se non in forme specifiche: questo è spesso causato da un codice embed di Wistia, che non è ancora supportato nelle pagine AMP.
• L'attributo 'style' non appare nel tag <span>: questo è spesso causato da uncodice embed di Wistia, che non è ancora supportato nelle pagine AMP.
• URL malformato '...' per l'attributo 'href' nel tag <a>: l' URL di un link nel corpo del post è formattato in modo errato.
• Protocollo URL non valido '...' per l'attributo 'href' nel tag <a>: l'URL di un link nel corpo del post è formattato in modo errato.
• Leimmagini devono essere larghe almeno 1200 pixel per AMP: il post non ha un'immagine in evidenza larga almeno 1200 pixel.