Marketing Hub | Fragen, Tipps & bewährte Methoden

vrneuman
HubSpot Employee
HubSpot Employee

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

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.
 

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“.
1 Reply 1
MiaSrebrnjak
Community Manager
Community Manager

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

Thank you for posting @vrneuman! Danke 🙂 


Wusstest du, dass es auch eine DACH-Community gibt?
Nimm an regionalen Unterhaltungen teil, indem du deine Spracheinstellungen änderst


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

0 Upvotes