Utiliser l’AMP (Accelerated Mobile Pages) dans un blog

AMP, ou Accelerated Mobile Pages, est un format de page spécifique aux mobiles qui se charge presque instantanément sur les appareils mobiles. Pour charger le contenu rapidement, la version AMP de vos articles de blog ne chargera aucun fichier JavaScript, feuille de style, formulaire HubSpot, HTML d’en-tête ou HTML de pied de page.

Compréhension des limites et des considérations

• AMP n’est pas disponible pour les pages de destination HubSpot ni les pages de site web.
• Les images en vignette sur les articles de blog avec AMP activé doivent faire au moins 1 200 pixels de large.
• Les vues de contenu avec AMP activé ne seront pas suivies sur la ligne de temps d'un contact car AMP bloque le JavaScript inclus dans le code de suivi HubSpot.
• Vous pouvez activer l'AMP pour tous les articles d'un blog ou pour des articles spécifiques uniquement. 

Appliquer AMP à tous les articles d'un blog

Utilisez cette option pour activer AMP pour tous les articles de blog existants et futurs. Cette approche convient mieux si vous souhaitez appliquer le format AMP de manière cohérente sur votre blog, sans avoir à le gérer article par article.

Remarque : si vous souhaitez activer AMP pour plusieurs blogs hébergés par HubSpot, vous devrez répéter ces étapes pour chaque blog. 

1. Dans votre compte HubSpot, cliquez sur l'icône Paramètres settings dans la barre de navigation principale.
2. Dans le menu latéral de gauche, naviguez vers Content > Blog.
3. Si vous avez plusieurs blogs, cliquez sur le menu déroulant Vue actuelle et sélectionnez un blog. 
4. Cliquez sur l’onglet Google AMP .
5. Activez l’option Activer les pages Google au format AMP .

6. Personnalisez le logo, la police et la couleur de police de vos pages Google au format AMP. En savoir plus sur Les recommandations de Google pour ce contenu.
7. Lorsque vous avez terminé, cliquez sur Enregistrer. 

Appliquer AMP à un article de blog spécifique

Utilisez cette option si vous souhaitez activer l’AMP uniquement pour des articles de blog spécifiques. Cela est utile si vous testez AMP ou si vous n’en avez besoin que pour certains contenus.

Remarque : cette option n'est disponible que si AMP n'est pas activé dans les paramètres de votre blog .

1. Dans votre compte HubSpot, accédez à Contenu > Blog.
2. Cliquez sur le nom de votre message. 
3. Dans l'éditeur de contenu, cliquez sur Publish en haut à droite. 
4. Dans la boîte de dialogue, cochez la case Activer l’AMP Google uniquement pour cet article de blog , puis cliquez sur Publier. 

HubSpot validera cet article de blog spécifique. La prochaine fois que Google explorera cet article de blog, il mettra en cache la version AMP. En cas d'erreurs dans la version AMP, Google vous enverra un e-mail directement pour vous mettre au courant.

Résoudre les problèmes de l'AMP

Si Google Search Console signale des problèmes avec vos pages AMP, HubSpot recommande de vérifier le validateur AMP. Cet outil fournit des messages d’erreur descriptifs et trouve l’emplacement de l’erreur. 

1. Dans votre navigateur, ouvrez l’outil de validation AMP, puis ouvrez un nouvel onglet pour accéder à HubSpot. 
2. Dans votre compte HubSpot, accédez à Contenu > Blog.
3. Cliquez sur le nom de votre message. 
4. Cliquez sur le menu File et sélectionnez Blog settings.
5. Dans la section Post URL , cliquez sur Copy link. 
6. Dans le validateur AMP, collez l’URL de l’article de blog dans le champ URL. 

7. À la fin de l’URL, saisissez ?hs_amp=true, puis cliquez sur Valider. 
8. Une fois que vous avez validé votre URL, les éventuelles erreurs AMP s'affichent sous le code HTML. Les erreurs AMP peuvent inclure : 

• • L’attribut « style » n’apparaît pas dans la <div> balise : cela est souvent dû à un code d’intégration Wistia , qui n’est pas encore pris en charge dans les pages AMP. 
  • La balise <script> n'est pas autorisée, sauf sous certaines formes : cela est souvent dû à un code d'intégration Wistia, qui n'est pas encore pris en charge dans les pages AMP. 
  • L’attribut « style » n’apparaît pas dans la <span> balise : cela est souvent dû à un code d’intégration Wistia, qui n’est pas encore pris en charge dans les pages AMP. 
  • URL malformée "..." pour l'attribut "href" dans la balise <a>: l'URL d'un lien dans le corps du message n'est pas formatée correctement.
  • Protocole URL non valide '...' pour l'attribut 'href' dans la balise <a>: l'URL d'un lien dans le corps du message n'est pas formatée correctement.
  • Les images doivent faire au moins 1 200 pixels de large pour AMP : votre article de blog ne comporte pas d’image en vignette d’au moins 1 200 pixels de large.