E-Commerce18. Januar 202216 Min. Lesezeit

Wie optimiert man Bilder für E-Commerce?

Produktfotografie ist ein Tätigkeitsbereich, in dem das alte Sprichwort „Viel hilft viel“ nicht unbedingt für alles gilt. Mehr Pixel oder eine höhere Auflösung bedeuten direkt eine größere Datei und eine Herausforderung für die Internetverbindung.

Wie optimiert man Bilder für E-Commerce?

Produktfotografie ist ein Tätigkeitsbereich, in dem das alte Sprichwort „Viel hilft viel“ nicht unbedingt für alles gilt. Mehr Pixel oder eine höhere Auflösung bedeuten direkt eine größere Datei und eine Herausforderung für die Internetverbindung. Denken Sie an die Ladezeiten mancher Produktbilder, wenn Sie auf einem Mobilgerät von Ihrem Urlaubsdomizil in den Bergen aus online einkaufen wollten. Das 3G-Netz konnte sie einfach nicht übertragen? Oder war die Website vielleicht eher für die Anzeige auf größeren Bildschirmen ausgelegt?

Wie optimiert man Bilder für E-Commerce?

Bevor Sie beginnen

In unserem ultimativen Leitfaden geben wir Ihnen Hinweise, wie Sie Produktbilder für die Online-Präsenz optimieren, damit es Ihren Kunden nie passiert. Sie lernen, wie Sie lästige Ladezeiten und Situationen vermeiden, in denen das Produktfoto einfach nicht gerätefreundlich aussieht.

Wir beginnen mit der einfachen Frage „warum optimieren?“ und führen Sie dann durch die Geheimnisse der Auflösungsoptimierung und des Dateigrößenmanagements. Schließlich erhalten Sie die Möglichkeit, die grundlegenden Prinzipien der Bild-SEO-Optimierung kennenzulernen, die ein wesentlicher Bestandteil eines reibungslos funktionierenden E-Shops ist.

Warum Produktbilder optimieren und wie anfangen?

Ein Online-Unternehmen wird Zeit und Geld immer als Vermögenswerte betrachten. Zu lernen, sie effektiv zu verwalten, ist Teil des Erfolgs und kommt nicht ohne die Optimierung der Prozesse der Produktfotografie aus. Sie möchten Bilder erstellen, die verkaufen, und Bilder, die den Kunden reibungslos durch die Website führen, statt Hindernisse zu schaffen.

Solche Produktbilder müssen hinsichtlich ihrer Sichtbarkeit, Downloadgröße und Suchmaschinenpositionierung optimiert werden. Es führt kein Weg daran vorbei, diese Parameter anzugehen, wenn Sie Kosten senken und die Erfahrung Ihrer Nutzer schätzen.

Wenn die Bildoptimierung berücksichtigt wird, gewinnen Sie eine schnellere und schlankere Website, was zu Einsparungen bei den Serverkosten beiträgt. Außerdem erzielen Sie eine bessere Position in Suchmaschinen, was Traffic auf Ihre Website bringt und die Conversion erhöht.

Am einfachsten lässt sich Optimierung als die Verwendung kleinerer Auflösungen, die Einführung von Bildkomprimierung und die korrekte Verschlagwortung von Bildern verstehen. Dazu gehören die Auswahl von Bildformaten, eine gewisse Nachbearbeitung der Auflösung und ein bestimmtes Maß an Webmastersarbeit.

Wir führen Sie durch all das.

Auflösungsoptimierung für Produktbilder

Zunächst werfen wir einen kurzen Blick darauf, was Auflösung ist. Grundsätzlich ist es die Anzahl der Pixel, aus denen ein Bild besteht. Sie wird normalerweise über die vertikalen und horizontalen Werte ausgedrückt: Breite und Höhe eines Bildes in Pixeln, z. B. 1920×1080.

Je mehr Pixel ein Bild hat, desto besser können Details für den Betrachter dargestellt werden. Das folgende Beispiel veranschaulicht diese Situation.

Hohe Auflösung

Niedrige Auflösung

Wenn es um die Auflösungsoptimierung geht, gibt es keine einfache Einzellösung. Um die optimale Auflösung für Ihr Produktbild zu wählen, berücksichtigen Sie die folgenden Merkmale:

  1. das Website-Layout.
  2. den Bildschirm.
  3. die Dateigröße.

Website-Layout und optimale Auflösungen

Das Streben nach der höchstmöglichen Auflösung wird keine empfohlene Strategie sein, auch wenn es so erscheinen mag, dass „mehr Pixel mehr Details bedeuten“. Im Fall von Online-Shops würde das eher zu „mehr Ladezeit“ und „fehlerhafter Anzeige“ führen. Ihr Webtechniker und SEO-Analyst wissen das genau …

Die Anforderungen der Website sind der erste Grund, warum Sie Ihre Bilder und Ihr System reibungslos zusammenarbeiten lassen müssen. Fragen, bei denen Ihr Webmaster helfen kann, sind unter anderem:

  • Zeigt die Website Miniaturen an?
  • Welche Auflösung ist nötig, damit Miniaturen scharf aussehen?
  • Welche Auflösung schlägt die Website-Engine für alle Bildkategorien für Desktop, Mobil und Tablet vor?
  • Verfügt Ihre Website über ein System zur Nahaufnahme?

Die Antworten darauf helfen Ihnen bei den ersten Entscheidungen zur Auflösung. Wenn Sie einen Online-Shop planen, arbeiten Sie eng mit Ihrem Webteam zusammen. Das Wissen, das sie liefern, spart Ihnen Zeit bei der Erstellung und Nachbearbeitung von Produktbildern. Und vor allem ist es der erste Schritt zu einer reibungslosen Anzeige der Bilder für Ihre Kunden.

Hören Sie den Webdesignern aufmerksam zu und wählen Sie die Auflösungen, die sie für Miniaturen, Nahaufnahmen, Hauptlistenbilder usw. vorschlagen. Es ist viel effektiver, diese im Voraus zu kennen und später optimale Standards für die Fotoerstellung in Ihrem Unternehmen festzulegen.

Bildschirm und optimale Auflösung

Die Vielfalt der verfügbaren digitalen Geräte spielt eine wichtige Rolle bei der Festlegung der Auflösungsrichtlinien für Ihre Produktbilder. Um Ihre Produkte anzusehen, können Kunden unterschiedlich große Smartphones oder Tablets sowie Multistandard-Desktop-Bildschirme verwenden. Wie passt man sie alle an?

Auf diese große Frage gibt es keine einzige Antwort. Das liegt daran, dass es Dutzende möglicher Auflösungen gibt, die Ihr Nutzer wählen könnte. Einige davon sind häufiger, andere seltener. Sie können die Auflösungen Ihrer Kunden mit den meisten grundlegenden Tools für das Website-Traffic-Management messen und aus den Statistiken Schlussfolgerungen ziehen. Zusammen mit Webmastern und Grafikdesignern müssen Sie entscheiden, die Mehrheit statt die Gesamtheit dieser Gruppe anzusprechen.

Um das Phänomen unterschiedlicher Bildschirmauflösungen zu verstehen, schauen wir uns an, wie sich ein Bildschirm verhält, wenn wir seine Auflösung ändern.

Je nach Auflösung kann der Bildschirm weniger oder mehr anzeigen. Bei Laptop- oder Desktop-Bildschirmen ist die längere Seite der Auflösung horizontal. Bei Mobiltelefonbildschirmen ist die vertikale Seite länger. Schon dieser einfache Unterschied stellt Anforderungen an Bilder in Ihrem E-Shop – z. B. ob Sie mehr Inhalt vertikal oder horizontal unterbringen sollten?

Es ist erwähnenswert, dass bei HiDPI-(High Dots Per Inch)- oder Retina-Bildschirmen, die in modernen Smartphones und Laptops verbreitet sind, zwischen den sogenannten CSS-Pixeln, die von Anwendungen (einschließlich Webbrowsern) verwendet werden, und den physischen Pixeln, die vom Gerätehersteller festgelegt werden, unterschieden werden muss. In diesem Fall kann man für 1 CSS-Pixel mehr physische Pixel zählen. Der Parameter, der dies definiert, ist DPR – das Device Pixel Ratio.

High-Dots-Per-Inch-Bildschirme ermöglichen es Webdesignern, Bilder in verschiedenen Auflösungen anzuzeigen, je nachdem, was vom Bildschirm unterstützt wird. Normalerweise werden verschiedene Versionen desselben Bildes vorbereitet, jede in einer anderen Auflösung. Sie werden auf der Website mit dem Attribut <img scrset> eingebunden, das von Browsern gelesen wird, um das Bild möglichst passend anzuzeigen. Mehr zu diesem Thema erfahren Sie auf einer Website, die sich mit Bildschirmauflösungen befasst.

Bildschirme mit Auflösungen wie 4K und höher werden immer beliebter, doch noch immer ist (2021) die fullHD-Auflösung die am häufigsten verwendete, sowohl bei Laptops als auch bei Smartphones. Unser Foto verhält sich bei 100% Vergrößerung auf vertikalen und horizontalen Bildschirmen unterschiedlich:

Bei einer höheren Auflösung

Horizontal und an den Bildschirm angepasst

Vertikal und nicht an den Bildschirm angepasst

Beachten Sie, dass bei einem Smartphone die 1920 Pixel von fullHD die längere (vertikale) Seite des Bildschirms bilden. Daher wird unser Foto kleiner als die Bildschirmfläche dargestellt.

Die obigen Beispiele veranschaulichen eine Fallstudie zur fullHD-Auflösung. Da dies nicht die einzige Auflösung ist, die Kunden verwenden, sollten Sie erwägen, die Auflösung so anzupassen, „dass sie auf mehr Bildschirme passt“.

Das würde bedeuten, verschiedene Bildauflösungen für unterschiedliche Bildschirmauflösungen einzuführen und sie responsiv zu laden. Eine Lösung, die in den meisten Website-Management-Systemen umgesetzt werden kann.

Achten Sie darauf, separate Dateien für Miniaturbilder der Produkte vorzubereiten, da sie schneller laden als ein großes Bild, das vom Webbrowser verkleinert wird. Das benötigt einfach weniger Verarbeitungs- und Downloadzeit, was besonders wichtig wird, wenn viele Produktminiaturen auf einem Bildschirm in einem Raster oder einer Reihe geladen werden.

Darüber hinaus können die tatsächliche Größe der Miniatur und die in HTML im <image>-Tag angegebene Größe die Parameter beeinflussen, die Google bei der Positionierung Ihrer Website berücksichtigt. Die Regel zur Steigerung der Website-Performance und SEO lautet, genau die Auflösung anzuzeigen, die die Datei auf dem Server hat, keine Browseroperationen.

Ausgabedateigröße und optimale Auflösung

Eine extrem niedrige Auflösung bedeutet eine angenehm minimale Dateigröße. Das Gegenteil gilt für eine äußerst hohe Auflösung. Der Optimierer muss einen Mittelweg finden, um eine vernünftige Dateigröße beizubehalten, ohne bei sinkender Auflösung Detailtiefe zu verlieren. Siehe unten Beispiele für Dateigrößen.

Die Bestimmung der optimalen Dateigröße kann durch Parameter wie die Anzahl der Bilder geleitet werden, die gleichzeitig auf einer Website geladen werden müssen. Stellen Sie sich ein Produktraster mit Hunderten von Produkten vor, bei dem Bilder in voller Auflösung geladen und dann vom Browser verkleinert werden. Das wäre eine erhebliche Belastung für die Internetverbindung des Endnutzers und würde das Surfen bei langsameren Netzwerken praktisch unmöglich machen.

8 Regeln für die Bildoptimierung auf Websites

Da es schwierig ist, das Wissen über Bildoptimierung zu gliedern und wie viele Facetten und Ansätze es gibt, haben wir beschlossen, Ihnen eine kurze Liste von Empfehlungen vorzubereiten. Lesen Sie weiter.

1) Wählen Sie das richtige Format für Ihre Grafiken. Bei Bildern mit einfachen geometrischen Formen und unkomplizierten Tonwertbereichen wird empfohlen, Rastergrafiken durch Vektorgrafiken zu ersetzen. So erreichen Sie das beste Verhältnis von Qualität zu Größe und gewinnen eine unglaubliche Skalierbarkeit. Vektorgrafiken (z. B. im SVG-Format) werden in hohen und niedrigen Auflösungen gleichermaßen gut dargestellt. Sie werden für Logos, Icons und Illustrationen empfohlen.

Rastergrafiken (Dateitypen wie PNG, JPG) eignen sich für komplexe Bilder und Fotografie. Ein Bonus für die Weboptimierung kann mit dem WebP-Format erreicht werden – siehe Punkt 6.

2) Verwenden Sie beim Erstellen der Datei den richtigen Komprimierungsgrad.

Bildbearbeitungssoftware bietet beim Speichern der Datei je nach Dateityp Komprimierung an. Der Regler kann so eingestellt werden, dass die Komprimierung maximiert und eine kleine Datei erzielt wird, oder die Komprimierung reduziert und mit größeren Dateien gearbeitet wird.

Die goldene Regel muss jeder Nutzer persönlich finden, mit dem allgemeinen Hinweis, die Komprimierung über 92 Prozent zu halten. Sie sollten einen Punkt finden, an dem die Bildgröße zufriedenstellend ist, ohne die Qualität zu beeinträchtigen.

3) Verwenden Sie einen fortschrittlichen Bildkompressor.

Große Bilddateien können zusätzlich mit einem Online-Bildverkleinerer komprimiert werden, der fortschrittliche Algorithmen bietet, um die Dateigröße zu reduzieren und den Qualitätseindruck unverändert zu lassen. Diese Tools arbeiten in der Regel mit den gängigsten Dateitypen.

Die Verwendung ist so einfach wie das Ziehen und Ablegen einer Datei und das Herunterladen des Ergebnisses. Machen Sie Bildkompressoren zu Ihren Tools für die Webnutzung. Zu den Online-Diensten, die wir empfehlen, gehören Tiny JPG und ImageOptim. Sie finden zahlreiche Online-Rankings von Bildkompressoren, da diese Websites sehr beliebt sind.

4) Ersetzen Sie GIF durch Videos, wo es sinnvoll ist.

GIF-Dateien sind tendenziell groß, besonders wenn sie längere Videosequenzen enthalten. Es kann viel praktischer sein, verschiedene komprimierte Videoformate zu verwenden, um die Ladezeit der Seite zu verkürzen und die Anzeige zu optimieren.

Sie könnten sogar eingebettete YouTube- oder andere Cloud-Videos in Betracht ziehen, damit der Browser die Videoclips nicht direkt und gleichzeitig von Ihrem Server herunterladen muss.

5) Bilder responsiv ausliefern.

Wir sind bereits auf dieses Thema eingegangen. Stellen Sie für die Website-Optimierung sicher, dass Ihr CMS verschiedenen Bildschirmauflösungen und Geräten unterschiedliche Bildversionen ausliefert.

6) Verwenden Sie WebP, JPEG2000 und andere.

Die Verwendung des WebP-Formats, das bereits 2010 auf den Markt kam, ist ein Plus für die SEO Ihrer Website und spart natürlich Ladezeit. Dieses Format bietet gute Bildqualität und geringe Dateigröße. Allerdings kann die Nutzung dieses Dateityps durch die Browserkompatibilität eingeschränkt sein. Es gibt außerdem viele weitere Webformate, die jedoch nicht so populär geworden sind (HEIC, AVIF, JPEG XL). Und Google denkt bereits über WebP2 nach!

Verschiedene Cloud-Dienste, wie Orbitvu SUN, liefern Bilder bedarfsgerecht im WebP-Format aus – wenn der Browser es nicht unterstützt, wird stattdessen JPG oder PNG verwendet.

7) Verwenden Sie ein CDN für das Laden von Bildern.

Content Delivery Networks (CDN) können als APIs verstanden werden, die festlegen, wie das auf Ihre Website hochgeladene Bild verwendet wird. Sie können entweder selbst verwaltet oder von einem externen Dienst bereitgestellt werden. Ihre Nutzung erfolgt über spezielle Bild-URLs, die bestimmen, wie das Bild vom Browser angezeigt wird, und kann zu 40–80 % Einsparung bei der Bildgröße führen.

Lesen Sie mehr über CDNs in einem speziellen Artikel auf web.dev.

8) Cachen Sie Bilder, die sich nicht ändern.

Caching funktioniert, indem Bilder, die sich nicht ändern, auf dem Laufwerk des Nutzers gespeichert und bei Bedarf direkt von dort geladen werden. Caching wird normalerweise von Browsern gehandhabt, aber der Aufbau der Website kann diese Lösung fördern und so die Ladezeit der Seite für wiederkehrende Nutzer verkürzen.

Das sind unsere 8 Regeln. Beginnen Sie damit und entwickeln Sie Ihr eigenes Set an erfahrungsbasierten Tipps. Wir würden uns freuen, von Ihnen zu hören!

Für die Kompatibilität von Bildformaten und Webbrowsern empfehlen wir, die einfache und effektive Website zu prüfen: https://caniuse.com/

Farbraumoptimierung für Produktbilder

Ein Bild wird in einer Datei mit einem von mehreren Farbräumen kodiert. Am häufigsten ist es entweder sRGB oder Adobe RGB.

Das Thema Farbräume ist eines der komplexesten und am weitesten entwickelten Themen in der Fotografie – lesen Sie mehr über RGB-Farbräume im Wikipedia-Artikel.

Für die Webnutzung haben Sie nur wenig Wahl beim Farbraum. Der weithin angenommene Standard ist sRGB, und nur dieser Farbraum wird von Internetbrowsern verwaltet.

Stellen Sie sicher, dass Sie Ihre Bilder von Anfang an im sRGB-Farbraum vorbereiten, und Sie vermeiden Verluste bei der Konvertierung. Dies kann in den Kameraeinstellungen festgelegt oder in Bildbearbeitungssoftware wie Adobe Photoshop verarbeitet werden.

12 Regeln für die SEO-Bildoptimierung

Die Bildoptimierung für SEO-Zwecke (Image SEO) konzentriert sich auf die Sichtbarkeit Ihrer Bilder in der Google-Graphics-Suche und allgemeiner auf die Sichtbarkeit Ihrer Website in allen Suchergebnissen.

Bilder können Ihre Position in den Google-Suchergebnissen erheblich verbessern und in Google Graphics günstig gelistet werden, wenn einige Regeln übernommen und im Website-Design beachtet werden.

  1. Recherchieren Sie Ihre Keywords für ein Bild.

Um mit einem Bild in einer Suchmaschine weit oben zu ranken, müssen Sie wissen, wonach gesucht wird. Planen Sie Ihre Bildbeschreibungen im Einklang mit der SEO-Recherche, die durch zahlreiche Plattformen wie Semrush, Semstorm oder Ahrefs unterstützt werden kann. Lassen Sie Ihre Bilder dort gefunden werden, wo nach ihnen gesucht wird!

Ein kluger Tipp, den Sie verwenden können, ist das Hinzufügen spezieller Keywords zu Ihren Bildbeschreibungen. „Meinung“, „Expertenmeinung“, „Top 10“, „Bewertung“, „Preis“, „Vergleich“, „Ranking“, „Test“ sind die häufigsten Keywords, die einer Kategorie oder einem Produkt hinzugefügt werden, um nach Informationen zu suchen. Erfüllen Sie dieses Bedürfnis und fügen Sie sie Ihrem Bild hinzu! Wenn Sie Telefone verkaufen, lassen Sie es etwa so aussehen: „Samsung s10 test“ oder „Schnelles Smartphone-Ranking“. Die Regel ist einfach.

  1. Verwenden Sie ein relevantes Bildformat.

Wie bei der Optimierung von Auflösung und Größe betrachtet Google das Format eines Bildes, um seinen Wert für die Anzeige als Suchergebnis zu beurteilen. Das Format bestimmt sehr oft die Größe und die Ladegeschwindigkeit und beeinflusst damit die Entscheidung von Google. Unser Kurz-Tipp: Verwenden Sie, wo immer möglich, WebP oder seine Nachfolger.

  1. Erhalten Sie die Materialqualität.

Gute Qualität zahlt sich in einer höheren Sichtbarkeit bei Google aus. Verwenden Sie nicht zu viele Stockbilder, da diese sofort niedriger eingestuft werden. Versuchen Sie, so viele gut aufgenommene Bilder Ihrer Produkte wie möglich einzubinden, ohne Pixelbildung, ohne Unschärfe, mit hoher Attraktivität. Google wird es Ihnen danken.

  1. Achten Sie auf die Größe des Fotos.

Die Auflösung und die Größe des Fotos spielen für Google eine große Rolle. Verfallen Sie nicht in die Haltung „je größer, desto besser“, auch wenn Sie dazu verleitet werden könnten. Versuchen Sie, Ihre Bilder unter 5 MB zu halten, damit sie schnell geladen werden, die Nutzererfahrung verbessern und Ihre Suchmaschinenposition stärken. Produktbilder eingeschlossen!

  1. Lazy Loading

Damit die Website höher rankt und ihre Bilder von Google besser bewertet werden, können Sie die Lazy-Loading-Technik verwenden. Sie lädt Bilder nach und nach, während der Nutzer durch die Website geht, was ein flüssigeres Surfen und kürzere Ladezeiten ermöglicht. Außerdem verbessert sie die Nutzererfahrung, da Inhalte schneller zugänglich sind.

  1. Website-Karte in Google Search Console

Das Hochladen einer Website-Bildkarte in die Google Search Console erleichtert es der Suchmaschine, die Architektur und Platzierung der Bilder auf Ihrer Website zu verstehen. Mehr Informationen bedeuten hier mehr Anerkennung – erwarten Sie, dass dies Ihr Ranking verbessert.

  1. Bild-Alt-Tags

Der Schlüssel zu einem guten Bild-Alt-Tag (der Beschreibungstext, den Sie in Ihrem Website-HTML einem Bild über das Attribut „alt“ zuweisen) ist die geschickte Platzierung von Keywords. Überfrachten Sie den Alt-Text nicht mit populären Keywords; es ist besser, ihn passend zum Bildinhalt zu halten und eines oder zwei intuitiv unterzubringen. Verwalten Sie auf mehrsprachigen Websites Ihre Alt-Tags für alle relevanten Sprachen – das bedeutet zwar mehr Lokalisierungsarbeit, ist aber auf jeden Fall lohnend.

  1. Positionieren Sie das Foto innerhalb der Website.

Es ist wichtig, dass das Foto, das bei Google gut ranken soll, korrekt im Text der Website platziert wird. Setzen Sie es nahe an den Text, der Ihre gewünschten Keywords enthält und den es illustriert. Die Suchmaschine zieht aus dieser Nähe Informationen. E-Commerce-Seiten tun gut daran, eine Struktur aufzubauen, in der Produktbeschreibung und Bild eng beieinander liegen.

  1. Vergessen Sie den Textinhalt nicht.

Google ist eine Content-Suchmaschine. Stellen Sie sicher, dass Ihre textlichen und visuellen Inhalte von hoher Qualität sind. Schreiben Sie klug unter Berücksichtigung von SEO-Vorschlägen und illustrieren Sie Ihre guten Texte mit relevanten Bildern. Schritt für Schritt zahlt sich das als allgemeine Strategie für ein E-Commerce-Unternehmen aus. Das ist Image SEO einen Schritt weitergedacht!

  1. Vermeiden Sie, wichtige Inhalte ausschließlich im Bild unterzubringen.

Für Google ist es nach wie vor schwieriger, Inhalte und Bedeutung aus Bildern zu extrahieren. Wenn Sie Ihren Kunden/Lesern wichtige Informationen vermitteln möchten, vermeiden Sie es, sie nur im Bild zu platzieren. So nützlich Infografiken auch sind, es ist SEO-vorteilhaft, sie im Text zu beschreiben.

  1. Suchmaschinenfreundliche URL-Adressen von Bildern

Nicht nur gut gestaltete Alt-Tags, sondern auch klar benannte Bilder werden von Google bevorzugt. Verwenden Sie Bindestriche und beschreibende Namen. Lösungen wie DSC123123_a.jpg sagen weder dem Nutzer noch der Suchmaschine etwas über den Inhalt des Bildes.

  1. Strukturierte Daten sind wichtig.

Google kennzeichnet Inhalte für spezielle Darstellungsmodi, die hervorgehobener sind als ein typisches Suchergebnis. Denken Sie an Kochrezepte, kurze Biografien, Produktblätter. Wenn Sie Ihre Website so gestalten, dass klar erkennbar ist, welche Inhalte als strukturierte Daten behandelt werden sollen (einschließlich Bildern), können Sie von einer exponierten Position in der Suchergebnisliste profitieren. Achten Sie besonders bei Produkten darauf!

Schlussfolgerungen

Mit unseren Richtlinienlisten haben wir Sie durch die Frage der Bildoptimierung geführt. Jetzt ist es an der Zeit, Ihr Wissen in der Praxis anzuwenden.

Egal, ob Sie eine neue E-Commerce-Website aufbauen oder die Leistung Ihrer bestehenden verbessern möchten, Sie müssen Bilder in den folgenden Bereichen optimieren:

Auflösung

Es geht darum, die Mehrheitsnutzung Ihrer Website zu verstehen und die Bilder entsprechend anzupassen. Die responsive Bereitstellung der Bilder wird ebenfalls entscheidend sein. Ihre Nutzer sollen auf Mobilgeräten, Tablets und Desktop-Computern browsen können.

Dateigröße

Finden Sie das richtige Format für Ihre Bilder, eines, das browserfreundlich ist und die Ladezeit verkürzt. Zögern Sie nicht, leistungsstarke (und kostenlose) Bildverkleinerer zu verwenden, die die Dateigröße um bis zu 70 % reduzieren können.

Farbraum

Hier gibt es nur eine Wahl – den sRGB-Farbraum. Er ist für Webbrowser optimiert und wird im Web weit verbreitet verwendet.

SEO

Unsere Liste mit Tipps gibt einen grundlegenden Überblick darüber, wie Sie die SEO Ihrer Bilder verbessern können. Recherchieren Sie die Keywords, strukturieren Sie die Website und vermeiden Sie, zu viele Informationen nur im Bild unterzubringen. Denken Sie an korrekte URLs und die Kennzeichnung strukturierter Daten. Das und mehr sollte Sie bei der Bild-SEO-Optimierung weit genug bringen.

Bereit zu beginnen? Wir wünschen Ihnen viel Erfolg.

Sprechen Sie mit Orbitvu über Ihren Workflow

Orbitvu-Spezialist bereit, über Ihren Produkt-Content-Workflow zu sprechen

Nutzen Sie das Formular und beschreiben Sie, was Sie planen und welche Art von Workflow für Produkt-Content Sie benötigen.

* Pflichtfeld

Mehr aus dieser Kategorie