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

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.
• Lesimages vedettes des articles de blog dont l'AMP est activé doivent avoir une largeur minimale de 1200 pixels.
• L'affichage du contenu avec AMP activé pas ne seront pas suivies sur la chronologie d'un contact car 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 à settings l'icône Paramètres dans l'angle supérieur droit.
• Dans le menu latéral de gauche, accédez à Site web > Blog.
• 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 pour activer l'option Activer les pages formatées Google 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. 

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

Veuillez noter cette option n'est disponible que si AMP n'est pas activé dans les paramètres devotre blog.

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 identifiera l'emplacement de l'erreur. 

• Dans votre navigateur, ouvrez le validateur AMP, puis ouvrez un nouvel onglet pour accéder à HubSpot
• Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
• Passez la souris sur un article de blog et cliquez sur Modifier.
• Dans l'éditeur de contenu, cliquez sur l'onglet Paramètres. 
• À côté de l' URL du blog, cliquez sur Copier le lien. 
• Dans le validateur AMP, collez l'URL de l'article de blog dans le champ URL . 

• À la fin de l'URL, ajoutez ?hs_amp=true, puis cliquez sur Valider 

• 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.