Sie öffnen den WordPress-Editor, um einen Beitrag zu verfassen. Sie klicken auf „Block hinzufügen" und sehen Dutzende Optionen. Darunter befindet sich „Cover". In der Seitenleiste, ganz unten, verbirgt sich „Beitragsbild". Beide haben mit Bildern zu tun. Beide beeinflussen das Erscheinungsbild des Beitrags. Aber sie erfüllen völlig unterschiedliche Funktionen.

Die Verwechslung von Cover und Beitragsbild gehört zu den Dingen, die Einsteigerratgeber nie erwähnen. Sollten sie aber. Die falsche Wahl zerstört Ihr Homepage-Layout, verunstaltet Social-Media-Vorschauen und lässt den Artikel ohne visuellen Aufhänger im Beitragstext zurück. Umgekehrt funktionieren beide Elemente als einheitliches System, sobald Sie den Unterschied verstanden haben.

Im Folgenden eine sachliche Aufschlüsselung: was jedes Element leistet, wo es angesiedelt ist, wie Sie es hinzufügen und wann Sie beide einsetzen.

💡 Kurzüberblick:

• Verstehen, was ein Cover ist und wo es angezeigt wird
• Lernen, wie das Beitragsbild funktioniert und wo es erscheint
• Zentrale Unterschiede in einer Tabelle anhand von acht Kriterien vergleichen
• Ein Cover Schritt für Schritt über den Block-Editor einfügen
• Ein Beitragsbild festlegen und den Alternativtext ausfüllen
• Beide Formate für maximale Beitragssichtbarkeit konfigurieren

Was ein Cover in WordPress ist

Ein Cover ist ein Gutenberg-Editor-Block, der ein breites Hintergrundbild direkt in den Beitragstext einfügt. Technisch handelt es sich um den Cover-Block, der mit dem Block-Editor in WordPress 5.0 eingeführt wurde. Er sitzt innerhalb Ihres Inhalts; Sie entscheiden genau, an welcher Stelle im Artikel Sie ihn platzieren.

Das Hauptmerkmal des Covers ist die Textüberlagerung. Sie schreiben eine Überschrift oder einen Satz über das Bild, ändern die Text- und Hintergrundfarben und passen die Deckkraft der Überlagerung an. Das Ergebnis wirkt wie ein Magazin-Aufmacher: ein großes Bild plus eine Botschaft darauf. Es funktioniert besonders gut in langen Artikeln, um den Text aufzulockern, dem Auge eine Pause zu gönnen und den Übergang zu einem neuen Thema hervorzuheben.

Was der Cover-Block sonst noch kann:

• Fixierter Hintergrund. Aktivierbar über einen Schalter in den Blockeinstellungen. Das Bild bleibt beim Scrollen an Ort und Stelle, ein leichter Parallax-Effekt ohne Plugins.
• Video statt Bild. Sie können eine Videodatei hochladen, die dann als Cover-Hintergrund abgespielt wird.
• Farbverlauf-Überlagerung. Neben einer Volltonfarbe steht ein Farbverlauf zur Verfügung, von transparent bis deckend in beliebiger Richtung.
• Höhenanpassung. Die Mindesthöhe des Blocks kann in Pixeln, vh oder anderen Einheiten festgelegt werden.

Das Cover ist nur innerhalb des Beitrags sichtbar. Auf der Blog-Homepage, in Kategorie-Feeds und in Suchergebnissen erscheint es nicht. Es ist ein Element der internen Gestaltung, nicht der Metadaten.

Was ein Beitragsbild ist

Ein Beitragsbild ist ein Beitrags-Metafeld, das es in WordPress seit Version 2.9 gibt. Es wird nicht in den Artikeltext eingefügt (auch wenn das Theme es automatisch am Anfang des Beitrags anzeigen kann). Seine Aufgabe ist es, den Beitrag nach außen zu repräsentieren.

Wo das Beitragsbild erscheint:

• Blog-Homepage. Das Theme zeigt ein Raster von Beiträgen, und jeder zeigt ein Vorschaubild; dieses Vorschaubild ist das auf die erforderliche Größe skalierte Beitragsbild.
• Soziale Netzwerke. Wenn ein Beitrag auf VK, Telegram, X oder Facebook geteilt wird, zieht das soziale Netzwerk das Beitragsbild über Open-Graph-Markup. Ohne dieses erhalten Sie nur einen Textlink, an dem Nutzer vorbeiscrollen.
• Google Discover und Suche. Google kann ein Vorschaubild neben dem Ergebnis anzeigen, und die Quelle ist wiederum das Beitragsbild.
• Interne Blöcke. Der Block „Neueste Beiträge" und ähnliche Blöcke beziehen das Bild von hier.

Das Theme steuert die Größen; es registriert eine Reihe von Vorschaubild-Dimensionen (thumbnail, medium, large sowie benutzerdefinierte), und WordPress generiert beim Hochladen Kopien in jeder Größe. Das Original verbleibt in der Medienbibliothek.

Eine wichtige Nuance: Das Beitragsbild muss nicht im Beitragstext erscheinen. Sie können ein Bild nur im Metafeld hochladen, und es wird nirgendwo innerhalb des Artikels angezeigt, sondern nur in externen Darstellungen. Umgekehrt wird ein Bild innerhalb des Inhalts nicht automatisch zum Beitragsbild.

Unterschiedstabelle

So fügen Sie ein Cover im Block-Editor hinzu

Öffnen Sie einen bestehenden Beitrag oder erstellen Sie einen neuen. Klicken Sie im Gutenberg-Editor an der Stelle im Text, an der Sie das Cover einfügen möchten, auf die Schaltfläche „+" (Block hinzufügen). Geben Sie in der Blocksuchleiste „Cover" ein; das Cover-Block-Symbol erscheint. Klicken Sie darauf.

Der Block wird mit einer Schaltfläche „Bild auswählen" in den Inhalt eingefügt. Klicken Sie darauf, und die Medienbibliothek öffnet sich. Wählen Sie ein Bild aus oder ziehen Sie ein neues von Ihrem Computer. Nach dem Hochladen wird das Bild auf die Inhaltsbreite gestreckt.

Konfigurieren Sie den Block nun über das rechte Panel:

• Überlagerung. Im Block-Panel sehen Sie die Einstellung „Überlagerung", eine farbige Schicht zwischen Bild und Text. Standardmäßig ist sie grau mit 50% Deckkraft (siehe Cover-Block-Dokumentation). Sie können die Farbe ändern, die Deckkraft auf null reduzieren (die Überlagerung verschwindet) oder sie durch einen Farbverlauf ersetzen.
• Text. Klicken Sie direkt auf den Block und geben Sie eine Überschrift oder einen Absatz ein. Schriftart, -größe und -farbe werden mit den Standardwerkzeugen angepasst.
• Fixierter Hintergrund. Der Schalter „Fixierter Hintergrund" in der Seitenleiste aktiviert den Parallax-Effekt.
• Mindesthöhe. Geben Sie in den Blockeinstellungen einen Wert in Pixeln ein, zum Beispiel 400px für Desktop.

Eine alternative Methode: Der Cover-Block muss nicht allein stehen. Im Editor können Sie jede Gruppe von Blöcken in ein Cover umwandeln, indem Sie sie auswählen und auf „Gruppieren" → „Cover" klicken.

So legen Sie ein Beitragsbild fest

Öffnen Sie den Beitragseditor. Suchen Sie in der rechten Seitenleiste den Tab „Beitrag" (das erste Symbol in der oberen Reihe). Scrollen Sie nach unten zum Abschnitt „Beitragsbild". Wenn Sie ihn nicht sehen, erweitern Sie den Tab über „Einstellungen" (die vertikalen Auslassungspunkte oben rechts → „Einstellungen" → „Beitrag").

Klicken Sie auf „Beitragsbild festlegen". Die Medienbibliothek öffnet sich. Wählen Sie ein Bild aus. Achten Sie nach der Auswahl darauf, zwei Felder auszufüllen:

• Alternativtext. Eine kurze, aber aussagekräftige Beschreibung dessen, was auf dem Bild zu sehen ist. Notwendig für Barrierefreiheit (Screenreader) und SEO. Duplizieren Sie nicht den Beitragstitel; beschreiben Sie den Bildinhalt selbst.
• Bildunterschrift. Wird unter dem Bild angezeigt, sofern das Theme dies unterstützt. Kann leer bleiben.

Die Schaltfläche „Fertig" speichert Ihre Auswahl. Das Bild erscheint mit einer Vorschau im Abschnitt „Beitragsbild". Um es zu ersetzen, klicken Sie auf die Vorschau und wählen ein anderes aus.

Wichtig: Verwechseln Sie nicht Alternativtext und Titel. Der Alternativtext ist für Software; der Titel ist ein Tooltip beim Darüberfahren. Bei einem Beitragsbild hat der Alternativtext Vorrang, da Suchmaschinen diesen in Open Graph lesen.

Wann Sie beide verwenden sollten

Das optimale Szenario für einen Blog ist, beide Formate gleichzeitig, aber mit unterschiedlichen Bildern zu verwenden.

Lassen Sie das Beitragsbild informativ sein: ein Screenshot der Benutzeroberfläche, ein Diagramm, ein Foto des Ergebnisses. Dieses Bild erscheint in sozialen Medien und in der Suche; es soll den Klick verkaufen. Keine Cliparts oder Stockfotos vom Typ „Person am Laptop".

Platzieren Sie ein Cover an ein oder zwei Stellen innerhalb eines langen Artikels als visuellen Trenner zwischen logischen Abschnitten. Das Bild kann atmosphärisch oder abstrakt sein, mit einer Textüberlagerung, die den Artikel zitiert. Es muss keine Informationslast tragen; seine Aufgabe ist es, den Leser bei der Stange zu halten.

Wann ein Cover unnötig ist: bei kurzen Nachrichten von zwei oder drei Absätzen. Wann ein Beitragsbild unnötig ist: fast nie. Ein Beitrag ohne Beitragsbild verliert an Klickbarkeit in sozialen Medien und wirkt im Blog-Feed unfertig.

Ein technischer Hinweis: Einige Themes zeigen das Beitragsbild automatisch am Anfang des Beitrags an. Wenn Sie ein solches Layout verwenden, platzieren Sie das Cover nicht ganz am Anfang, sondern nach dem ersten oder zweiten Absatz, um zwei große Bilder hintereinander zu vermeiden.

Video: Cover versus Beitragsbild

Der YouTube-Kanal WebTutorials demonstriert visuell den Prozess des Hinzufügens beider Bildtypen in einem echten WordPress-Editor, von der Suche nach dem Block bis zur Veröffentlichung.

⁉️🤔 Häufig gestellte Fragen

Kann ich dasselbe Bild sowohl für das Cover als auch für das Beitragsbild verwenden?

Technisch ja. Aber das Ergebnis sieht selten gut aus. Das Beitragsbild wird vom Theme auf bestimmte Proportionen skaliert (oft 16:9 oder 4:3), während das Cover sich mit einer Überlagerung über die volle Inhaltsbreite erstreckt. Dasselbe Bild wird an einer Stelle beschnitten und verliert an der anderen seine Bildkomposition. Es ist besser, zwei verschiedene Bilder zu wählen.

Was ist für SEO wichtiger: das Cover oder das Beitragsbild?

Das Beitragsbild. Es fließt in das Open-Graph-Markup ein, wird in Google Discover angezeigt und kann neben dem Snippet in der Suche erscheinen. Das Cover wirkt sich nicht direkt auf SEO aus, hilft aber indirekt, indem es die Absprungrate senkt; ein gut gestalteter Beitrag hält Leser länger bei der Stange.

Warum wird das Beitragsbild nach der Veröffentlichung nicht in sozialen Medien angezeigt?

Soziale Netzwerke speichern Open-Graph-Daten im Cache. Wenn Sie den Beitrag zuerst ohne Bild veröffentlicht und dann eines hinzugefügt haben, zeigen Facebook und X die alte Version an. Lösung: Lassen Sie die URL durch einen Open-Graph-Validator laufen (Facebook Sharing Debugger, Twitter Card Validator) oder warten Sie einfach 24 bis 48 Stunden.

Kann ich Beiträgen, die vor Gutenberg erstellt wurden, ein Cover hinzufügen?

Ja. Der Classic Editor zeigte den Cover-Block nicht an, aber nach der Umstellung auf Blöcke können Sie jeden alten Beitrag öffnen, und er wird in ein kompatibles Format konvertiert. Fügen Sie das Cover wie jeden normalen Block ein.

Wie beschleunige ich den Seitenaufbau, wenn ich viele Cover verwende?

Platzieren Sie nicht mehr als zwei Cover pro Beitrag. Verwenden Sie für jedes Bild ein modernes Format (WebP oder AVIF). Optimieren Sie die Größen: Die Inhaltsbreite überschreitet selten 1200 px, daher ist es sinnlos, ein 4000 px breites Bild zu laden. Kostenlose Plugins wie ShortPixel oder EWWW Image Optimizer komprimieren Bilder automatisch beim Hochladen. Mehr zur Optimierung finden Sie in unserem Leitfaden zu Bildern in WordPress.

Cover oder Beitragsbild: Was Sie in Ihrem Beitrag verwenden sollten

Die kurze Antwort lautet: beides. Das Beitragsbild bewirbt den Beitrag nach außen: Homepage, soziale Medien, Suche. Das Cover hält den Leser im Inneren bei der Stange: ein visueller Trenner, eine Überlagerung mit einem Zitat, ein Parallax-Hintergrund. Die Funktionen überschneiden sich nicht; sie ergänzen einander.

Wenn Sie sich nur für eines entscheiden müssen, wählen Sie immer das Beitragsbild. Ein Beitrag ohne dieses ist für die Außenwelt unsichtbar. Das Cover ist eine Option für diejenigen, die das Maximum aus langen Inhalten herausholen möchten.

Sparen Sie nicht an Bildern. Zwei aussagekräftige Bilder pro Beitrag sind kein Luxus, sondern der Mindeststandard für einen visuell kompetenten WordPress-Blog.