Anfängerleitfaden für Bild-SEO – Optimieren Sie Bilder für Suchmaschinen

Die Bildersuche ist eine mächtige, oft übersehene Quelle für Website-Besucher. Die Optimierung Ihrer Bilder für Suchmaschinen kann die Sichtbarkeit Ihrer Website erheblich steigern und neue Besucher anziehen.

Wenn Nutzer nach Bildern suchen, die mit Ihren Inhalten in Verbindung stehen, werden optimierte Bilder mit größerer Wahrscheinlichkeit in den Suchergebnissen erscheinen und den Traffic auf Ihre Website zurückführen. Bei WPBeginner haben wir viel Aufwand in die Optimierung unserer eigenen Blog-Bilder für Schlüsselwörter und SEO-Best Practices gesteckt.

Dieser Leitfaden für Einsteiger bietet einen praktischen Ansatz für die Optimierung Ihrer Bild-SEO, indem er bewährte Verfahren anwendet, mit denen Sie das volle Potenzial der Bildersuche ausschöpfen und mehr Besucher anziehen können.

Im Folgenden finden Sie einen kurzen Überblick über das, was Sie in diesem Artikel lernen werden:

Optimieren Sie Ihre Bilder für SEO und Geschwindigkeit

Die Ladegeschwindigkeit einer Seite spielt eine wichtige Rolle für die Suchmaschinenoptimierung und die Benutzerfreundlichkeit. Suchmaschinen stufen schnelle Websites stets höher ein. Das gilt auch für die Bildersuche.

Bilder verlängern die Ladezeit Ihrer Seite insgesamt. Sie brauchen länger zum Herunterladen als Text, was bedeutet, dass Ihre Seite langsamer lädt, wenn mehrere große Bilddateien heruntergeladen werden müssen.

Deshalb müssen Sie dafür sorgen, dass die Bilder auf Ihrer WordPress-Website für das Web optimiert sind. Das kann ein wenig schwierig sein, da viele Anfänger keine Experten für Grafik und Bildbearbeitung sind.

Am besten lassen sich Bilder optimieren, indem man sie am Computer mit einem Bildbearbeitungsprogramm wie Adobe Photoshop bearbeitet. So können Sie das richtige Dateiformat wählen, um eine kleine Dateigröße zu erhalten.

Sie können auch ein Plugin zur Bildkomprimierung für WordPress verwenden. Plugins zur Bildoptimierung ermöglichen es Ihnen, die Dateigröße beim Upload eines Bildes in WordPress automatisch zu reduzieren.

In unserem praktischen Leitfaden erfahren Sie mehr darüber, wie Sie Bilder richtig optimieren, bevor Sie sie auf Ihre Website hochladen.

Video-Anleitung

Wenn Sie eine schriftliche Anleitung bevorzugen, lesen Sie einfach weiter.

Was ist Alt-Text?

Alt-Text oder alternativer Text ist ein HTML-Attribut, das dem img-Tag hinzugefügt wird und zur Anzeige von Bildern auf einer Webseite dient. In einfachem HTML-Code sieht es wie folgt aus:

<img src="/fruitbasket.jpeg" alt="A fruit basket" />

Es ermöglicht Website-Besitzern, das Bild in einfachem Text zu beschreiben. Der Hauptzweck des alternativen Textes besteht darin, die Zugänglichkeit zu verbessern, indem Screenreader aktiviert werden, die den Alt-Text für sehbehinderte Benutzer vorlesen.

Auch der Alt-Text ist für die Bild-SEO entscheidend. Er hilft den Suchmaschinen, den Kontext des Bildes zu verstehen.

Moderne Suchmaschinen können ein Bild und seinen Inhalt mit Hilfe künstlicher Intelligenz erkennen. Allerdings sind sie nach wie vor darauf angewiesen, dass die Website-Besitzer das Bild in ihren eigenen Worten beschreiben.

Alt-Text begleitet auch Bilder in der Google-Bildersuche, was den Nutzern hilft, das Bild zu verstehen und Ihre Chancen erhöht, mehr Besucher auf Ihren WordPress-Blog zu bekommen.

Normalerweise ist der Alt-Text auf Ihrer Website nicht sichtbar.

Wenn jedoch ein Bild defekt ist oder nicht gefunden werden kann, können Ihre Nutzer den alternativen Text mit einem Symbol für ein defektes Bild daneben sehen.

Was ist der Unterschied zwischen Alt-Text und Titeln?

Alt-Text wird für Barrierefreiheit und Bild-SEO verwendet, während das Titelfeld intern von WordPress für die Mediensuche verwendet wird.

WordPress fügt den alt-Tag in den eigentlichen Code ein, der zur Anzeige des Bildes verwendet wird. Der Titel-Tag wird in der WordPress-Datenbank gespeichert, um Bilder zu finden und anzuzeigen.

In der Vergangenheit fügte WordPress den Titel-Tag auch in den HTML-Code ein. Dies war jedoch aus Sicht der Barrierefreiheit nicht ideal, weshalb es entfernt wurde.

Was ist der Unterschied zwischen Alt-Text und Untertiteln?

Der Alt-Text wird verwendet, um das Bild für Suchmaschinen und Bildschirmleser zu beschreiben. Die Bildunterschrift hingegen dient dazu, das Bild für alle Nutzer zu beschreiben.

Der Alt-Text ist auf Ihrer Website nicht sichtbar, während die Bildunterschriften unter Ihren Bildern zu sehen sind.

Der Alt-Text ist entscheidend für eine bessere Bild-SEO auf Ihrer Website. Die Bildunterschrift ist optional und kann verwendet werden, wenn Sie den Besuchern Ihrer Website zusätzliche Informationen über das Bild geben möchten.

Hinzufügen von Alt-Text, Titel und Beschriftung zu Bildern in WordPress

Alt-Text, Titel und Beschriftung bilden die Bild-Metadaten, die Sie den Bildern beim Hochladen in WordPress hinzufügen können.

Wenn Sie ein Bild mit dem Standard-Bildblock hinzufügen, können Sie in WordPress eine Beschriftung und einen Alt-Text hinzufügen.

WordPress generiert aus dem Dateinamen automatisch einen Titel für das Bild.

Sie können den Titel ändern, indem Sie die Einstellungen des Bildes im Block „Erweitert“ erweitern. Hier finden Sie ein Feld „Titelattribut“, in das Sie Ihren eigenen Titel für das Bild eingeben können.

Sie können auch den Alt-Tag und den Titel für die Bilder bearbeiten, die Sie bereits in WordPress hochgeladen haben.

Dazu müssen Sie die Seite Medien “ Bibliothek aufrufen und das Bild suchen, das Sie bearbeiten möchten.

Durch einfaches Anklicken eines Bildes wird das Popup-Fenster mit den Anhangsdetails angezeigt.

Hier können Sie einen Alt-Text, einen Titel, eine Beschriftung und eine optionale Beschreibung eingeben, die auf der Anhangsseite angezeigt wird.

Wann sollte man Bildunterschriften für Bilder in WordPress verwenden?

Mit Bildunterschriften können Sie Ihren Nutzern zusätzliche Informationen zu einem Bild zur Verfügung stellen. Sie sind auf dem Bildschirm für alle Nutzer sichtbar, auch für Suchmaschinen und Bildschirmleser.

Wie Sie vielleicht schon bemerkt haben, verwenden die meisten Websites in ihren Blogbeiträgen oder Seiten keine Bildunterschriften. Das liegt daran, dass Bildunterschriften oft nicht nötig sind, um ein Bild zu erklären.

Untertitel sind in den folgenden Szenarien besser geeignet:

• Familien- oder Veranstaltungsfotos
• Fotos, die einer zusätzlichen Erklärung bedürfen, die die Hintergrundgeschichte beschreibt
• Produktbildergalerien

In den meisten Fällen können Sie das Bild im Inhalt des Artikels selbst erklären.

Verwenden Sie All in One SEO, um Ihr Bild-SEO automatisch zu verwalten (empfohlen)

All in One SEO (AIOSEO) ist das beste WordPress-SEO-Plugin auf dem Markt, und sein Bild-SEO-Addon setzt automatisch Ihren Alt-Text, Bildtitel, Beschriftungen und mehr. Es fügt auch eine korrekte Bild-Sitemap und andere SEO-Funktionen hinzu, um Ihr SEO-Ranking zu verbessern.

Als Erstes müssen Sie das All in One SEO-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins. Um die Bild-SEO-Funktion zu nutzen, benötigen Sie das Plus-Abo oder höher.

Nach der Aktivierung startet das Plugin automatisch den Einrichtungsassistenten. Wie Sie das Plugin konfigurieren können, erfahren Sie in unserer Anleitung zur korrekten Einrichtung von All in One SEO.

Jetzt müssen Sie zu All in One SEO “ Search Appearance navigieren und dann auf die Registerkarte „Image SEO“ klicken. Danach klicken Sie auf die Schaltfläche „Bild-SEO aktivieren“, um die Premium-Bild-SEO-Funktionen zu aktivieren.

Einstellen von automatischen Bildtiteln mit All in One SEO

Wenn Sie auf der Seite Bild-SEO zur Registerkarte „Titel“ navigieren, können Sie ein Titelformat mit Smart-Tags auswählen, das automatisch zur Erstellung von Titelattributen für Ihre Bilder verwendet wird.

Wenn Sie zum Beispiel den Tag „+ Image Title“ hinzufügen, wird automatisch der in der WordPress-Mediathek verwendete Bildtitel verwendet.

Sie können auch andere Tags hinzufügen, z. B. den Titel Ihrer Website, Satzzeichen aus dem Titel entfernen und seine Großschreibung ändern.

Automatischer Alt-Text mit All in One SEO einstellen

Anschließend können Sie auf die Registerkarte „Alt-Tag“ klicken, um den Alt-Text Ihrer Bilder automatisch zu formatieren.

Standardmäßig verwendet AIOSEO einfach den Alt-Text aus der Mediathek. Wenn Sie möchten, können Sie auch den Titel Ihrer Website und andere Informationen in den Alt-Text jedes Bildes auf Ihrer Website einfügen.

All in One SEO’s Image SEO Addon kann auch automatisch Bildunterschriften generieren, Anhangsseiten deaktivieren, wie wir weiter unten behandeln werden, und vieles mehr.

Deaktivieren von Attachment-Seiten in WordPress

WordPress erstellt eine Seite für jedes Bild, das Sie in Ihre Beiträge und Seiten hochladen. Sie wird Anhangsseite genannt. Diese Seite zeigt nur eine größere Version des eigentlichen Bildes und sonst nichts.

Dies kann sich negativ auf Ihre Suchmaschinenplatzierung auswirken. Suchmaschinen betrachten Seiten mit wenig oder gar keinem Text als minderwertige oder dünne Inhalte.

Aus diesem Grund empfehlen wir Ihnen, die Anhangsseiten auf Ihrer Website zu deaktivieren.

Deaktivieren von Anhangsseiten mit All in One SEO

Der einfachste Weg, dies zu tun, ist die Installation und Aktivierung des All in One SEO-Plugins. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung werden URLs von Anhängen automatisch deaktiviert. Sie können Anhangseiten in WordPress auch manuell deaktivieren, indem Sie die Seite All in One SEO “ Search Appearance besuchen und auf die Registerkarte „Image SEO“ klicken.

Vergewissern Sie sich hier, dass die Option „Redirect Attachment URLs“ auf „Attachment“ eingestellt ist.

Seiten mit Anhängen werden jetzt auf die Bilder selbst umgeleitet. Das bedeutet, dass eine Suchmaschine oder ein Besucher, wenn er die URL einer Anhangsseite aufruft, das Bild und nicht die Anhangsseite sieht.

Deaktivieren von Anhangsseiten mit einem Plugin

Wenn Sie das AIOSEO Plugin nicht verwenden, können Sie das Attachment Pages Redirect Plugin installieren. Dieses Plugin leitet die Besucher der Anhangsseite einfach zu dem Beitrag um, in dem das Bild angezeigt wird.

Deaktivieren von Anhangsseiten mit Code

Sie können Anhänge auch deaktivieren, indem Sie Code in die Datei functions.php Ihres Themes einfügen. Am sichersten geht das mit WPCode, dem beliebtesten Code-Snippets-Plugin, das das Hinzufügen von Code-Snippets in WordPress erleichtert.

Das Beste ist, dass WPCode mit einer eingebauten Snippets-Bibliothek kommt, in der Sie alle gängigen WordPress-Code-Snippets finden können, einschließlich der Deaktivierung von Anhangsseiten.

Zunächst müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Gehen Sie nach der Aktivierung zu Code-Snippets “ + Snippet hinzufügen. Sie müssen die Snippets-Bibliothek durchsuchen, um das Snippet „Disable Attachment Pages“ zu finden.

Wenn Sie mit der Maus über das Snippet fahren, sehen Sie einige Schaltflächen.

Klicken Sie einfach auf die Schaltfläche „Snippet verwenden“, und es wird ein neues Snippet für Sie erstellt.

Jetzt müssen Sie nur noch den Schalter „Aktiv“ auf „Ein“ stellen und dann auf die Schaltfläche „Aktualisieren“ klicken. Sie haben nun erfolgreich Seiten mit Anhängen deaktiviert.

Wenn Sie mit Code vertraut sind, können Sie dies auch manuell tun, indem Sie den folgenden Code direkt in die Datei functions.php Ihres Themes einfügen.

function wpb_redirect_attachment_to_post () {
if ( is_attachment() ) {
global $post;
if( empty( $post ) ) $post = get_queried_object();
if ($post->post_parent)	{
	$link = get_permalink( $post->post_parent );
	wp_redirect( $link, '301' );
	exit();
	}
else	{
	// What to do if parent post is not available
	wp_redirect( home_url(), '301' );
	exit();
	}
}
}
add_action( 'template_redirect', 'wpb_redirect_attachment_to_post' );

Zusätzliche Tipps zur Verbesserung der Bild-SEO

Das Hinzufügen eines Alt-Tags ist nicht das einzige, was Sie tun können, um die Bild-SEO zu verbessern. Im Folgenden finden Sie einige zusätzliche Tipps, die Sie beim Hinzufügen von Bildern zu Ihren Blogbeiträgen beachten sollten.

1. Beschreibenden Alt-Text schreiben

Viele Anfänger verwenden oft nur ein oder zwei Wörter als Alt-Text für das Bild. Das macht das Bild zu allgemein und erschwert das Ranking.

Zum Beispiel können Sie statt „Kätzchen“ auch „Kätzchen spielen mit einer gelben Gummiente“ verwenden.

2. Verwenden Sie beschreibende Dateinamen für Ihre Bilder

Anstatt Ihre Bilder als DSC00434.jpeg zu speichern, müssen Sie sie richtig benennen. Denken Sie an die Schlüsselwörter, die die Nutzer in die Suche eingeben werden, um dieses bestimmte Bild zu finden.

Geben Sie Ihren Bilddateien genauere und aussagekräftigere Namen. Zum Beispiel ist “ red-wooden-house.jpeg “ besser als “ house.jpeg„.

3. Bieten Sie Kontext zu Ihren Bildern

Suchmaschinen werden jeden Tag schlauer. Sie können Bilder recht gut erkennen und kategorisieren. Sie brauchen jedoch einen Kontext zum Bild.

Ihre Bilder müssen für das Gesamtthema des Beitrags oder der Seite relevant sein. Es ist auch hilfreich, das Bild in der Nähe des wichtigsten Textes in Ihrem Artikel zu platzieren.

4. Befolgen Sie die SEO Best Practices

Sie müssen auch die allgemeinen SEO-Richtlinien für Ihre Website befolgen. Dadurch verbessert sich Ihr gesamtes Suchranking, einschließlich der Bildersuche.

5. Verwenden Sie Originalfotografien und -bilder

Es gibt viele Websites mit kostenlosen Stockfotos, die Sie nutzen können, um kostenlose Bilder für Ihre Blogbeiträge zu finden. Das Problem bei Stockfotos ist jedoch, dass sie von Tausenden von Websites verwendet werden.

Versuchen Sie, Originalfotos zu verwenden oder hochwertige Bilder zu erstellen, die einzigartig für Ihren Blog sind.

Expertenanleitungen zur Optimierung von WordPress-Bildern

Bild-SEO ist nur ein Aspekt der Optimierung von Bildern in WordPress. Vielleicht interessieren Sie sich für einige andere Anleitungen zur Verbesserung von Bildern auf Ihrer WordPress-Website.

• Wie man Bilder für die Web-Performance optimiert, ohne an Bildqualität zu verlieren
• Wie man Bilder in WordPress richtig einfügt (Schritt für Schritt)
• Wie man in WordPress Bilder oder Miniaturansichten von Beiträgen hinzufügt
• Tools zur Erstellung besserer Bilder für Ihre Blogbeiträge
• Tolle WordPress-Plugins für die Verwaltung von Bildern (aktualisiert)
• Wie man eine Bildergalerie in WordPress erstellt (Schritt für Schritt)
• Wie man Bilder in WordPress ganz einfach Lazy Load
• Wie man häufige Probleme mit Bildern in WordPress behebt (einfache Anleitung)
• WebP vs. PNG vs. JPEG: Das beste Bildformat für WordPress
• Wo speichert WordPress Bilder auf Ihrer Website?

Wir wissen, dass die meisten Blogger keine Fotografen oder Grafikdesigner sind. Glücklicherweise gibt es einige großartige Online-Tools, mit denen Sie Grafiken für Ihre Websites erstellen können.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, mehr über Bild-SEO für Ihre Website zu erfahren. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Behebung gängiger Bildprobleme in WordPress oder für unsere Expertenauswahl der besten WordPress SEO-Plugins und -Tools.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.