SEO-Special: Bildoptimierung

20. Dezember 2017 / Kategorie Onlineshop SEO Webdesign
SEO-Special: Bildoptimierung von Websites & Onlineshops

Kennen Sie einen Webshop ohne Produktabbildungen? Das ist kaum vorstellbar. Internetseiten von Online-Magazinen, Nachrichtenportalen, Blogs, Shops und Unternehmen profitieren von der Kraft eines Bildes und dessen Informationsgehalt fĂŒr den Leser. Ein Bild vermittelt nicht nur Informationen, sondern bringt die Emotionen des Betrachters zum Schwingen. DarĂŒber hinaus ist die Einbettung von Bildern in Fließtexten aus SEO-Sicht notwendig geworden, denn die Suchmaschine von Google bevorzugt Webseiten mit Bildern beim Ranking. Multimediale Inhalte werden von Google hoch bewertet und bergen somit starkes SEO Potenzial, das der Website-Betreiber nicht vernachlĂ€ssigen darf.

Bildoptimierung: visuelle Kriterien
Bevor ein Bild auf einer Internetseite eingebettet wird, macht sich der Websitebetreiber viele Gedanken. Das Bild soll den Besucher zum Klicken bzw. letztendlich zum Kauf eines Produktes animieren. Neben der AbwĂ€gung, welche optischen Reize das Bild auf den Betrachter ausĂŒben soll, ist bei der Bildauswahl auf die Zielgruppe zu achten, welche Erwartung diese hat und wie glaubwĂŒrdig die Darstellung rĂŒberkommt. Nachdem ein Bild nach diesen visuellen Kriterien ausgewĂ€hlt wurde, beginnt die SEO-Optimierung des Bildes.

Bildoptimierung fĂŒr die Bildsuche bei Google
Über den Suchschlitz bei Google können nicht nur Websites als Suchergebnisse zu einem Suchbegriff geliefert werden, sondern auch Bilder. Dazu klickt der Anwender rechts oben im Fenster auf „Bilder“ und befindet sich anschließend in der Bilder-Suchmaschine von Google. Selbst wenn die Google-Bildersuche nicht mehr den organischen Traffic generiert wie frĂŒher, ist diese nicht zu unterschĂ€tzen. Suchen Verbraucher nach bestimmten Abbildungen zu einem Keyword, listet die Google-Bildsuche Miniaturansichten dazu. Im Vergleich zu frĂŒher, bekommt der Anwender jetzt nach einem Klick auf das kleine Bild die grĂ¶ĂŸere Variante zu sehen, statt auf die Bildquelle (die Website) weitergeleitet zu werden. Dennoch kann der Anwender zur Bildquelle gelangen. Teil des Fensters, das sich beim Anklicken des Miniaturbildes öffnet, ist sowohl ein Textlink als auch ein Button „Aufrufen“, der auf die Quellseite weiterleitet, womit echter Traffic generiert wird.

Bildauszeichnung mit Meta-Daten

1. Dateiname
Über den Dateinamen gibt man Google inhaltliche Informationen zum Bild bekannt. Vorzugsweise kann das Keyword im Namen enthalten sein. Wichtig ist ein eindeutiger und aufschlussreicher Name. Eine Bilddatei mit technischen und systematischen Angaben im Namen, wie zum Beispiel img001-1234567_1280.jpg, fĂŒr ein rosa Sparschwein, wird folglich SEO-optimiert als „rosa-sparschwein.jpg“ benannt.

2. Alt-Tag
Neben dem Dateinamen gehört zur Bildauszeichnung der Alt-Tag. Dabei handelt es sich um die alternative Bezeichnung des Bildes. Sollte das Bild – aus welchen GrĂŒnden auch immer – nicht darstellbar sein, erscheint der Inhalt, der fĂŒr das Alt-Tag vergeben wurde. FĂŒr die Suchmaschinenoptimierung ist der Alt-Tag Ă€ußerst relevant. Der Inhalt des Alt-Tags sollte den Inhalt des Bildes wiedergeben. Dadurch wird es Google möglich, die Abbildung besser thematisch zu bestimmen. Teil des Alt-Tags können Synonyme, Keyword-Varianten und Ă€hnliche Suchbegriffe sein. FĂŒr das oben erwĂ€hnte Beispiel kann daher der Alt-Tag diese Angaben wiedergeben: „Bares Geld sparen im Alltag“. In diesem Fall wird die Thematik Sparen und Geldsparen aufgegriffen. Auf Synonyme fĂŒr „rosa“ und „Schwein“ kann verzichtet werden, da sie inhaltlich nichts bzw. irrefĂŒhrende Aussagen vermitteln wĂŒrden.

Nebenbei erwĂ€hnt hat der Alt-Tag Bedeutung fĂŒr spezifische Software, die Sehbehinderte verwenden. Blinde Webnutzer bekommen vom Screenreader den Alt-Tag vorgelesen und werden so ĂŒber den Bildinhalt informiert.

3. Title-Tag
FĂŒr den Title-Tag eignet sich am besten der Inhalt des Dateinamens in ausgeschriebener Form. Dieser Tag ĂŒberliefert Google den dargestellten Inhalt des Bildes. Der Bildtitel kann zudem zusĂ€tzlich nĂŒtzliche Informationen fĂŒr den Anwender bereitstellen.

Bezug zum Thema und Kontext
Google erhĂ€lt durch das Festlegen der Metadaten Dateiname, Alt-Tag und Title-Tag alle Informationen zum Bild. FĂŒr die weitere Optimierung muss im nĂ€chsten Schritt das Bild auf der Seite passend zum Kontext positioniert werden. In unserem Beispiel wĂŒrde das Bild „Rosa Sparschwein“ links oder rechts einer AufzĂ€hlung mit konkreten Geldspartipps eingebettet werden. Unpassend wĂ€re eine Stelle im Text, die die pro Kopf Verschuldung der Deutschen behandelt.

Was noch beachtet werden sollte
Das Laden von Bildern beeinflusst wesentlich die Geschwindigkeit der Website, was fĂŒr Google einen weiteren Rankingfaktor darstellt. Empfohlen werden Bildformate wie JPG, GIF und PNG.

Seit ein paar Jahren bevorzugt Google Responsive Design auf Webseiten, damit Inhalte ansprechend auf mobilen EndgerĂ€ten dargestellt werden können. Responsive Design erstreckt sich ĂŒber alle Elemente einer Website: Links, Texte, Buttons und natĂŒrlich Bilder. Der Webdesigner verwendet flexible Bilder, die auf verschiedenen DisplaygrĂ¶ĂŸen dargestellt werden können und achtet bei der Skalierung darauf, dass keine QualitĂ€tsverluste entstehen.

Möchten Sie mehr zum Thema Bildoptimierung fĂŒr Internetauftritte erfahren? Oder wĂŒnschen Sie einen detaillierten SEO-Check Ihres Onlineshops oder Ihrer Website? Kontaktieren Sie uns doch einfach unter info@webda.de fĂŒr einen unverbindliche Beratung.

Gerne bringen wir Ihre Online-PrÀsenz auf die neuesten SEO-Standards!

Wir freuen uns auf Sie!