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.
CMS-Blog

Ajouter un texte alternatif à l'image en vignette sur la page d'accueil de votre blog

Dernière mise à jour: avril 5, 2019

Disponible avec :

Hub Marketing Professional, Enterprise
Basique

À ce jour, le texte alternatif d'une image en vignette n'est pas renseigné sur la page de listing par défaut du blog. Cela peut entraîner des avertissements SEO sur les pages de listing dans votre outil de performance des pages. La méthode la plus simple pour résoudre ce problème consiste à ajouter une balise alt renseignée sur la page de listing à l'aide de HubL

Note : ces instructions nécessitent une compréhension de base du langage HTML. Si vous n'êtes pas en mesure de modifier le modèle codé, contactez un partenaire de conception HubSpot.

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Cliquez sur le nom de votre modèle de blog.
  • Dans votre modèle de blog, cliquez sur le module Contenu de blog
  • Dans l'inspecteur, dans l'onglet Modifier, cliquez sur Modifier le modèle de listing pour ouvrir le modèle de listing de blog codé.

edit-listing-template

  • Ajoutez alt= "{{ content.featured_image_alt_text }}" à la balise d'image en vignette pour remplir le texte alternatif sur la page de listing avec le texte alternatif de l'image comme indiqué dans l'éditeur d'articles :
img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.featured_image_alt_text }}"
  • Vous pouvez également ajouter alt="{{ content.name }}" à la balise img d'image en vignette pour remplir l'attribut texte alternatif sur la page de listing avec le titre de l'article de blog. 
img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.name }}"

Note : inclure {{ content.name }} dans le modèle d'article de blog peut entraîner un rendu HTML de code sur votre article. Si vous souhaitez imprimer le titre de l'article de blog sans mise en forme sur le modèle d'article, utilisez plutôt la variable HubL {{ page_meta.name }}. 

  • Cliquez sur Publier les modifications.