Derzeit wird der ALT-Text eines Feature-Bilds auf der Blog-Listing-Seite standardmäßig nicht ausgefüllt. Dies kann SEO-Warnungen auf Listing-Seiten in Ihrem Seiten-Performance-Tool verursachen. Die einfachste Möglichkeit, dies zu beheben, besteht darin, ein ALT-Tag hinzuzufügen, das auf der Listing-Seite mithilfe von HubL ausgefüllt wird.
Bitte beachten: Diese Anweisungen erfordern grundlegende Kenntnisse von HTML. Wenn Sie Ihre Code-Vorlage nicht bearbeiten möchten, kontaktieren Sie einen HubSpot-Design-Partner.
- Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
- Klicken Sie auf den Namen Ihrer Blog-Vorlage.
- Klicken Sie In Ihrer Blog-Vorlage auf das Blog-Content-Modul.
- Klicken Sie im Inspektor unter der Registerkarte „Bearbeiten“ auf „Listing-Vorlage bearbeiten“, um die Blog-Listing-Code-Vorlage zu öffnen.
- Fügen Sie alt="{{ content.featured_image_alt_text }}" zum img-Tag des Feature-Bilds hinzu, um den ALT-Text auf der Listing-Seite mit dem ALT-Text des Bildes wie im Beitrags-Editor angegeben zu füllen:
img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.featured_image_alt_text }}"
- Alternativ können Sie auch alt="{{ content.name }}" zum img-Tag des Feature-Bilds hinzufügen, um das ALT-Text-Attribut auf der Listing-Seite mit dem Titel des Blog-Beitrags zu füllen.
img src="{{ content.post_list_summary_featured_image }}" class="hs-featured-image" alt="{{ content.name }}"
Bitte beachten: Das Aufnehmen von {{ content.name }} in der Blog-Beitragsvorlage kann dazu führen, dass HTML-Code auf Ihrem Beitrag gerendert wird. Wenn Sie den Titel des Blog-Beitrags ohne einen Wrapper auf der Beitragsvorlage drucken möchten, verwenden Sie stattdessen die HubL-Variable {{ page_meta.name }}.
- Klicken Sie auf „Änderungen veröffentlichen“.