Beitragsbilder beschriften in WordPress

Du hast diesen Beitrag wahrscheinlich gefunden, weil du schöne Beitragsbilder von externen Autoren verwendest und ihre Urheberangaben in einer Beschriftung anzeigen möchtest. Lass mich dir zeigen, wie du dies mit Code oder ganz einfach mit meinem Plugin für Beitragsbild-Beschriftungen erreichen kannst.

Beitragsbild-Beschriftungen im WordPress-Core

In der Mediathek von WordPress gibt es das Feld “Beschriftung” für Bildbeschriftungen. Du kannst dieses Feld verwenden, um das Bild zu beschreiben oder die Bildquellen anzugeben.

Leider ist es nicht garantiert, dass deine Beschriftung für das Beitragsbild im Frontend erscheint.

Der WordPress-Core bietet die Funktion get_the_post_thumbnail_caption() zum Laden der Beschriftung in PHP, aber das Theme muss diese auch implementieren. Weiterhin gibt es noch keinen Block für den Site-Editor mit dem sich ein Untertitel für das Beitragsbild einfügen lässt.

Ich habe die PHP-Funktion im TwentyTwenty-Theme gefunden, das den Site-Editor noch nicht verwendet. Im aktuellen TwentyTwentyFour-Theme wird ein Beitragsbild-Untertext dagegen nicht angezeigt.

Wenn du dich also bisher auf dein Theme verlassen hast, um die Beschriftung für das Beitragsbild in WordPress anzuzeigen, könntest du an dein Theme gebunden sein. Du kannst es auch mit PHP anpassen, verlierst dann aber zukünftige Updates. Verwende daher am besten Image Source Control für Beitragsbild-Beschriftungen.

Plugin für Beitragsbild-Beschriftungen

Ich habe Image Source Control als ein internes Plugin für meine eigenen Websites entwickelt und es schließlich für andere Publisher veröffentlicht.

Die Hauptfunktion des Plugins besteht darin, Urheberangaben anzuzeigen. Das kann grundsätzlich an drei Orten geschehen:

• Als Bildquellenangabe unterhalb oder als Overlay auf dem Bild.
• Als Liste unterhalb des Seiteninhalts.
• Als globale Liste aller Bilder auf einer dedizierten Seite.

Eine der beliebtesten Funktionen ist die Angabe der Bildquellen als Overlay über Beitragsbildern und Bildern innerhalb des Beitragsinhalts. Das Plugin erkennt jedoch auch Bilder an anderen Positionen und bietet den Besuchern damit ein einheitliches Erlebnis mit Bildtexten.

Wie du es von einem fortschrittlichen Plugin für Beitragsbild-Beschriftungen erwartest, sind keine Programmierkenntnisse erforderlich, um die Beschriftung in Themes und Page-Buildern anzuzeigen. Es bietet auch verschiedene Styling-Optionen, wie die Position des Overlays oder die Anzeige der Bildlegende bei Klick oder Mausover.

Zusätzlich zur Verwaltung aller Beschriftungen an einem Ort und ihrer Anzeige in einem konsistenten Layout zeigt Image Source Control dir auch fehlende Bildbeschriftungen. So stolperst du nicht versehentlich in eine Urheberrechtsverletzung, wie es mir vor über einem Jahrzehnt passiert ist. Damals hat es mich veranlasst, das Plugin zu schreiben.

Beitragsbild-Beschriftungs mit Code

Wie oben erwähnt, hat der WordPress-Core die Funktion get_the_post_thumbnail_caption(), mit der du die Bildbeschriftung in PHP abrufen kannst. Idealerweise tust du dies in den PHP-Template-Dateien eines Child-Themes.

Ich würde wahrscheinlich im Theme nach der Funktion get_the_post_thumbnail suchen, um die Position zu identifizieren, an der der benutzerdefinierte Code hinzugefügt werden soll.

Wenn du ein eigenes Feld zu den Einstellungen für das Beitragsbild hinzufügen möchtest, probiere den Code in diesem GitHub-Ticket aus. Ich habe dies selbst nicht gemacht und würde immer lieber ein gepflegtes Plugin für Beitragsbild-Beschriftungen. Du kannst natürlich auch warten, bis diese Funktion ihren Weg in den WordPress-Core findet.

Beitragsbild-Beschriftungen und SEO

Ich habe mich immer gefragt, wie sich Bildbeschriftungen auf SEO auswirken.

Irgendwann habe ich mal gelernt, folgendes mit Bildern für SEO zu tun:

• Eines der Keywords im Bilddateinamen verwenden, bevor ich es bei WordPress hochlade.
• Einen beschreibenden ALT-Text hinzufügen, der idealerweise SEO-relevanten Text enthält.

Obwohl ich jetzt auch Bildbeschriftungen verwende, bin ich mir ehrlich gesagt unsicher, wie relevant sie für die Indexierung und das Ranking sind. Sicher, ich habe dort gelegentlich ein Keyword hinzugefügt, aber hauptsächlich immer versucht, die Bildlabels für Benutzer zu schreiben.

Da Image Source Control Bildbeschriftungen für Urheberangaben verwendet, sollten SEO-Optimierungen, einschließlich der genauen Semantik des Codes mit einem <figcaption> HTML-Tag, keine Rolle spielen. Bist du anderer Meinung? Melde dich und lass es mich wissen.

Barrierefreiheit und Bildbeschriftungen

Ich schätze Bildbeschriftungen, die mir das Verständnis von Bildern erleichtern, insbesondere wenn ihr Zusammenhang zum Text oder ihr Inhalt nicht offensichtlich ist.

Während meiner Recherchen zum besseren Verständnis von Beitragsbild-Beschriftungen habe ich mich auch zu ihrer Relevanz für sehbehinderte Menschen befasst.

Der ALT-Text, den du in der Medienbibliothek und den Optionen des Bilderblocks eingeben kannst, scheint der richtige Ort zu sein, um das Bild für die Barrierefreiheit zu beschreiben. Es wird weit unterstützt und ist die Standardmethode für Bildschirmlesegeräte, um nach Bildbeschreibungen zu suchen.

Andererseits ist die Bildbeschriftung der Ort, um allen Lesern beschreibenden Text anzuzeigen. Sie kann detaillierter sein als ALT-Texte und Details für Bilder, Grafiken und andere visuelle Elemente erklären.

Verwende also beide Methoden für den richtigen Zweck, wie ich es auf meinen Webseiten zu tun versuche.

Fazit

Während WordPress ordnungsgemäße Beschriftungen für Bilder im Inhalt von Beiträgen und Seiten hinzufügt, wird eine Beschriftung für das Beitragsbild immer noch nur abhängig von der Unterstützung durch das Theme angezeigt. Es könnte nur eine Frage der Zeit sein, bis sie im Core unterstützt werden.

Selbst dann könnten sie an anderen Stellen fehlen. Schau dir Image Source Control für Beitragsbild-Beschriftungen an, wenn du eine zuverlässige Möglichkeit suchst, Urheberangaben neben jedem Bild, das du global verwalten kannst, einzufügen und nicht versehentlich zu löschen.

Wie füge ich eine Beschriftung zu einem Beitragsbild in WordPress hinzu?

Einige ältere Themes könnten Beitragsbild-Beschriftungen von Haus aus unterstützen. Es ist jedoch zuverlässiger, ein Plugin wie Image Source Control zu verwenden, um Bildbeschriftungen für alle Bilder zu verwalten und anzuzeigen.