Bild-SEO: So optimieren Sie Bilder für die Suche

Die Suche ist viel mehr als 10 blaue Links. MozCast zeigt, dass über 36 % der Suchanfragen Bilder enthalten.

Ganz zu schweigen von all den Suchen, die mit der Google-Bildsuche durchgeführt wurden. Das ist eine enorme Menge an potenziellem Website-Engagement für Marken. Viele Website-Ersteller verbringen jedoch keine Zeit damit, die Bilder zu optimieren, die sie für ihre Website verwenden – sie glauben, dass eine einfache Alt-Textzeile ausreicht, um den komplexen Bild-SEO-Algorithmus von Google zu befriedigen.

Aber der Algorithmus von Google wird jeden Tag intelligenter.

Glücklicherweise erfordert die Optimierung Ihrer Website-Bilder für die Suche nicht unzählige Stunden der Implementierung komplexer SEO-Strategien und -Formeln. Die Bildoptimierung für SEO erfordert ein paar einfache Schritte. Indem Sie sich auf Faktoren wie Bildgröße, Geschwindigkeit, Beschreibung und Inhalt konzentrieren, können Sie eine bessere Benutzererfahrung bieten und Google dabei helfen, Ihre Bilder zu definieren und zu organisieren.

Bildoptimierung für die Benutzererfahrung

Während alle SEO-Strategen möchten, dass ihre Inhalte bei Google einen hohen Rang einnehmen, ist es wichtig, Inhalte zu erstellen, die eine großartige UX (Benutzererfahrung) bieten. Je besser UX Sie bieten, desto höher ist die Wahrscheinlichkeit von Engagement und Conversions. Aus diesem Grund umfasst die beste Bildoptimierung Kontext, Relevanz und Websitequalität.

So können Sie Bilder für die Benutzererfahrung optimieren.

Betrachten Sie die Bildplatzierung

Die Auswahl, wo Sie ein Bild auf einer Webseite platzieren, beeinflusst Kontext und Relevanz am meisten. Viele Website-Ersteller fügen ein oder zwei Bilder in zufällige Abschnitte ihrer Webseite ein, um den Text aufzubrechen. Dies kann Ihr Publikum jedoch verwirren und ablenken. Bilder sollten in der Nähe des relevantesten Textes platziert werden, um den Besuchern Kontext zu bieten. Beachten Sie, wie sich das Bild im nächsten Abschnitt auf den Text bezieht. Dies hilft Google auch dabei, passende Bilder für verwandte Suchanfragen bereitzustellen.

Verwenden Sie hochwertige und einzigartige Bilder

Stockfotos sind für viele Website-Besitzer die erste Wahl. Schließlich sind sie oft kostenlos, einfach zu verwenden und es gibt bestimmt ein oder zwei, die für Ihre Website relevant sind. Das Problem ist, dass jeder andere Website-Ersteller wahrscheinlich dasselbe tut, was bedeutet, dass die von Ihnen verwendeten Stock-Bilder wahrscheinlich auf zehn anderen Websites wie Ihrer zu finden sind.

Wie John Mueller von Google erklärt: „Wenn Sie versuchen, in Google Bilder zu ranken, dann wird es Ihnen nicht viel nützen, dasselbe Bild wie viele andere Websites zu verwenden.“

Als Teil Ihres Optimierungs-Workflows sollten Sie erwägen, Ihre eigenen einzigartigen Bilder zu erstellen, die ausschließlich für Ihre Website verwendet werden. Die Investition in hochwertige Fotos kann zu einer viel höheren Bindungsrate führen, insbesondere wenn Sie einen E-Commerce-Shop haben, in dem verführerische Produktfotos eine Notwendigkeit sind.

Sorgen Sie für Mobilfreundlichkeit

Die mobile Nutzung macht über 50 % des gesamten Webverkehrs aus . Daher ist es unerlässlich, dass Sie Ihre Bilder für Mobilgeräte optimieren. Google bietet einen einfachen mobilfreundlichen Test an, der Ihre Webseite scannt und für die mobile Nutzung testet und Ihnen Ratschläge gibt, wie Sie Bilder besser optimieren können. Erwägen Sie für Seiten, die diesen Test nicht bestehen, die Verwendung von responsiven Bildern, die je nach Gerät, mit dem ein Benutzer darauf zugreift, an die Größe angepasst werden.

Typischerweise wird eine Kombination aus HTML, CSS und Javascript verwendet, um die richtige Bildgröße basierend auf dem Gerät bereitzustellen. Die meisten Websites sind bereits für Mobilgeräte optimiert. Wenn Sie auf einer sehr alten Website arbeiten oder sich nicht sicher sind, passen Sie einfach die Breite Ihres Webbrowsers an. Sie sollten sehen, wie die Bilder skaliert werden, wenn sich die Größe des Browserfensters ändert. Weitere Informationen zum Erstellen von responsiven Bildern finden Sie in diesem Leitfaden .

Vergessen Sie nicht die Seitenqualität

Die Bildoptimierung ist nur ein Teil der Gewährleistung einer großartigen Benutzererfahrung. Andere hochwertige Inhalte auf Ihrer Webseite zu haben, erhöht ihre Relevanz und Nützlichkeit weiter. Google berücksichtigt bei der Beurteilung der Websitequalität viele verschiedene Faktoren, darunter Sicherheit, Fachwissen, Wert, Vertrauenswürdigkeit und Organisation. Je ausgereifter Ihre Webseite insgesamt ist, desto größer ist der Nutzen für die Menschen und desto wahrscheinlicher ist das Interesse von Google.

So optimieren Sie Bilder auf Geschwindigkeit

Laut einem Google-Bericht steigt die Wahrscheinlichkeit, dass Besucher von einer Webseite wegnavigieren, um 32 %, da „die Ladezeit der Seite von 1 Sekunde auf 3 Sekunden sinkt“. Diese hohe Statistik zeigt, dass die Ladegeschwindigkeit ein einflussreicher Faktor für den Erfolg von Webseiten ist. Und nichts verlangsamt eine Seite mehr als ein Bild, das zu lange zum Laden braucht.

Glücklicherweise gibt es eine Reihe von Möglichkeiten, wie Sie Ihr Bild für eine bessere Seitenladegeschwindigkeit optimieren können.

Wählen Sie das richtige Bildformat

Die Wahl des richtigen Bildformats ist der erste Schritt, um sicherzustellen, dass Ihr Bild sowohl schnell als auch richtig geladen wird. Aber wie bestimmen Sie, welches Bildformat am besten für die Geschwindigkeitsoptimierung geeignet ist? Prüfen Sie im ersten Schritt, welche Möglichkeiten Ihnen als von Google unterstützte Bildformate zur Verfügung stehen.

1. PNG : PNG-Formate werden normalerweise für Grafiken, Screenshots oder Bilder verwendet, bei denen die Hintergrundtransparenz erhalten bleiben muss.
2. JPEG : Das bekannteste der Bildformate, JPEGS, eignet sich gut für große Fotos oder Illustrationen.
3. SVG : Am besten geeignet für alle benutzerdefinierten Logos oder Symbole, die in verschiedenen Größen angezeigt werden können.
4. WebP : Die beste Option für qualitativ hochwertige Ergebnisse bei kleineren Bildern.
5. BMP : BMP wird eher als veraltete Option angesehen und für Bitmap-Bilder verwendet.
6. GIF : Für bewegte Grafiken oder Animationen.

Bei der Bildoptimierung gibt es eine große Debatte darüber, ob GIFs oder Videos aus Optimierungssicht besser sind. Beide Formate haben ihre Vor- und Nachteile. Videos erzielen tendenziell das höchste Engagement – ​​fast 70 % der Verbraucher kaufen eher ein Produkt, nachdem sie sich ein Video darüber angesehen haben. Gleichzeitig dauert das Laden von Videos in der Regel länger als von GIFs, was die Seitengeschwindigkeit verlangsamen kann. Welche Sie wählen sollten, hängt von den anderen Elementen ab, die sich auf Ihrer Webseite befinden. Wenn es textlastig ist, sollten Sie nur GIFs verwenden. Wenn Sie weniger auf Ihrer Seite haben, können Sie Videos sicher verwenden, ohne die Ladegeschwindigkeit zu beeinträchtigen.

Denken Sie an die Bildkomprimierungsrate

Sobald Sie das richtige Format ausgewählt haben, müssen Sie auch die Bildkomprimierungsrate berücksichtigen. Eine zu starke Bildkomprimierung kann zu einer schlechten Bildqualität führen, während eine zu geringe Komprimierung zu einer enormen Dateigröße führt. Viele Fotobearbeitungsseiten und -apps ermöglichen es Ihnen, mit Komprimierungsgrößen zu experimentieren. Google hat einen Leitfaden zu Komprimierungsmethoden bereitgestellt, die Sie auf Ihre Bilder anwenden können und Begriffe wie verlustbehaftete Komprimierung abdecken.

Denken Sie daran, dass es keine „richtige Antwort“ darauf gibt, wie die Größe Ihrer komprimierten Bilddatei aussehen sollte – aber achtzig Prozent sind ein guter Ausgangspunkt. Es ist sehr unwahrscheinlich, dass Sie eine Verschlechterung der Bildqualität bemerken, außer in den kritischsten Fällen.

Erwägen Sie die Verwendung eines WordPress-Plugins zur Bildoptimierung. Für den MarketMuse-Blog verwenden wir Kraken . Einmal eingerichtet, werden Bilder automatisch komprimiert, wenn sie in das CMS hochgeladen werden. Dies ist perfekt, um einen effizienten Workflow zu erstellen.

Wählen Sie die richtigen Bildabmessungen

Das Bereitstellen von Bildern mit den richtigen Abmessungen ist der letzte Schritt, um sicherzustellen, dass Bilder die Seitenladegeschwindigkeit und Benutzerfreundlichkeit nicht negativ beeinflussen. Das Bereitstellen übergroßer Bilder ist eine Verschwendung von Bandbreite und fügt unnötigen Overhead hinzu. Die meisten Content-Management-Systeme erledigen dies für Sie, aber Sie müssen zunächst immer noch über ein Originalbild in angemessener Größe verfügen.

Das Chrome-Browser-Inspektionstool kann Ihnen dabei helfen, schnell die geeignete Größe zu ermitteln. Die gerenderte Größe ist die Größe, in der das Bild angezeigt wird. Im MarketMuse-Blog beträgt die Spaltenbreite 760 Pixel, was effektiv die maximale Breite ist, mit der ein Bild angezeigt wird. Die intrinsische Größe ist die Größe des Bildes, das auf WordPress (unser CMS) hochgeladen wurde. Normalerweise sollte die intrinsische Breite nicht größer sein als die gerenderte.

Die Ausnahme von der Regel sind Screenshots, bei denen Sie möchten, dass Besucher alle Details sehen, die sie in einem kleineren Bild vermissen. Zum Beispiel zeigen wir im MarketMuse-Blog oft Screenshots unserer Plattform. Aufgrund der Spaltenbreitenbeschränkung von 760 Pixeln ist es jedoch oft schwierig, bestimmte Merkmale genau zu erkennen.

Das Originalbild (in diesem Fall 1644 Pixel breit) wird also in WordPress hochgeladen und in der kleineren Breite von 760 Pixel bereitgestellt. Wenn Leser auf das Bild klicken, öffnet es sich in voller Größe, wo die Details in ihrer ganzen Pracht zu sehen sind.

Kurzer Hinweis : Wenn die Bildkomprimierung nicht ausreicht, sollten Sie die Verwendung eines CDN (Content Delivery Network) in Betracht ziehen. Ein CDN ist eine geografisch verteilte Gruppe von Servern, die zusammenarbeiten, um eine schnelle Bereitstellung von Internetinhalten bereitzustellen. Dieser Geschwindigkeitsunterschied kann ziemlich groß sein und die Kosten sind minimal und in einigen Fällen kostenlos. Lesen Sie diesen Leitfaden von Cloudflare , um mehr zu erfahren.

Bild-SEO für Discovery

Bilder können bei Google nicht ranken, wenn sie nicht entdeckt werden. Zwei Dinge können dabei helfen; eine Bild-Sitemap und semantische Markups.

Verwenden Sie Bild-Sitemaps

Was ist eine Bilder-Sitemap und wie hilft sie Google dabei, Ihre Bilder zu finden? Eine Bild-Sitemap ist eine XML-Sitemap, die dazu bestimmt ist, alle Bild-URLs auf einer Website aufzulisten. Eine Sitemap ist im Wesentlichen eine Blaupause, die Google hilft, die relevanten URLs auf Ihrer Website zu finden, zu verstehen und zu crawlen.

Technisch gesehen benötigen Sie keine Sitemap. Sie können URLs einfach über die Google Search Console einreichen. Aber es ist viel effizienter, einen zu haben, besonders wenn er automatisch aktualisiert wird, wenn neue Inhalte live gehen.

Für den MarketMuse-Blog verwenden wir RankMath , ein WordPress-Plugin, das Sitemaps neben einer Vielzahl anderer SEO-Aufgaben verarbeitet. Es ist so ziemlich eingestellt und vergessen. Diese Anleitung von Google zum Erstellen einer Sitemap kann hilfreich sein, wenn Sie eine manuell erstellen müssen.

Betrachten Sie semantisches Markup

Auf den ersten Blick mag der Ausdruck „semantische Auszeichnung“ zunächst kompliziert erscheinen. Zum Glück ist es keine übermäßig komplexe Software, um die Sie sich Sorgen machen müssen. Semantisches Markup bezieht sich auf das Inhalts-Markup oder HTML einer bestimmten Seite. Es hilft Menschen und Suchmaschinen, den Inhalt einer Seite besser zu verstehen. Damit eignet es sich ideal für die Bildoptimierung.

Jeder HTML-Code sollte Informationen vermitteln, die Ihre Website sowohl für Computer als auch für Menschen beschreiben. Lesen Sie Googles Meinung zu semantischen Markups für HTML, um die besten Tipps und Tricks zu diesem Thema zu erhalten.

SEO-Bildoptimierung für die Indizierung

Es gibt ein paar Dinge, die Sie tun können, um sicherzustellen, dass Google Ihre Bilder genau indexiert.

Werde beschreibend

Das Einfügen beschreibender Titel, Beschreibungen und Dateinamen als Teil Ihrer Website hilft Google und Menschen, Ihre Website besser zu verstehen. Der beste Weg, um sicherzustellen, dass alle Ihre Textelemente aussagekräftig sind, besteht darin, Ihre Schlüsselwörter strategisch in dem Text zu platzieren, der in der Suchmaschine an prominenter Stelle angezeigt wird. Halten Sie außerdem Textbeschreibungen kurz, aber effektiv – vermeiden Sie die Verwendung von Symbolen wie Unterstrichen, da die Google-Algorithmen sie nicht erkennen. Jedes einzelne Wort, das Sie verwenden, sollte einen Zweck für ein Suchergebnis erfüllen.

Binden Sie strukturierte Daten ein

Um Ihnen dabei zu helfen, Rich-Ergebnisse bei Google zu erzielen, fügen Sie nach Möglichkeit strukturierte Daten in Ihre Bilder ein. Mit Rich-Suchergebnissen kann Google Badges bereitstellen, die Nutzern weitere relevante Informationen zu Ihrer Seite liefern, während sie eine Bildsuche durchführen. Google unterstützt strukturierte Daten für Produkte, Videos und Rezepte.

Darüber hinaus verfügt Google über ausführliche Richtlinien für strukturierte Daten, die den gesamten Prozess der Einbindung strukturierter Daten in Ihre Bilder-SEO umreißen, über die Sie hier mehr lesen können. Die wichtigsten Tipps sind, Ihre Informationen und Daten auf dem neuesten Stand zu halten und keine irrelevanten Daten zu erfinden, die für Benutzer irreführend sein könnten.

Verwenden Sie Alt-Tags

Wenn ein Bild nicht auf Ihrer Seite geladen wird, wird stattdessen Alt-Text angezeigt, der hilft, Ihr Bild zu beschreiben. Auch für sehbehinderte Personen, die auf Ihre Website zugreifen, kann dieses Alt-Tag ihnen helfen zu verstehen, was auf dem Google-Bild zu sehen ist. Schließlich bietet die Verwendung des richtigen Alternativtextes einige zusätzliche Informationen, die Google dabei helfen, das Bild und die Seite, auf der es sich befindet, besser zu verstehen.

Es gibt ein paar wichtige Tipps zum Schreiben von gutem Alt-Text , der Ihr Bild optimiert.

• Verwenden Sie Ihre Ziel-Keywords: Das Hinzufügen Ihrer Ziel-Keywords im Alt-Text ist die wichtigste Methode, um Ihre Website mit relevanten Themen zu verknüpfen und Ihre Sichtbarkeit in einer Suchmaschine zu verbessern.
• Halten Sie es kurz : 80 bis 125 Zeichen (ca. 16 Wörter) für maximale Zugänglichkeit . Bis zu 50 Wörter für das Ranking in der Google Bildersuche.
• Beseitigen Sie unnötige Phrasen : Beginnen Sie niemals einen Alt-Tag mit Phrasen wie „Dies ist ein Bild von ____“ oder „Dies ist ein Bild von ____“. Dies ist überflüssig und nimmt zentralen Raum ein. Gehen Sie für Kürze und Klarheit direkt zur Quelle des Bildes.

Kurzer Hinweis : Eine häufig gestellte Frage bei der Indizierung ist, ob Google CSS-Bilder indiziert. Die Antwort ist nein. John Mueller von Google erklärte, dass Sie besser dran sind, normale Bild-Tags zu verwenden und das Alt-Attribut auf das Bild zu verweisen.

Das wegnehmen

Die Bildoptimierung für die Bildersuche ist eine weitere SEO-Strategie, die Sie implementieren sollten, wenn Sie an der Erstellung nützlicher, relevanter Webseiten arbeiten. Wie Sie sehen, umfasst Bilder-SEO viele Facetten. Um einen guten Rang in der Google-Bildsuche zu erzielen, müssen Sie Bildgröße, Geschwindigkeit, Inhalt, Format und zugehörige Daten berücksichtigen. Stellen Sie außerdem sicher, dass Sie beschreibenden Alt-Text, Titel und Text auf der Seite erstellen, um eine insgesamt bessere Webseite zu erstellen. Richtig durchgeführt, kann die Bildoptimierung zu einem verbesserten Suchranking und einer Website führen, auf die die Benutzer immer wieder zurückkommen.