Bringt Bild-SEO wirklich Traffic oder ist es nur eine weitere SEO-Aufgabe, die Sie beschäftigt?
Die meisten Website-Betreiber optimieren ihren Text für die Suche, behandeln ihre Bilder aber als nachträglichen Gedanken. Das kann bedeuten, dass Chancen verpasst werden, in Google Bilder und KI-Antworten zu erscheinen.
In diesem Leitfaden erfahren Sie, wie Sie Bilder in WordPress optimieren und sie zu einer weiteren Möglichkeit machen, wie Menschen Ihre Website finden können.
Hier ist, was wir in diesem Artikel behandeln werden:
- Benennen Sie Ihre Bilddateien um, bevor Sie sie hochladen
- Schreiben Sie Alt-Texte, die SEO und Barrierefreiheit helfen
- Optimieren Sie Titel, Bildunterschrift und Beschreibung von Bildern
- Ändern Sie die Größe und komprimieren Sie Bilder, um Ihre Website zu beschleunigen
- Wählen Sie das richtige Bildformat
- Bilder schnell ausliefern: Lazy Loading, Responsive Images und ein CDN
- Helfen Sie Google, Ihre Bilder zu finden: Bild-Sitemaps und strukturierte Daten
- Video-Tutorial
- Häufig gestellte Fragen zur Bild-SEO
- Zusätzliche Ressourcen zur Optimierung von WordPress-Bildern
Benennen Sie Ihre Bilddateien um, bevor Sie sie hochladen
Benennen Sie Ihre Bilddateien um, bevor Sie sie in WordPress hochladen. Ein beschreibender Dateiname gibt Suchmaschinen einen leichten Hinweis darauf, was ein Bild zeigt, und hilft ihnen, seine Relevanz für die Seite zu verstehen.
Wenn Sie zum Beispiel ein Foto von einem roten Holzhaus hinzufügen, benennen Sie DSC00434.jpeg in rotes-holzhaus.jpeg um. Vermeiden Sie generische Namen, von der Kamera generierte Nummern oder Dateinamen, die das Bild nicht beschreiben.
Verwenden Sie Bindestriche (-), um Wörter in Ihren Dateinamen zu trennen, anstatt Unterstriche (_). Suchmaschinen können Bindestriche als Leerzeichen zwischen Wörtern interpretieren, wodurch rotes-holzhaus.jpg leichter zu verstehen ist als rotes_holzhaus.jpg.
Sie müssen keine Keywords in Ihre Dateinamen stopfen. Verwenden Sie stattdessen einen kurzen, beschreibenden Namen, der zum Bild passt.
Schreiben Sie Alt-Texte, die SEO und Barrierefreiheit helfen
Alt-Text ist eine kurze Beschreibung, die einem Bild in HTML hinzugefügt wird. Er hilft Screenreadern, das Bild für Besucher zu beschreiben, und gibt Suchmaschinen nützliche Informationen darüber.
Schreiben Sie Alt-Texte, die das Bild klar beschreiben und zum Kontext Ihres Artikels passen. Google verwendet Alt-Texte zusammen mit dem umgebenden Inhalt, um zu verstehen, was das Bild zeigt.
Wenn Sie zum Beispiel über den Anbau von Tomaten schreiben, könnte ein Bild von Tomatenpflanzen in einem Garten einen Alt-Text wie Tomatenpflanzen wachsen in einem Hochbeet verwenden.
Wenn Ihre Website bereits Hunderte von Bildern ohne Alt-Text hat, müssen Sie diese nicht einzeln aktualisieren. Sie können Ihre Website mit einem KI-Tool wie ChatGPT über das kostenlose WPVibe-Plugin verbinden und Alt-Texte in großen Mengen damit generieren.
Sie können auch unserem Leitfaden zum automatischen Generieren von Bild-Alt-Texten mit KI folgen, um andere Optionen zu erkunden.
Wie lang sollte der Alt-Text sein?
Google legt keine Zeichenbegrenzung für Alt-Texte fest. Die übliche Richtlinie von 125 Zeichen stammt tatsächlich davon, wie ältere Screenreader wie JAWS lange Alt-Texte in Blöcke aufteilten.
Konzentrieren Sie sich auf die Details, die den Leuten helfen, das Bild zu verstehen, anstatt zu versuchen, eine bestimmte Länge zu erreichen. Hier sind einige Beispiele:
| Zu vage | Besserer Alt-Text | Beschreibenderer Alt-Text |
|---|---|---|
| Brot | Brotlaib auf einem Tisch | Sauerteigbrot kühlt auf einem Gitterrost ab |
| Japan | Touristen besuchen Japan | Touristen, die den Fushimi Inari-Schrein in Kyoto, Japan, besuchen |
| WordPress-Dashboard | WordPress-Site-Editor | WordPress-Seiteneditor, der die Homepage-Vorlage anzeigt |
Beginnen Sie mit dem nützlichsten Teil der Beschreibung, anstatt mit Phrasen wie „Bild von“ oder „Foto von“. Screenreader identifizieren den Inhalt bereits als Bild, daher fügen diese Wörter nur zusätzlichen Lärm hinzu.
Wenn das Bild eine längere Erklärung benötigt, fügen Sie diese Informationen in den umgebenden Inhalt oder eine Bildunterschrift ein, anstatt zu versuchen, alles in den Alternativtext zu packen.
Optimieren Sie Titel, Bildunterschrift und Beschreibung von Bildern
WordPress bietet Ihnen mehrere Felder zur Beschreibung eines Bildes, wie z. B. Titel, Bildunterschrift und Beschreibung.
Sie dienen unterschiedlichen Zwecken, aber klare Bildinformationen können Suchmaschinen und KI-Systemen helfen zu verstehen, was ein Bild zeigt und wie es mit Ihren Inhalten zusammenhängt.
Beachten Sie, dass die Bearbeitung dieser Felder in der Mediathek keine Bilder aktualisiert, die Sie bereits in Beiträgen oder Seiten platziert haben. Sie müssen diese Bilder direkt dort bearbeiten, wo sie erscheinen.
Bildtitel
Der Bildtitel hilft Ihnen, Bilder in der WordPress-Mediathek zu identifizieren und zu organisieren. Außerdem kann er KI-Suchtools helfen, Ihre Inhalte zu verstehen.
Bildbeschreibung
Das Beschreibungsfeld ermöglicht es Ihnen, zusätzliche Informationen zu einem Bild in Ihrer WordPress-Mediathek hinzuzufügen.
Bildunterschrift
Eine Bildunterschrift erscheint unter dem Bild und gibt Besuchern zusätzlichen Kontext. Verwenden Sie eine, wenn Sie ein Bild erklären, eine Quellenangabe machen oder auf ein wichtiges Detail hinweisen müssen.
Google gibt ausdrücklich an, dass es Bildtitel und Bildunterschriften verwendet, um Bilder zu verstehen. Halten Sie Ihre Bildunterschriften klar und relevant für das Bild und die Seite.
Ändern Sie die Größe und komprimieren Sie Bilder, um Ihre Website zu beschleunigen
Große Bilddateien können Ihre Seiten verlangsamen, was sich negativ auf das Ranking auswirken und dazu führen kann, dass Besucher eher abspringen. Das Ändern der Größe und Komprimieren Ihrer Bilder ist eine der einfachsten Möglichkeiten, die Seitengeschwindigkeit zu verbessern.
Bevor Sie ein Bild in WordPress hochladen, passen Sie die Größe auf die größte Größe an, die Ihre Website benötigt. Es gibt keinen Grund, ein 4000 Pixel breites Bild hochzuladen, wenn Ihre Website es nur mit 1200 Pixel Breite anzeigt.
Komprimieren Sie anschließend das Bild, um seine Dateigröße zu reduzieren, ohne seine Qualität merklich zu verringern.
Die Komprimierung kann auch Metadaten der Kamera entfernen, die Besucher nie sehen, wodurch die Dateien noch kleiner werden. Bei WPBeginner verwenden wir TinyPNG, um Bilder vor dem Hochladen zu komprimieren.
Sie können auch Plugins wie EWWW Image Optimizer oder Optimole verwenden, um die Bildkomprimierung zu automatisieren.
Schritt-für-Schritt-Anleitungen finden Sie in unserem Leitfaden So optimieren Sie Bilder für die Web-Performance, ohne Qualitätsverluste.
Wählen Sie das richtige Bildformat
Das richtige Bildformat kann Ihnen helfen, die Bildqualität und die Dateigröße auszubalancieren. Hier ist, was für die gängigsten Bildtypen zu verwenden ist:
| Bildformat | Am besten für |
|---|---|
| WebP | Eine gute Wahl für die meisten Fotos und Grafiken. Es bietet eine gute Bildqualität bei kleineren Dateigrößen als ältere Formate wie JPEG und PNG. |
| AVIF | Fotos und andere detaillierte Bilder, wenn Sie sehr kleine Dateigrößen wünschen. Es bietet eine hervorragende Komprimierung, aber einige Bildbearbeitungsprogramme und ältere Tools können es nicht öffnen oder exportieren. |
| JPEG | Fotos und andere Bilder mit vielen Farben. Es bleibt eine praktische Wahl, wenn Sie ein weit verbreitetes Format benötigen. |
| PNG | Logos, Screenshots und Grafiken, die Transparenz oder scharfe Details benötigen. |
| SVG | Einfache Logos, Icons und andere Vektorgrafiken, die bei unterschiedlichen Größen scharf bleiben müssen. |
Mehr über die Unterschiede zwischen WebP, PNG und JPEG erfahren Sie in unserem Leitfaden zum besten Bildformat für WordPress.
Bilder schnell ausliefern: Lazy Loading, Responsive Images und ein CDN
WordPress lädt Bilder, die nicht sofort auf dem Bildschirm sichtbar sind, automatisch mit Lazy Loading und verwendet responsive Bilder mit srcset, damit Browser eine passende Bildgröße für jeden Bildschirm herunterladen können.
Das Wichtigste, worauf Sie achten sollten, ist Ihr Largest Contentful Paint (LCP), die Zeit, die das größte sichtbare Element auf der Seite zum Laden benötigt.
Wenn Ihr Hauptbild oben auf der Seite erscheint, möchten Sie nicht, dass Lazy Loading es verzögert. WordPress überspringt bereits das Lazy Loading für die ersten drei Bilder auf einer Seite.
Wenn Sie ein Plugin wie Optimole verwenden, können Sie ändern, wie viele führende Bilder vom Lazy Loading ausgeschlossen werden. Weitere Tipps finden Sie in unserem Leitfaden, wie Sie Bilder in WordPress einfach mit Lazy Loading laden.
Wenn Ihre Website Besucher auf der ganzen Welt hat oder viele große Bilder bereitstellt, kann ein Content Delivery Network (CDN) helfen, indem es Ihre Dateien von einem Server sendet, der näher an jedem Besucher ist.
Helfen Sie Google, Ihre Bilder zu finden: Bild-Sitemaps und strukturierte Daten
Die meisten WordPress-Websites benötigen keine separate Bild-Sitemap. Google kann Bilder normalerweise durch das Crawlen der Seiten entdecken, auf denen sie erscheinen.
Eine Bild-Sitemap kann hilfreich sein, wenn Sie eine große, bildlastige Website haben oder Bilder verwenden, die über die normale Navigation und interne Links schwer zu entdecken sind.
Wenn Sie AIOSEO verwenden, müssen Sie keine separate Bild-Sitemap erstellen, da diese Ihre Bilder standardmäßig zu ihrer XML-Sitemap hinzufügt.
Details finden Sie in unserem Leitfaden zum Erstellen einer Sitemap in WordPress.
Für Inhalte, bei denen Bilder ein wichtiger Teil des Ergebnisses sind, können strukturierte Daten Google mehr Informationen über die Seite liefern.
Zum Beispiel kann das Produktschema das Bild, den Preis und die Verfügbarkeit eines Produkts beschreiben, während das Rezeptschema Informationen über ein Rezept und sein Bild liefern kann.
Diese Details können Google helfen, die Seite zu verstehen, und sie für reichhaltigere Suchergebnisse qualifizieren.
Sie benötigen kein spezielles Schema für AI Overviews oder den KI-Modus. Google kann dieselben SEO-Signale verwenden, um Ihre Inhalte zu verstehen. Fügen Sie daher nur strukturierte Daten hinzu, wenn sie zu Ihrer Seite passen.
Weitere Informationen finden Sie in unserem Leitfaden, wie Sie Rich Snippets in WordPress verwenden.
Video-Tutorial
Häufig gestellte Fragen zur Bild-SEO
Ist WebP besser als JPEG oder PNG für SEO?
Nein, Google gibt keinem Bildformat einen Ranking-Vorteil.
WebP kann eine gute Qualität bei einer kleineren Dateigröße bieten, aber JPEG, PNG, AVIF und SVG haben jeweils Situationen, in denen sie sinnvoller sind. Wählen Sie das Format, das Ihnen die richtige Balance zwischen Qualität und Dateigröße bietet.
Können Leute meine Website finden, indem sie mit einem Foto suchen?
Ja, Google Lens ermöglicht es Menschen, mit einem Bild zu suchen, um ähnliche Bilder zu finden, Objekte im Bild zu identifizieren und Websites zu entdecken, die dasselbe oder ein ähnliches Bild verwenden.
Wie bekomme ich meine Bilder in Google AI Overviews und KI-Antworten?
Es gibt keinen speziellen Bild-SEO-Trick, der die Platzierung in KI-Übersichten oder im KI-Modus garantiert. Google empfiehlt die gleichen SEO-Grundlagen, die es auch für die normale Suche verwendet.
Das bedeutet, hilfreiche Inhalte zu erstellen, eine gute Seitenerfahrung zu bieten, Ihre Seiten crawlbar zu halten und hochwertige Bilder zu verwenden, die Ihre Inhalte verbessern.
Zusätzliche Ressourcen zur Optimierung von WordPress-Bildern
- So finden Sie lizenzfreie Bilder für Ihre WordPress-Blogbeiträge
- So erstellen Sie eine Bildergalerie in WordPress (Schritt für Schritt)
- So beheben Sie häufige Bildprobleme in WordPress (einfacher Leitfaden)
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Bonmot
Der Code nach „Wenn Sie mit Code vertraut sind, können Sie dies auch manuell tun, indem Sie den folgenden Code direkt in die functions.php-Datei Ihres Themes einfügen.“ scheint unvollständig zu sein. Sollte dort nicht stehen:
function wpb_redirect_attachment_to_post () {
vorher
if ( is_attachment() ) {
?
WPBeginner-Support
Vielen Dank, dass Sie das bemerkt haben, es sollte jetzt im Artikel behoben sein
Administrator
Jiří Vaněk
Hat das Bildformat Auswirkungen auf die SEO? Ist es JPEG, WebP oder PNG? Ich verwende WebP wegen der Größe, gibt es eine bessere Chance für SEO, dass Google diesen Bildtyp wegen seiner Größe bevorzugt?
WPBeginner-Support
Sofern wir keine gegenteiligen Informationen erhalten, gibt es keinen SEO-Vorteil für das Bildformat. Es wäre am besten, das Bildformat zu verwenden, das am besten zum Verwendungszweck des Bildes passt.
Administrator
Jiří Vaněk
Danke für die Antwort, ich hatte gehofft, dass Google ein benutzerdefiniertes Bildformat und auch die Größe bevorzugen würde. Schaden. Trotzdem danke für die Antwort. Ich verwende Webp im Web und werde es weiterhin verwenden.
Patricia
„Hinweis: Das Ändern des Alt-Tags oder der Bildunterschrift eines Bildes über die Mediathek ändert diese nicht in den Beiträgen und Seiten, in denen das Bild bereits verwendet wird.“
Wenn dies der Fall ist, wie kann ich die Alt-Tags der bereits verwendeten Bilder anpassen?
Joe Staiano
Ist es in Ordnung, all diese Fotos in meiner WP Dashboard Mediathek zu bearbeiten, wenn die Website und einzelne Seiten bereits veröffentlicht und live sind? Muss ich jedes Foto löschen und eine kopierte Version des Fotos neu hochladen, die korrekte Alt-Tags, Titel und Beschreibung hat?
WPBeginner-Support
Wenn Sie Änderungen in der Mediathek an Bild-Tags vorgenommen haben, müssten Sie die Bilder erneut hinzufügen, damit die Informationen den von Ihnen vorgenommenen Änderungen für bereits auf Ihrer Website vorhandene Medien entsprechen.
Administrator
Nelda Schulte
Das war eine großartige Erklärung. Ich habe tagelang nach dieser Art von Informationen gesucht, Ihre war die beste, die ich gefunden habe. Danke!
WPBeginner-Support
Gern geschehen
Administrator
Philbeaux
Hat die Beschreibung eines angehängten Bildes Auswirkungen auf das SEO einer Seite?
WPBeginner-Support
Es hat im Moment keine großen Auswirkungen auf die SEO.
Administrator
Favian
Betreff: Bildgröße – Ich habe Bilder mit 1200x1200px @ca. <1MB hochgeladen. Macht es Sinn, die Dateigröße direkt in WP zu reduzieren (z. B. Bilder nicht in 'vollständiger Größe', sondern in 'groß', 'mittel' usw. einfügen)? Oder muss ich mich um die Bildgröße kümmern, wenn ich die Bilder direkt von meiner Festplatte hochlade? Danke
WPBeginner-Support
Zu diesem Zeitpunkt wird es eher zu einer Frage der persönlichen Präferenz, aber wir ziehen es vor, Bilder zu optimieren und zu verkleinern, bevor wir sie auf eine WordPress-Website hochladen, wenn das gemeint ist.
Administrator
Ahmed
Danke für diesen guten Beitrag.
WPBeginner-Support
Gern geschehen, wir freuen uns, dass Ihnen unser Beitrag gefallen hat
Administrator
sanjay sajeev
Hallo,
Vielen Dank für die Tipps zur Bildoptimierung. Mein Anliegen ist etwas anderes. Ich habe zum Beispiel einen Blogbeitrag mit einem Bild veröffentlicht. Später möchte ich dieses Bild aus dem Beitrag entfernen und ein neues hinzufügen. Wenn ich es entferne und ein neues Bild hinzufüge. Wird sich das auf das SEO meiner Website auswirken?
WPBeginner-Support
Es sollte keine größeren Ranking-Änderungen für das SEO Ihrer Website geben, wenn Sie das Bild ändern.
Administrator
Jad
Was ist mit dem Beschreibungsfeld?!
WPBeginner-Support
Dieses Feld dient dazu, Text auf der Bildanhangseite oder unter dem Bild anzuzeigen, je nach Design Ihres Themes, und ist derzeit nichts Wesentliches für SEO.
Administrator
Denisse
Hallo! Vielen Dank für diese Informationen. Ich suche schon seit einiger Zeit nach einem Beitrag wie diesem.
Benötigen die Bilder von mir, die unter meinem Abschnitt „Über mich“ in meinem Blog stehen, immer noch Metadaten?
WPBeginner-Support
Wir empfehlen, auch diesen Bildern Metadaten hinzuzufügen
Administrator
denisse
Ich schätze Ihre schnelle Antwort.
Avinash
Hallo,
Danke für den tollen Artikel.
Gibt es spezifische Richtlinien für das Hinzufügen von Alt-Text zu einem Blog-Cover-Bild?
WPBeginner-Support
Sie würden es genauso befolgen, wie Sie es für andere Bilder tun würden. Wenn Sie das Bild auswählen, sollten Sie die Möglichkeit haben, die Tags mit dem Media-Uploader zu bearbeiten
Administrator
Tom
Hallo:
Toller Artikel!!!
Ich habe eine Frage, Sie sagten: „Das Ändern des Alt-Tags oder der Bildunterschrift über die Mediathek ändert diese nicht in den Beiträgen und Seiten, in denen das Bild bereits verwendet wird.“
Bedeutet das, dass ich das Bild nach dem Hinzufügen des Alt-Tags in der Mediathek erneut einfügen muss?
Danke
WPBeginner-Support
Nachdem Sie es in der Mediathek eingerichtet haben, sollte es beim Versuch, es zu einem Beitrag hinzuzufügen, die in der Mediathek festgelegten Tags übernehmen.
Administrator
ivykaye
Danke
WPBeginner-Support
Gern geschehen
Administrator
Franci Hoffman
Das ist sehr hilfreich, Syed, besonders Ihre Erklärung zu „So fügen Sie Alt-Text, Titel und Bildunterschrift zu Bildern in WordPress hinzu“.
Danke.
WPBeginner-Support
Wir freuen uns, dass unser Artikel hilfreich war
Administrator
Rob
Ich betreibe SEO schon seit bevor es Google gab. Ich habe das nur zum Spaß gelesen und weil ich WP Beginner vertraue.
Ich habe tatsächlich etwas gelernt.
Ich hatte keine Ahnung, dass der Alt-Tag bei der Google-Bildersuche verwendet wird, um das Bild zu beschreiben.
WPBeginner-Support
Schön, dass unser Artikel helfen konnte, etwas Neues zu lernen
Administrator
Linda
Aufgrund von Zeitmangel und der schieren Menge an Fotos, die ich auf über 5 Websites posten muss, die ich für meine Organisation verwalte, vernachlässige ich oft die Metadaten und bereue es später. Dies ist ein sehr wichtiger Artikel und ein großer Anreiz für uns alle, unsere Mediatheken von Anfang an zu organisieren und uns bei jedem hinzugefügten Bild zu disziplinieren, diese Informationen bereitzustellen. (Ganz zu schweigen von unseren Beiträgen und Seiten!)
Danke.
WPBeginner-Support
Vielen Dank für Ihr Feedback zu unserem Artikel und die Betonung der Wichtigkeit von Metadaten
Administrator
John Monyjok Maluth
Wow! Wieder ein toller Artikel. Ich brauche das, um meine Bilder zu verbessern. Ja, ich benutze Yoast SEO, aber ich bin nie auf die Idee gekommen, es zur Verbesserung von Bildern auf meiner Website zu verwenden, insbesondere um die "Anhangsseiten" zu deaktivieren.
Danke, dass Sie mir geholfen haben, die besten WordPress-Tipps zu finden, wenn ich sie brauche. Sie haben mir viele Dinge beigebracht.
John Shalom
WPBeginner-Support
Schön, dass unser Artikel helfen konnte
Administrator
Nur Salam
Soll ich Originaldateien von Stockfotos verwenden. Da die Bilder hochauflösend und groß sind. Und gtmetrics empfahl die Verwendung optimierter Fotos...
WPBeginner-Support
Je nachdem, woher Sie das Stockfoto bezogen haben, sollten Sie die Lizenzvereinbarung prüfen, um sicherzustellen, dass dies zulässig ist.
Administrator
Chris
Ich erhalte regelmäßig eine Nachricht auf meinem Desktop über Ihre Website. Wie kann ich das stoppen?
WPBeginner-Support
Wenn Ihr Browser aus irgendeinem Grund unsere Push-Benachrichtigungen automatisch akzeptiert hat, sollten Sie mit der rechten Maustaste auf die Benachrichtigungen klicken können, um sie zu stoppen.
Administrator