Welche Informationen eignen sich für Servicebilder in Artikel-Covern?

Bei der Auswahl eines Cover-Bildes für einen Artikel denken viele zuerst an ein ansprechendes Motiv. Für das Content-Management einer Unternehmenswebsite ist das Cover-Bild jedoch eher ein Informationseingang: Wenn Leser es in einer Listenansicht, in Suchergebnissen oder in einer geteilten Karte sehen, müssen sie schnell erkennen können, mit welcher Dienstleistung der Artikel zusammenhängt und ob sich ein Klick lohnt. Die Frage „Welche Informationen eignen sich für Servicebilder?“ lässt sich daher nicht damit beantworten, alle Serviceinformationen hineinzupacken. Stattdessen sollten wenige Inhalte ausgewählt werden, die auch in kleiner Darstellung verständlich bleiben.

Zunächst klären, welche Aufgabe das Bild erfüllen soll

Servicebilder erscheinen typischerweise an drei Stellen: als Vorschaubild in der Kategorieliste, als großes Bild oben auf der Artikeldetailseite und als Vorschaukarte beim Teilen oder Weiterleiten. Allen drei gemeinsam ist der begrenzte Platz und die kurze Verweildauer der Leser. Die erste Aufgabe des Bildes ist daher „Erkennbarkeit“, erst die zweite ist „Ästhetik“.

Ob ein Bild geeignet ist, lässt sich mit einer einfachen Methode prüfen: Verkleinern Sie es auf die tatsächliche Größe in der Listenansicht und zeigen Sie es einem Kollegen, der den Artikel nicht kennt. Fragen Sie ihn: „Um welche Art von Dienstleistung geht es hier vermutlich?“ Kann er keine Antwort geben, enthält das Bild zu wenig oder zu viele Informationen.

Geeignete Informationen für Servicebilder

Auf begrenztem Raum sind die folgenden Informationsarten relativ stabil und sollten vorrangig berücksichtigt werden.

Servicename oder Kernaktion

Wenn sich ein Artikel auf eine konkrete Dienstleistung bezieht, ist der Servicename oder eine repräsentative Aktion im Bild wirksamer als abstrakte Texturen. Der Name sollte mit der Bezeichnung in der Konsole, der Navigation und dem Artikeltitel übereinstimmen, damit nicht dieselbe Dienstleistung auf verschiedenen Seiten unter drei oder vier verschiedenen Namen erscheint.

Angenommen, eine Unternehmenswebsite bietet die Dienstleistung „Geräteinstallation und -inbetriebnahme“ an. Erscheinen diese Worte im Cover-Bild, können Leser in der Listenansicht sie von „Geräteauswahl“ oder „Kundendienst und Reparatur“ unterscheiden. Der Servicename dient hier nur als Beispiel; maßgeblich sind die tatsächlich auf der Website verwendeten Kategorienamen.

Zielgruppe oder Einsatzszenario der Dienstleistung

Dieselbe Dienstleistung kann sich an unterschiedliche Kunden richten. Wenn das Bild die Zielgruppe oder das Szenario zeigt, können Leser besser einschätzen, ob der Artikel für sie relevant ist. Ein Service für Fabrikhallen und ein Service für Büroumgebungen können beispielsweise jeweils passende Umgebungselemente verwenden.

Szenenelemente sollten authentisch und alltäglich sein, keine übermäßig gestellten Stockfotos. Ein Foto, auf dem Werkbank, Geräte oder Arbeitsumgebung erkennbar sind, ist oft verständlicher als eine einfarbige Fläche mit Icon.

Markenidentifikation

Artikel-Covern auf einer Unternehmenswebsite kann eine einheitliche Markenidentifikation beibehalten werden, zum Beispiel ein Logo an fester Position oder eine einheitliche Farbfläche. Dadurch wirken Artikel derselben Kategorie in der Listenansicht als Gruppe und nicht jede Seite hat einen eigenen Stil.

Die Markenidentifikation sollte nicht zu groß sein. Nimmt das Logo den Großteil des Bildes ein, werden die Serviceinformationen verdrängt und Leser erkennen den Artikelinhalt nicht.

Zum Artikelthema passende Hilfselemente

Icons, Linien, Farbflächen und ähnliche Hilfselemente können Kategorien oder Artikeltypen unterscheiden, sollten aber dem Thema dienen. So können Anleitungsartikel Werkzeug- oder Schritt-Elemente enthalten, während erklärende Artikel Szenenfotos nutzen. Zu viele Hilfselemente lassen das Bild wie eine Collage wirken und erhöhen den Verständnisaufwand.

Ungeeignete Informationen für Servicebilder

Die folgenden Inhalte bringen in einem Cover-Bild meist wenig Nutzen und können sogar irreführend sein.

• Lange Textpassagen: In der Vorschaugröße nicht lesbar und lassen das Bild überladen wirken.
• Konkrete Preise und Aktionsinformationen: Bei Änderungen müssen alle Artikel mit diesem Bild angepasst werden, was hohen Wartungsaufwand verursacht.
• Nicht überprüfte werbliche Aussagen: Auch Bilder sind nach außen sichtbare Inhalte und sollten keine unbestätigten Wirkungsversprechen enthalten.
• Dekorative Bilder ohne Bezug zum Artikel: Sie lösen nur das Problem „überhaupt ein Bild zu haben“, nicht die Frage, ob Leser den Inhalt einschätzen können.
• Bilder unklarer Herkunft: Bei Bildern auf einer Unternehmenswebsite sollte die rechtmäßige Nutzung geklärt sein, um spätere Austausch- oder Offline-Nahmen zu vermeiden.

Vorgehensweise für Bildvorbereitung und Benennung

Nachdem festgelegt wurde, welche Informationen enthalten sein sollen, muss das Bild auch für das Team nachhaltig nutzbar sein. Die Vorbereitung kann in dieser Reihenfolge erfolgen.

1. Zunächst den Standardnamen der Dienstleistung auf der Website, typische Szenarien und die zugehörige Kategorie auflisten. Diese dienen als Grundlage für die Bildinformationen und müssen nicht jedes Mal neu überlegt werden.
2. Bildgrößen je nach Verwendungszweck vorbereiten: Listen-Vorschaubild, Detailseiten-Kopfbild und Share-Karte können unterschiedliche Seitenverhältnisse haben. Die Anforderungen der einzelnen Positionen vorab prüfen, um ein gewaltsames Strecken desselben Bildes zu vermeiden.
3. Dateinamen mit Servicename und Verwendungszweck versehen, zum Beispiel „Geräteinstallation-Inbetriebnahme-Cover-Liste“, damit sie in der Medienbibliothek leicht zu finden und zu ersetzen sind.
4. Für dieselbe Dienstleistung ein bis zwei Alternativbilder bereithalten. Bei vielen Artikeln können sie rotieren, der Stil sollte jedoch einheitlich bleiben.
5. Bilder vor dem Hochladen komprimieren, um die Seitenladezeit nicht durch zu große Dateien zu beeinträchtigen. Die konkreten Komprimierungsparameter können je nach tatsächlicher Darstellung angepasst werden.

Checkliste vor der Veröffentlichung

Nach dem Hochladen des Bildes empfiehlt es sich, vor der Veröffentlichung einige Prüfungen durchzuführen. Dafür sind keine zusätzlichen Tools nötig; das Öffnen der Seite genügt.

• Das Cover auf die tatsächliche Größe in der Listenansicht verkleinern und prüfen, ob Servicename oder Hauptelement noch erkennbar sind.
• Abgleichen, ob die Bildinformationen mit dem Artikeltitel und dem Inhalt übereinstimmen, um Verwechslungen zu vermeiden.
• Prüfen, ob das Bild verzerrt ist oder ob beim Zuschnitt wichtige Teile abgeschnitten wurden.
• Sicherstellen, dass der Alternativtext des Bildes ausgefüllt ist und die Beziehung zwischen Bild und Artikel erklärt.
• Das Bild einmal auf dem Smartphone und einmal am Computer ansehen und prüfen, ob die Vorschauposition nicht von Interface-Elementen verdeckt wird.

Je nach Artikeltyp können unterschiedliche Schwerpunkte gesetzt werden

Servicebilder müssen nicht für alle Artikel demselben Muster folgen. Der Schwerpunkt kann je nach Artikeltyp angepasst werden: Servicevorstellungen konzentrieren sich auf Servicename und Szenario; Anleitungen auf Aktionen oder Werkzeugelemente; FAQ-Artikel können durch einen einheitlichen Frage-Antwort-Visualstil unterschieden werden; bei Relaunch- oder Inhaltsaufbereitungsartikeln können Bilder eher Materialien, Checklisten und ähnliche Elemente zeigen.

Ziel ist es, dass Leser bereits in der Listenansicht den Artikeltyp grob unterscheiden können, statt jeden Titel einzeln lesen zu müssen.

Wenn derzeit die Cover-Stile auf der Website uneinheitlich sind, kann zunächst mit den ein bis zwei am häufigsten verwendeten Dienstleistungen begonnen werden. Deren Bildinformationen, Größen und Benennungsweisen werden vereinheitlicht und anschließend schrittweise auf weitere Dienstleistungen ausgeweitet. Während der Aufbereitung sollte dokumentiert werden, welche Bilder ersetzt werden müssen. Das ist leichter umzusetzen als ein kompletter Neuanfang.