Utilizzare le pagine mobili accelerate (AMP) in un 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 alcun file JavaScript, fogli di stile, moduli HubSpot, HTML di testa o di piè di pagina.

Limitazioni e considerazioni

• AMP non è disponibile per le pagine di destinazione di HubSpot o per le pagine del sito web.
• Le immagini in primo piano sui post del blog con AMP attivato devono avere una larghezza minima di 1200 pixel.
• Le visualizzazioni di contenuti con AMP attivato non 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

Utilizzare questa opzione per attivare AMP per tutti i post esistenti e futuri del blog. Questo approccio è il migliore se si desidera che AMP sia applicato in modo coerente a tutto il blog, senza doverlo gestire post per post.

Nota bene: se volete attivare AMP per più blog ospitati da HubSpot, dovrete ripetere questi passaggi per ogni blog.

1. Nel tuo account HubSpot, fai clic sulle settings icona delle impostazioni nella barra di navigazione principale.
2. Nel menu della barra laterale sinistra, andate su Contenuti > Blog.
3. Se si dispone di più blog, fare clic sul menu a discesa Vista corrente e selezionare un blog.
4. Fare clic sulla scheda Google AMP.
5. Attivare l'interruttore Attiva le pagine formattate con Google AMP .

6. 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.
7. Al termine, fare clic su Salva.

Applicare AMP a un post specifico del blog

Utilizzate questa opzione se volete attivare AMP solo per specifici post del blog. È utile se state testando AMP o se ne avete bisogno solo per alcuni contenuti.

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

1. Nel tuo account HubSpot, passa a Contenuti > Blog.
2. Cliccare sul nome del post.
3. Nell'editor di contenuti, fare clic su Pubblica in alto a destra.
4. Nella finestra di dialogo, selezionare la casella di controllo Abilita Google AMP solo per questo post del blog, quindi fare clic su Pubblica.

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. Questo strumento fornisce messaggi di errore descrittivi e individua la posizione dell'errore.

1. Nel browser, aprite il validatore AMP, quindi aprite una nuova scheda per accedere a HubSpot.
2. Nel tuo account HubSpot, passa a Contenuti > Blog.
3. Cliccate sul nome del vostro post.
4. Fate clic sul menu File e selezionate Impostazioni blog.
5. Nella sezione URL del post , fare clic su Copia link.
6. Nel validatore AMP, incollare l'URL del post del blog nel campo URL .

7. Alla fine dell'URL, inserire ?hs_amp=true, quindi fare clic su Convalida.
8. Una volta convalidato l'URL, gli eventuali errori AMP appariranno sotto l'HTML. Gli errori AMP possono includere:

• • 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 un codice 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.
  • Le immagini devono essere larghe almeno 1200 pixel per AMP: il post non ha un'immagine in evidenza larga almeno 1200 pixel.