Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Blog

Utiliser les Pages mobiles accélérées (AMP) dans votre blog

Dernière mise à jour: juin 18, 2021

Disponible avec :

Hub Marketing Professional, Enterprise
Hub CMS Professional, Enterprise
Ancienne version Hub Marketing Basique

L'AMP, ou Pages mobiles accélérées, est un format de page spécifique au mobile 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 pas de fichiers Javascript, de feuilles de style, de formulaires HubSpot, de HTML de l'en-tête ou de HTML de pied de page.

Il existe plusieurs limites à l'utilisation de l'AMP : 

  • À ce jour, l'AMP n'est pas disponible pour les pages de destination ou les pages de site web HubSpot.
  • Les images en vignette dans les articles de blog pour lesquels l'AMP est activée doivent mesurer au moins 1 200 pixels de large.
  • Les vues du contenu AMP autorisé ne seront pas suivies dans la chronologie d'un contact, car l'AMP bloque le JavaScript inclus dans le code de suivi de HubSpot.

Vous pouvez activer l'AMP pour tous les articles d'un blog ou pour des articles spécifiques uniquement. 

Appliquer l'AMP à tous les articles d'un blog

Remarque : si vous souhaitez activer l'AMP pour plusieurs blogs hébergés sur HubSpot, vous devez répéter ces étapes pour chacun de ces blogs. 

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Site webBlog.
  • Si vous avez plusieurs blogs, cliquez sur le menu déroulant Sélectionner un blog à modifier et sélectionnez un blog
  • Accédez à l'onglet AMP de Google.
  • Cliquez sur le bouton Activer les pages Google au format AMP pour activer cette option.

enable-amp

  • 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.
  • Cliquez sur Enregistrer. 
HubSpot valide chaque article de blog pour votre modèle de blog. 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.

Appliquer l'AMP à un article de blog spécifique

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


  • Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
  • Placez le curseur sur un article de blog et cliquez sur Modifier.
  • Accédez à l'onglet Planifier.
  • Dans la section AMP de Google, cochez la case Activer l'AMP de Google uniquement pour cet article de blog.

enable-google-amp-for-this-post

  • Dans l'angle supérieur droit, cliquez sur Mettre à jour ou Publier pour appliquer vos modifications.

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 AMPCet outil fournit des messages d'erreur descriptifs et identifiera l'emplacement de l'erreur. 

Vous devrez saisir la version AMP de l'URL (avec le paramètre hs_amp=true) dans le champ URL. Pour trouver l'URL d'aperçu AMP d'un article de blog :

  • Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
  • Cliquez sur le nom d'un article de blog.
  • Sur la page de détails de l'article, cliquez sur Afficher les détails.
  • Dans le panneau de droite, faites défiler la page jusqu'à la section Aperçu AMP

AMP%20preview

Voici quelques-uns des erreurs AMP les plus courantes :

  • L'attribut « style » n'apparaît pas dans la balise <div> : cela est fréquemment dû à un code d'intégration Wistia qui n'est pas encore pris en charge dans les pages AMP. 
  • La balise <script> est désactivée, sauf dans des formulaires spécifiques : cela est fréquemment 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 balise <span> : cela est fréquemment dû à un code d'intégration Wistia qui n'est pas encore pris en charge dans les pages AMP. 
  • URL incorrecte « ... » pour l'attribut « href » dans une balise <a> : le format d'une URL de lien dans le corps de l'article est incorrect.
  • Protocole d'URL incorrect « ... » pour l'attribut « href » dans une balise <a> : le format d'une URL de lien dans le corps de l'article est incorrect.
  • Les images doivent mesurer au moins 1 200 pixels de large pour l'AMP : votre article de blog ne dispose d'aucune image en vignette mesurant au moins 1 200 pixels de large.