WordPress Featured Image: Beitragsbild nutzen

Letzte Überarbeitung am 22. November 2018

Gastbeitrag von Nils

Hallo, ich bin Nils und meinen ersten Blogartikel habe ich bereits 2006 auf einem damals mühsam selbst installierten WordPress veröffentlicht. Nach jahrelangen Erfahrungen haben mein Freund Frank und ich vor kurzem das Projekt wphelp.de gestartet. Wir richten uns an WordPress Anfänger und Einsteiger. Wir erklären Grundlagen, bieten Anleitungen und empfehlen Lösungen. Und wir freuen uns natürlich, falls du auch mal bei uns vorbeischaust.

Das Beitragsbild (englisch Featured Image) ist eine WordPress Funktion, die ein Bild mit einem WordPress Artikel verbindet. Das Featured Image wird von vielen moderneren Themes als repräsentatives Symbolbild in Verbindung mit dem Artikel genutzt.

Dabei wird in der Artikelansicht das Beitragsbild meist weit oben vor oder direkt nach dem Artikeltitel gezeigt. Die Anzeige in Artikelisten und Vorschauen kann je nach Theme sehr unterschiedlich ausfallen.

Beispiel wphelp.de:

Beispiel Avada Theme:

Historie

Die Funktion des Beitragsbildes wurde mit WordPress Version 2.9 eingeführt. Ursprünglich nannte sich die Funktion ‚Post Thumbnails‘ oder auch deutsch ‚Vorschaubild‘. Erst später wechselte die Bezeichnung auf ‚Featured Image‘ oder deutsch ‚Beitragsbild‘. Das führt leider heute noch gelegentlich zu Missverständnissen bei den Begriffen.

Featured Image / Beitragsbild bestimmen

Im Grunde recht einfach: Beim Erstellen eines Artikels findet sich die Option das Beitragsbild festzulegen rechts unten. Nach einem Klick auf „Beitragsbild festlegen“ erscheint der gleiche Mediathek-Dialog, der auch beim Einfügen von Bildern in einen Artikel genutzt wird.

Ein Unterschied liegt darin, dass man nicht auswählen kann wie groß das Bild sein soll, da dies vom Theme bestimmt wird.

Nicht zu finden

Falls sich die oben beschriebene Funktion nicht finden lässt, könnte einer der folgenden Fälle vorliegen:

Das Theme unterstützt keine Featured Images

Wenn das verwendete Theme die Funktion des Featured Image nicht unterstützt, lässt sich das Featured Image zwar vergeben, wird aber nicht angezeigt.

Die Option wird einfach nicht angezeigt

In der Artikeleditoransicht findet sich ganz oben rechts eine Option namens ‚Ansicht anpassen‘. Nach einem Klick auf den Link erscheint eine Auswahl an Bereichen, die in der Bearbeitungsansicht ein- oder ausgeblendet werden können. Eine dieser Optionen ist das ‚Beitragsbild‘. Sollte davor kein Haken gesetzt sein, wird die Auswahl für das Beitragsbild nicht im Editor angezeigt.

Was ist die optimale Größe für ein Beitragsbild?

Das lässt sich nicht ohne weiteres bestimmen und hängt vom verwendeten Theme ab. Dazu findet sich ggf. in der Dokumentation des Herstellers ein Hinweis.

Da Beitragsbilder meist zumindest in der Artikelansicht recht groß dargestellt werden, sollte man keinesfalls zu kleinen Bilder verwenden. Falls das genutzte Theme z.B. in der Artikelansicht das Beitragsbild als ein großes Bild darstellt und das ausgewählte Featured Image kleiner ist, wird das Bild trotzdem groß dargestellt und erscheint meist unscharf und pixelig.

Falls das Theme keine entsprechenden Informationen bietet, ist eine Bildgröße von mindestens 800 Pixel in der Breite meist ausreichend. Bei einer Anzeige über die volle Breite des Browserfensters sollte man sicherheitshalber eine Breite von 1.200 bis 1.600 Pixel verwenden.

Erinnerungshilfe

Wenn das verwendete Theme Beitragsbilder anzeigt, ist es sinnvoll auch möglichst jeden Beitrag mit einem entsprechenden Bild zu versehen. Leider erinnert WordPress nicht daran, falls man die Vergabe des Beitragsbildes vergisst.

Abhilfe kann man sich mit einigen Zeilen Code in der functions.php verschaffen (siehe Child Theme erstellen und WordPress Dateien sicher bearbeiten), die freundlicherweise Kevin Chard veröffentlicht hat:

add_action('save_post', 'wpds_check_thumbnail');
add_action('admin_notices', 'wpds_thumbnail_error');
function wpds_check_thumbnail($post_id) {
// change to any custom post type
if(get_post_type($post_id) != 'post')
return;
if ( !has_post_thumbnail( $post_id ) ) {
// set a transient to show the users an admin message
set_transient( "has_post_thumbnail", "no" );
// unhook this function so it doesn't loop infinitely
remove_action('save_post', 'wpds_check_thumbnail');
// update the post set it to draft
wp_update_post(array('ID' => $post_id, 'post_status' => 'draft'));
add_action('save_post', 'wpds_check_thumbnail');
} else {
delete_transient( "has_post_thumbnail" );
}
}
function wpds_thumbnail_error()
{
// check if the transient is set, and display the error message
if ( get_transient( "has_post_thumbnail" ) == "no" ) {
echo "<div id='message' class='error'><p><strong>You must select Featured Image. Your Post is saved but it can not be published.</strong></p></div>";
delete_transient( "has_post_thumbnail" );
}
}

Featured Image vs Open Graph Image

Wer Artikel in Sozialen Netzwerken teilt weiß, dass dort automatisch Vorschaubilder der verlinkten Seite angezeigt werden. In der Regel wird dazu das erste größere Bild auf der verlinkten Seite verwendet. In den meisten Fällen ist dies das Beitragsbild. Wer allerdings nichts dem Zufall überlassen will, erstellt für das Teilen in den Netzwerken spezielle ‚Open Graph Bilder‘, die über ein Plugin wie z.B. Yoast SEO in den jeweiligen Beitrag eingebunden werden können. Mehr Informationen zu Open Graph Bilder findest du auf sitepackage.de.

Das zusätzliche Erstellen spezieller Open Graph Bilder ist natürlich aufwändiger. Alternativ belässt man es bei einem Featured Image und berücksichtigt bei der Erstellung, wie das Bild später auf Twitter oder Facebook aussieht, da ggf. nicht das volle Format angezeigt wird.

Fazit: Man möchte es nicht mehr missen

Wer sich an die Verwendung eines Featured Image gewöhnt hat, möchte es meist nicht mehr missen. Auch wenn die Verwendung ein wenig Mehraufwand beim Bloggen mit sich bringt. Man muss erst passende Bilder oder Grafiken finden oder sogar selbst erstellen und diese in ein passendes Format bringen.

Der Aufwand lohnt sich: Artikel und Artikellisten mit gut gepflegten Beitragsbildern sehen nicht nur gut aus, sondern fallen potentiellen Lesern auch schneller ins Auge. Wer ein wenig auf die Proportionen achtet, findet die Beitragsbilder dann auch als ansehnliche Vorschaubildern in sozialen Netzwerken und anderen Seiten wieder.

Klar: Wenn Beitragsbilder den Aufwand zu sehr erhöhen und damit verhindern, dass man regelmäßig veröffentlicht, sollte man lieber darauf verzichten.

Quellen & weitere Informationen:

• Wie man Beitragsbilder in WordPress richtig nutzt im Elbnetz Blog
• Wie du wirkungsvolle Beitragsbilder erstellstvon Sven Lennartz auf conterest.de
• Beitragsbilder zu jedem Artikel anzeigen lassen von Lars Mielke
• Bildunterschrift zum Beitragsbild hinzufügen auf cpu20.de
• How to Add Featured Images or Post Thumbnails in WordPress (engl.) auf wpbeginner.com
• The Complete Guide To Featured Thumbnails And Image Sizes In WordPress (engl.) von James Bruce auf MakeUseOf.com.
• Never forget your Featured Image Dimensions (engl.) auf Wpmudev.org
• How to Replace the WordPress Featured Image with a Video (engl.) ebenfalls auf auf Wpmudev.org
• How to Require a featured image before you can publish post (engl.) von Kevin Chard auf wpsnipp.com
• How to Adjust the Size of a Featured Image on WordPress von SLOCUM THEMES