Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
CMS-Blog

Hinzufügen von ALT-Text zum Feature-Bild auf Ihrer Blog-Startseite

Zuletzt aktualisiert am: April 5, 2019

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
Basic

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.

edit-listing-template

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