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