alt-Attribut für Beitragsbilder automatisch aus Beitragstitel generieren

Das alt-Attribut, oft auch fälschlicherweise als alt-Tag bezeichnet, ist ein HTML-Attribut für ein Bild, das den Alternativtext beinhaltet. Es ist zum einen wichtig für Suchmaschinen (SEO), spielt aber auch eine große Rolle für die Barrierefreiheit einer Seite. Screenreader lesen den Text des alt-Attributs vor. Wenn Bilder, aus den unterschiedlichsten Gründen, nicht geladen werden können, wird der Alternativtext dargestellt.

Seit der WordPress-Version 3.5 wird das alt-Attribut für Bilder im Inhalt automatisch gesetzt, wenn das Bild keinen eigenen hat. Dies gilt allerdings nicht für Beitragsbilder. Wenn du auch für diese Bilder ein alt-Attribut anzeigen möchtest, dann kannst du den Code zur Ausgabe des Beitragsbilds entsprechend anpassen.

Bitte bedenkt aber, dass nur Bilder, die eine Relevanz für den Inhalt des Beitrags haben, auch mit einem alt-Attribut versehen werden sollten. Rein dekorative Bilder benötigen kein alt-Attribut.

Im folgenden Beispiel wird der Beitragstitel als alt-Attribut für ein Beitragsbild eingefügt:

<?php 
      if ( has_post_thumbnail() ) {
           $thumbnail_id = get_post_thumbnail_id();
           $alt_text = get_post_meta( $thumbnail_id, '_wp_attachment_image_alt', true );

           // Wenn kein Alternativtext vorhanden ist, einen Standardtext festlegen
              if ( empty( $alt_text ) ) {
                   $alt_text = get_the_title();
                  }

           // Das Bild mit dem Alt-Attribut ausgeben
              echo wp_get_attachment_image( $thumbnail_id, 'large-post-thumb', false, array(             'alt' => $alt_text ) );
              }
?>

Diesen Code könnt ihr in das Child-Theme einfügen und somit die Standard-Ausgabe des Beitragsbilds entsprechend anpassen.

Wir arbeiten seit 20 Jahren mit WordPress und bieten diverse Dienstleistungen rund um das System an. Kontaktiere uns für weitere Informationen oder für ein Angebot.