Kategorien

Bild-Optimierung: Alles, was Sie wissen müssen

Bildoptimierung ist eine bekannte SEO-Praxis. Hier sind 11 Tipps zur Bildoptimierung, die Sie unbedingt kennen sollten.

Bei der Bildoptimierung geht es im Wesentlichen darum, Ihre Bilder so zu optimieren, dass sie bei Google gut platziert werden. Aber wie optimieren Sie Ihre Bilder? In diesem Artikel gehen wir näher darauf ein, was Bildoptimierung ist, und geben Ihnen 11 Tipps zur Bildoptimierung, die Sie für eine bessere Suchmaschinenoptimierung unbedingt wissen müssen.

Was bedeutet es, Bilder zu optimieren?

Wenn ich die Bildoptimierung in einem Wort zusammenfassen könnte, würde ich sagen Effizienz.

Bei der Bildoptimierung geht es im Grunde um ein Gleichgewicht zwischen hoher Bildqualität - ein Bild soll so gut wie möglich aussehen und gleichzeitig so wenig Platz (und Bandbreite) wie möglich beanspruchen. 

Hier ist eine genauere Erklärung, was ich meine:

Wir wissen, dass die Übertragung größerer Datenmengen über das Internet länger dauert.

Mit anderen Worten: Größere Bilddateien benötigen eine längere Ladezeit. Größere Bilder (in Dateigröße, nicht unbedingt Pixelgröße) haben längere Ladezeiten.

Andererseits ist eine kleinere Bildgröße (in unserem Fall Bilder) möglicherweise nicht so hochwertig wie eine größere Datei. (Das ist keine absolute Aussage, aber wenn alle Dinge gleich sind, ist das im Allgemeinen der Fall).

bildgröße einstellungen wordpress bildoptimierung

Die Vorteile der Formatierung Ihrer Bilder

Was wir also mit Bildoptimierung meinen, ist genau das: ein Gleichgewicht zwischen Dateigröße (Ladezeit) und visueller Qualität. Das ist der eigentliche Vorteil hier. Mit den unten aufgeführten Tipps sollten Sie in der Lage sein, die Dateigröße fast aller Bilder erheblich zu reduzieren und gleichzeitig einen Großteil der visuellen Qualität beizubehalten.

Warum die Bildsuche wichtig ist

Im Folgenden gehe ich auf die richtige Benennung Ihrer Bilder (d. h. die Dateinamen) und den Alt-Text ein. Dies sind Schlüsselfaktoren, damit Ihr Bild in einer Bildersuche gefunden wird. Sie wissen wahrscheinlich, dass Sie eine Google-Suchergebnisseite so einschränken können, dass nur Bilder angezeigt werden. Wenn Sie Ihre Bilder für die Suchmaschinenoptimierung optimieren, wird Ihr Bild in den Bildern der Suchergebnisse angezeigt.

kamera google suche seo bildoptimierung

11 wichtige Bild-SEO-Tipps, die Sie kennen müssen

Die folgenden 11 Tipps zur Bildoptimierung sollten Ihnen ein solides Verständnis dafür vermitteln, was Sie tun müssen, um Bilder zu haben, die gut aussehen und schnell laden.

Tipp#1: Einzigartige Bilder erstellen

Mit den heutigen fortschrittlichen Bilderkennungstechnologien kann die Erstellung einzigartiger oder origineller Bilder von Vorteil sein, insbesondere wenn Sie in einem bildorientierten Markt (z. B. Hochzeitsfotografie) tätig sind und sich von anderen abheben möchten.

Tipp #2: Wählen Sie Ihre Bildabmessungen und Produktwinkel mit Bedacht

Glücklicherweise können die Bildgrößen proportional skaliert werden. Die meisten modernen Plattformen für die Website-Erstellung können ein großes Bild (d. h. in großen Pixeln) so skalieren, dass es auf die meisten Bildschirme passt. Dennoch ist es besser, wenn die Abmessungen Ihres Bildes an die modernen Bildschirmgrößen angepasst sind. Auf diese Weise haben Sie eine bessere Kontrolle darüber, wie das Bild auf den meisten Bildschirmen angezeigt wird. 

Sie können sich für ein responsives Thema entscheiden, da es Bilder in ein responsives Bild umwandeln kann. Ein responsives Bild ist ein Bild, das so kodiert wurde, dass es auf einer Vielzahl von Displaygrößen gut funktioniert - vom Desktop-Bildschirm bis zum Handy-Bildschirm.

Wenn Ihr Theme jedoch nicht responsive ist, gibt es auch einige Bildoptimierungs-Plugins, die Sie zu Ihrer Website hinzufügen können, um Ihre Bilder responsive zu machen.

Tipp#3: Benennen Sie Ihre Bildfeinnamen beschreibend und in einfacher Sprache

Dieser Tipp bezieht sich auf den Dateinamen, den Sie für Ihr Bild verwenden. Der Text in Dateinamen kann indiziert und durchsucht werden. Anstatt also einen Standard-Dateinamen wie "bild1.jpg" zu verwenden, benennen Sie das Bild in Ihr Ziel-Schlüsselwort um, damit es für diesen Begriff in der Rangliste erscheint und Sie mehr Suchanfragen über die Google-Bildersuche erhalten.

Tipp#4: Wählen Sie das richtige Format

Mit dem Format Ihrer Bilddateien meine ich den Dateityp (oder die Dateierweiterung) - .jpeg-Bilder, .gif und .png gehören zu den gängigsten Dateierweiterungen für Bilder.

Aber es gibt eine relativ neue Methode, die Aufmerksamkeit verdient: WebP.

Obwohl Sie wahrscheinlich Bilder in jedem Format optimieren können, sind einige Formate je nach Inhalt des Bildes besser geeignet als andere.

Ich werde mich hier auf WebP konzentrieren, ein von Google entwickeltes Dateiformat. Im Vergleich zu .png-Bildern können verlustfreie WebP-Bilder 26% kleiner sein, und im Vergleich zu .jpgs sind die verlustbehafteten WebP-Bilder 25-34% kleiner.

Nach dem, was ich gesehen habe, wird WebP langsam als brauchbares Bilddateiformat akzeptiert. Es hat sich vielleicht noch nicht durchgesetzt (die anderen Formate gibt es schon seit vielen Jahren), aber da wir gerade beim Thema Bildoptimierung sind, ist es aufgrund seiner geringeren Dateigröße ein interessantes Format.

Tipp#5: Vektorielle Bilder
Tipps zur Optimierung von Raster- und Vektorbildern

Ein Problem bei einigen Bildformaten ist, dass sie beim Heranzoomen verpixelt aussehen können. Bei Vektorbildern ist das nicht der Fall: Sie können vergrößert werden, ohne dass sie verpixelt aussehen (d. h., runde Linien auf dem Original behalten ihre Glätte, unabhängig davon, wie stark man sie vergrößert).

Tipp#6: Denken Sie an die Struktur der Bilddatei

Die Dateistruktur (oder besser gesagt, die Ordnerstruktur) ist eher etwas, worüber sich Webmaster normalerweise Gedanken machen müssen.

Kurz gesagt handelt es sich um die Hierarchie der Ordner, in denen sich das Bild in unserem Fall befindet.

Ihr Bild könnte zum Beispiel unter folgender Adresse zu finden sein:

site.com/content/images/2021/mein-bild.jpg

Oder, vielleicht ist es bei:

site.com/mein-bild.jpg

Im Allgemeinen ist es gut, Dateien näher an der Startseite zu speichern (weniger Ordner in Ordnern), aber das hängt wirklich von der Plattform ab, auf der Sie Ihre Website erstellen.

Tipp#7: Schreiben Sie SEO-freundlichen Alt-Text

Ich werde gleich erklären, was ein Alt-Text ist, aber im Grunde genommen geht es bei Alt-Texten (die keine Dateinamen sind) genauso wie bei beschreibenden Dateinamen um einen Text, der den Inhalt des Bildes beschreibt.

Was sind Alt-Tags und Alt-Text?

Alt ist die Abkürzung für Alternative.

Alt-Text ist der technisch korrekte Begriff, während der Begriff Alt-Tagist zwar technisch nicht so genau, wird aber austauschbar mit Alt-Text verwendet.

Ich weiß nicht, ob Sie schon einmal ein Bild gesehen haben, das nicht geladen werden konnte: Manchmal sehen Sie einen Text, der den Inhalt des Bildes beschreibt, das nicht geladen werden konnte. Dieser Text ist ein Alt-Text. Alt-Text kann für Menschen mit Sehbehinderungen von Vorteil sein: Ihre Bildschirmlesesoftware kann Alt-Text lesen und ihn auf eine Art und Weise vermitteln, die die Person sonst vielleicht nicht verstehen würde. 

Außerdem haben Suchroboter oder Crawler keine Augen und verlassen sich ebenfalls auf den Alt-Text, um zu "lesen", was das Bild ist.

Es ist auch eine gute SEO-Praxis, Ihr Ziel-Schlüsselwort in Ihren Alt-Text einzufügen. Verwenden Sie Ihre Schlüsselwörter mit Bedacht und vermeiden Sie Keyword-Stuffing. Eine Möglichkeit, Keyword-Stuffing zu vermeiden, ist die Verwendung anderer relevanter Keywords und Variationen Ihrer Keywords in unseren Alt-Bild-Tags und Alt-Text.

Tipp#8: Ein Wort der Vorsicht bei der Bereitstellung größerer Bilder

Zu große Bilder (sei es in Pixel- oder Dateigröße) können mehr Ressourcen (sowohl in Bezug auf die Bildschirmgröße als auch auf Speicher/Bandbreite) beanspruchen.

Das moderne Internet kann zwar mit großen Dateigrößen umgehen, aber da es hier um SEO geht, sollten Sie daran denken, dass Sie ein Gleichgewicht zwischen Quantität (Größe) und Qualität (visuelle Attraktivität) anstreben.

Tipp#9: Qualität der Komprimierung gegenüber Größe berücksichtigen

Eine Bildoptimierungstechnik, die ich noch nicht erwähnt habe, ist die Komprimierung.

Die Bildkomprimierung ist im Grunde ein Prozess, bei dem die Dateigröße eines Bildes verringert wird, wobei die Qualität des Bildes im Idealfall erhalten bleibt. Je nach der Methode, die Sie zur Komprimierung von Bildern verwenden, können Sie die Dateigröße eines Bildes ohne nennenswerte Einbußen bei der Bildqualität erheblich verringern.

Übersichtsdiagramm looseless vs loosy Bildkompression
Tipp#10: Verlustbehaftete vs. verlustfreie Optimierung
seonitro - verlustfrei vs. verlustbehaftet Bild

Die 2 allgemeinen Arten der Bildkomprimierung sind die verlustfreie und die verlustbehaftete Komprimierung.

Der einfachste Weg, zwischen verlustfrei und verlustbehaftet zu unterscheiden, ist folgender: Beim verlustfreien Verfahren steht die Qualität an erster und die Dateigröße an zweiter Stelle. Bei verlustbehafteten Verfahren steht die Reduzierung der Dateigröße an erster Stelle, die Qualität an zweiter. (Man kann sich das Wort "verlustfrei" auch als "verlustarm" vorstellen, d. h. mit weniger Qualitätsverlust.)

Abgesehen davon ist das, was ich oben erwähnt habe, vielleicht eine zu starke Vereinfachung, aber das ist eine sehr einfache Art, über verlustbehaftet und verlustfrei nachzudenken.

Tipp #11: Haben Sie Lazy Loading in Betracht gezogen?
Optimierung von Bildern für Websites mit langsamer Ladegeschwindigkeit

Bevor ich das "Lazy Loading" beschreibe, muss ich ein paar Schritte zurückgehen und etwas Kontext liefern.

SEO (Search Engine Optimization) sollte Hand in Hand mit der Benutzererfahrung (UX) gehen.

Die Zeit, die eine Seite zum Laden benötigt (manchmal auch Seitengeschwindigkeit) ist ein Faktor für die Erfahrung eines Nutzers. Es wurde gesagt, dass die Leute nicht länger als 3 Sekunden warten wollen, bis eine Seite geladen ist.

Es wurde sogar behauptet, dass die Erhöhung der Seitengeschwindigkeit bestimmter großer Einzelhandels-Websites um nur eine Sekunde (d. h. wenn sie eine Sekunde länger als üblich zum Laden brauchen) zu einem Verlust von Millionen von Dollar pro Jahr führen könnte (einfach weil die Leute nicht auf das Laden der Seiten warten).

Wir wissen, dass alle Dateien (Bilder) Bandbreite und damit Zeit zum Laden benötigen. Je größer die Dateien und je mehr Bilder vorhanden sind, desto länger dauert das Laden der Seite.

Was aber, wenn Ihre Seite viele, viele Bilder hat?

Nun, es gibt etwas, das man "Lazy Loading" nennt.

Ohne Lazy Loading lädt eine Webseite grundsätzlich alles (alle Bilder und Dateien), unabhängig davon, ob der Benutzer einen Bildlauf zu ihnen durchführt.

Mit anderen Worten: Ein Nutzer kann auf Ihrer Seite landen, feststellen, dass es eine Weile dauert, bis sie geladen ist (mehr als 3 Sekunden), und Ihre Seite verlassen.

Bei Lazy Loading hingegen werden die Bilder erst geladen, wenn der Nutzer einen Bildlauf zu ihnen durchführt.

So kann ein Benutzer auf Ihrer Seite landen und schnell das erste von vielen Bildern sehen. Wenn er mehr sehen möchte, kann er scrollen (und die anderen Bilder werden geladen, wenn der Nutzer zu ihnen scrollt).

Auf diese Weise wird die Seite (wenn auch nicht die gesamte Seite) mit Lazy Loading schnell geladen (so dass der Benutzer nicht warten muss, bis alles geladen ist). Wenn sie mehr sehen wollen, können sie scrollen, und dann werden die anderen Bilder nach Bedarf geladen.

Dies erhöht die Geschwindigkeit der Seite (für den Benutzer) und kann die Bandbreitennutzung verringern (denn wenn der Benutzer nicht weiter scrollt, wurden zumindest diese Elemente nicht unnötig geladen).

Eine weitere Option, die Sie in Betracht ziehen sollten, wenn Sie eine Reihe von Bildern auf Ihrer Seite haben (z. B. wenn Sie im E-Commerce tätig sind und eine Reihe von Produktbildern zeigen müssen oder wenn Sie ein animiertes Bild haben, das eine große Dateigröße annehmen kann), ist die Verwendung eines Content Delivery Network. Die Idee hinter einem CDN ist, dass ein Besucher, der sich geografisch näher an dem Server befindet, auf dem Ihre Website gehostet wird, eine bessere Erfahrung machen wird als ein Benutzer, der weiter entfernt ist. Das liegt daran, dass Ihre Website aufgrund der geografischen Nähe für den lokalen Benutzer schneller geladen wird. 

Ein CDN ist ein Netzwerk von Servern, die über verschiedene geografische Standorte auf der ganzen Welt verteilt sind. Diese Server hosten Ihre Website für Besucher, die ihnen am nächsten sind, was zu schnelleren Datenübertragungsraten und einer schnelleren Ladegeschwindigkeit für Ihre Website führt.

Verbessern Sie Ihre Bildoptimierungsverfahren

Wir hoffen, dass dieser Artikel Ihnen nützliche Tipps zur Optimierung der Bilder auf Ihrer Website gegeben hat. Denken Sie immer daran, qualitativ hochwertige Bilder zu verwenden und dabei das Gleichgewicht zwischen Qualität und Geschwindigkeit zu beachten. Wenn Sie die oben genannten Tipps zur Bildoptimierung beherzigen, werden Sie höchstwahrscheinlich ein besseres Nutzererlebnis schaffen und ein besseres SEO-Ranking für Ihre Website erzielen.

DK Fynn

SIA STAFF SEO WRITER

DK Fynn vollständige Biographie hier.