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

vrneuman
HubSpot Employee
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.

 

À 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

 

  • 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é.
  • 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.
 
0 Upvotes
1 Reply 1
TiphaineCuisset
Community Manager

Merci pour le partage @vrneuman !


Saviez vous que la Communauté est disponible en français?
Rejoignez les discussions francophones en changeant votre langue dans les paramètres !

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


0 Upvotes