Utilizzare le Accelerated Mobile Pages (AMP) in un blog

AMP, ovvero Accelerated Mobile Pages, è un formato di pagina specifico per dispositivi mobili che si carica quasi istantaneamente su tali dispositivi. Per garantire un caricamento rapido dei contenuti, la versione AMP dei post del tuo blog non caricherà alcun file JavaScript, foglio di stile, modulo HubSpot, codice HTML dell'intestazione né del piè di pagina.

Prima di iniziare

Prima di utilizzare AMP per il tuo blog, esamina questi requisiti e queste considerazioni.

Comprendere i limiti e le considerazioni

• AMP non è disponibile per le landing page di HubSpot né per le pagine del sito web.
• Le immagini in evidenza nei post del blog con AMP attivato devono avere una larghezza di almeno 1200 pixel.
• Le visualizzazioni dei contenuti con AMP attivato non verranno tracciate nella cronologia di un contatto, poiché AMP blocca il codice JavaScript incluso nel codice di tracciamento di HubSpot.
• È possibile attivare AMP per tutti i post di un blog o solo per quelli specifici.

Applica AMP a tutti i post di un blog

Utilizza questa opzione per attivare AMP per tutti i post del blog esistenti e futuri. Questo approccio è ideale se desideri che AMP venga applicato in modo coerente su tutto il tuo blog senza doverlo gestire post per post.

Nota: se desideri attivare AMP per più blog ospitati su HubSpot, dovrai ripetere questi passaggi per ciascun blog.

1. Nel tuo account HubSpot, fai clic sulle icona delle impostazioni nella barra di navigazione principale.
2. Nel menu della barra laterale sinistra, vai su Contenuti > Blog.
3. Se disponi di più blog, fai clic sul menu a discesa "Vista corrente " e seleziona un blog.
4. Fai clic sulla scheda Google AMP.
5. Attiva l'interruttore "Attiva pagine formattate con Google AMP" .

6. Personalizza il logo, il carattere e il colore del carattere delle tue pagine Google AMP. Scopri di più sui consigli di Google relativi a questi contenuti.
7. Al termine, clicca su " Salva".

Applica AMP a un singolo post del blog

Utilizza questa opzione se desideri attivare AMP solo per singoli post del blog. Ciò è utile se stai testando AMP o ne hai bisogno solo per contenuti specifici.

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

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Blog. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Blog.
2. Clicca sul titolo del tuo post.
3. Nell'editor dei contenuti, clicca su Pubblica in alto a destra.
4. Nella finestra di dialogo, seleziona la casella di controllo “Abilita Google AMP solo per questo post del blog ”, quindi clicca su “Pubblica”.

HubSpot procederà ora alla convalida di questo specifico post del blog. La prossima volta che Google effettuerà la scansione del post, ne memorizzerà la versione AMP nella cache. Se la versione AMP presenta degli errori, Google ti invierà direttamente un'e-mail per informarti.

Risoluzione dei problemi relativi ad AMP

Se Google Search Console segnala problemi con le tue 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, apri il validatore AMP, quindi apri una nuova scheda per accedere a HubSpot.
2. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Blog. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Blog.
3. Fai clic sul nome del tuo post.
4. Fai clic sul menu File e seleziona Impostazioni blog.
5. Nella sezione URL del post , clicca su Copia link.
6. Nel validatore AMP, incolla l’URL del post del blog nel campo URL .

7. Alla fine dell'URL, inserisci ?hs_amp=true, quindi fai clic su "Convalida".
8. Una volta convalidato l'URL, eventuali errori AMP verranno visualizzati sotto il codice HTML. Gli errori AMP possono includere:

• • L’attributo «style» non compare nel tag <div>: ciò è spesso causato da un codice di incorporamento Wistia, che non è ancora supportato nelle pagine AMP.
  • Il tag <script> non è consentito se non in forme specifiche: ciò è spesso causato da un codice di incorporamento Wistia, che non è ancora supportato nelle pagine AMP.
  • L’attributo "style" non compare nel tag <span>: ciò è spesso causato da un codice di incorporamento Wistia, che non è ancora supportato nelle pagine AMP.
  • URL non valido '...' 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 avere una larghezza di almeno 1200 pixel per AMP: il tuo post sul blog non contiene un'immagine in evidenza con una larghezza di almeno 1200 pixel.