Dies ist eine Anleitung, wie Sie die besten WooCommerce-Produktbilder für Ihren Shop erstellen, damit Sie mehr verkaufen können.
Kunden erhalten viel Subtext aus der visuellen Kommunikation Ihrer Website. Ihre Produktbilder sagen dem Kunden viel über das Produkt aus und sind ein wichtiger Bestandteil des Designs der Produktseite.
Die Art und Weise, wie Sie Ihre Produktbilder präsentieren, ist äußerst wichtig, da dies die einzige Möglichkeit für Kunden ist, zu erfassen, wie es aussieht. Es kann ihre Meinung in einem Augenblick ändern.
Deshalb ist es von entscheidender Bedeutung, dass Sie auf Ihren Produktseiten, Kategoriearchiven und im Shop-Archiv erstklassige WooCommerce-Produktbilder haben.
3 Schritte zu erstaunlichen WooCommerce-Produktbildern
Es gibt drei Schritte, die Sie unternehmen müssen, wenn Sie Ihren Kunden in Ihrem WooCommerce-Shop die absolut besten Produktbilder anbieten möchten.
- Hohe Bildqualität in den richtigen Abmessungen
- Verschiedene Blickwinkel zeigen
- Optimierung der Ladegeschwindigkeit
Durch die Beherrschung dieser drei Aspekte Ihrer Produktbilder wird Ihr Shop besser sein als 90 % der anderen Shops da draußen, was Ihren Kunden ein überlegenes Erlebnis in Ihrem Shop bietet.
1. Hohe Bildqualität in den richtigen Abmessungen
Sind Ihre Produktbilder körnig, unscharf oder verfärbt? Sind sie schwer zu erkennen? Ist die Beleuchtung schlecht?
All diese Dinge beeinflussen den ersten Eindruck des Produkts, daher ist es wichtig, dass Ihre WooCommerce-Produktbilder die richtige Auflösung haben und von hoher Qualität sind.
Welche Größe sollten Produktbilder haben?
Die Mindestauflösung für Ihre WooCommerce-Produktbilder sollte 800 Pixel x 800 Pixel betragen. Wir empfehlen jedoch, ein höheres Ziel anzustreben, denn je höher die Qualität Ihrer Bilder ist, desto besser werden sie wahrgenommen.
Ob Sie es wollen oder nicht, die Qualität der Produktbilder spiegelt in den Augen des Kunden stark die Qualität des Produkts selbst wider.
Hier sind einige Top-Tipps, wie Sie die Qualität Ihrer Produktbilder verbessern können:
Verwenden Sie eine Fotobox
Eine Fotobox ist eine spezielle Box, die oft aus weißem, nicht reflektierendem Material besteht und einen neutralen und ununterbrochenen weißen Hintergrund für Ihre Produktbilder bietet.
Sie wird von innen mit ultrahellen weißen LEDs (oder anderen vergleichbaren Lichtern) beleuchtet, die Schatten von anderen Lichtquellen ausgleichen.
Diese beiden Dinge zusammen bedeuten, dass Sie ohne teure Kameras oder Beleuchtungsanlagen professionell aussehende Fotos Ihres Produkts erhalten können.
Wenn Sie ein begrenztes Budget haben (und auch wenn nicht), ist dies wirklich der beste Weg, um durchweg gute Bilder Ihrer Produkte zu erhalten.
Wie viel kostet also eine Fotobox?
Wir haben Fotoboxen von Aliexpress, eBay oder Amazon für etwa 70-100 USD gekauft.
Passen Sie die Tonwerte Ihrer Fotos an
Wenn Sie Zugriff auf Photoshop (oder Lightroom oder ein ähnliches Programm) haben, sollten Sie in der Lage sein, Ihr Foto zu öffnen und die sogenannten Tonwerte des Fotos anzupassen.
Die Tonwerte ermöglichen es Ihnen, den dunklen Punkt, den hellen Punkt und die Mitteltöne Ihres Bildes abzustimmen, was bedeutet, dass Sie Dinge tun können, wie z. B. Kontrast hinzufügen, die Sättigung verbessern und überschüssige Bilddaten eliminieren. Dies geschieht durch Manipulation des Histogramms des Bildes.
Das mag für Sie wie Griechisch klingen, wenn Sie mit diesen Begriffen nicht vertraut sind, aber wenn Sie grundlegende Photoshop-Kenntnisse haben, sehen Sie sich das folgende Video an, um eine fantastische Erklärung von Ed von Photos In Color zu erhalten.
Wenn Sie keinen Zugriff auf eine schicke Bildbearbeitungssoftware wie Photoshop haben, können Sie eine ähnliche Aktivität im ausgezeichneten Online-Bildeditor Pixlr durchführen. Sehen Sie sich das Video trotzdem an und Sie werden ein besseres Verständnis dafür bekommen, was Sie tatsächlich bearbeiten.
2. Verschiedene Ansichten zeigen
Die Bilder Ihres Produkts können einen enormen Einfluss darauf haben, ob Ihre Kunden sich zum Kauf entscheiden oder nicht.
Deshalb ist es wichtig, verschiedene Ansichten des Produkts zu zeigen, damit Kunden, die den Artikel nicht wie im Geschäft in die Hand nehmen und untersuchen können, eine ganzheitliche Ansicht (soweit möglich) dessen erhalten, was sie kaufen.
Noch wichtiger ist dies bei Artikeln, die traditionell nur von Angesicht zu Angesicht verkauft worden wären, da sie visuell inspiziert werden müssen, wie Kleidung und Schuhe und verderbliche Waren (Lebensmittel, Blumen usw.).
Wie ändere ich das Produktbild in WooCommerce?
Sie können Ihren Produkten zusätzliche WooCommerce-Produktbilder hinzufügen, indem Sie sie auf die Produktbearbeitungsseite hochladen.
Wenn Sie einen großen Katalog verwalten, können Sie auch eine ganze Kollektion hochladen und sie über CSV mit der integrierten CSV-Importfunktion von WooCommerce hochladen.
Sie müssen sie nur zuerst auf eine öffentlich zugängliche URL hochladen. Eine gute Wahl ist die Verwendung von Dropbox und das Abrufen der öffentlichen URL der Bilddatei für die Eingabe in Ihre CSV.
In den neueren Versionen von WooCommerce wurde ein natives Zoomen beim Überfahren mit der Maus eingeführt, was eine großartige Ergänzung ist, insbesondere wenn Sie hochauflösende Bilder aufnehmen, da dies Ihren Kunden hilft, die feineren Details des Produkts zu sehen.
Sie können auch ein 360º-Viewer-Plugin in Betracht ziehen, mit dem Sie eine Reihe von Bildern hochladen können, die eine 3D-Ansicht des Produkts erstellen.
3. Optimierung der Ladegeschwindigkeit
Der letzte Teil der besten WooCommerce-Produktbilder für Ihren Shop ist die Optimierung von Bildern, um die Ladegeschwindigkeit zu reduzieren.
Heutzutage gibt es eine Vielzahl von Verbindungsgeschwindigkeiten und Geräten, daher ist das Servieren optimierter Bilder wichtiger als je zuvor.
Was ist die beste Größe für WooCommerce-Produktbilder?
Während Sie nicht unter die Bildauflösung von 800px x 800px fallen möchten, sollten Sie auch nicht das Gegenteil tun und übermäßig große Bilder hochladen, die die Webbrowser der Leute verlangsamen.
Zusätzlich können Bilder mit niedriger Auflösung oder falscher Größe den Ruf Ihrer Website schädigen. Deshalb ist es wichtig, Website-Bilder zu optimieren.
Dateiooptimierung
In erster Linie bedeutet die Optimierung von Bildern, die Dateigröße so weit wie möglich zu reduzieren und gleichzeitig die Bildqualität so hoch wie möglich zu halten.
Neben der Optimierung Ihrer Fotos in Photoshop (ja, Sie können sie mit 80 % Qualität speichern und trotzdem damit durchkommen, und dies wird die Dateigröße erheblich reduzieren) müssen Sie möglicherweise ein weiteres Tool verwenden, um überschüssige Daten aus Ihren endgültigen Bilddateien zu entfernen und sie weiter zu komprimieren.
Dafür empfehle ich ein WordPress-Plugin namens WP Smush.it. Dieses kostenlose Tool verarbeitet Ihre Bilddateien, entfernt überschüssige redundante Bilddaten (die die meisten Bilddateien enthalten), passt die Größe an und komprimiert die endgültige Bildgröße, bevor es sie wieder in Ihre Mediathek speichert.
Meiner Erfahrung nach werden einige Leute aufgrund der reduzierten Dateigröße ihrer Bilder eine Verringerung der Seitenladezeit um 10-50 % feststellen. Es kann so effektiv sein.
Das andere, was Sie tun können, ist, Ihre Medieninhalte von einem CDN (Content Delivery Network) auszuliefern.
CDNs sind für die Bereitstellung statischer Inhalte wie Bilder optimiert. Anstatt Ihren Server mit Anfragen nach Bilddateien zu überlasten, weist Ihre Website nach der Einrichtung den Browser der Person an, die Bilddateien stattdessen von den Servern des CDNs anzufordern.
Diese Unternehmen sind darauf spezialisiert, Millionen von Dateianfragen auf äußerst effiziente Weise zu bearbeiten. Über ihr leistungsstarkes Netzwerk können Sie Ihre Produktbilder (und andere auf Ihrer Website verwendete Bilder) extrem schnell an Benutzer liefern und gleichzeitig Ihren eigenen Server entlasten.
Es gibt eine Reihe von CDN-Diensten, die Sie nutzen können:
- Cloudflare – Ab 20 $/Monat
- MaxCDN – Ab 9 $/Monat
- KeyCDN – Ab 40 $/Jahr (pro GB bezahlen)
Die oben genannten Dienste sind mit einem Caching-Plugin wie WP Super Cache recht einfach zu konfigurieren.
Obwohl der beste Weg, Ladezeiten zu reduzieren, darin besteht, Bilder zu eliminieren, ist es unmöglich, alle Bilder von Ihrer Website zu eliminieren, und oft unerwünscht, dies zu tun, insbesondere in einer E-Commerce-Situation, in der klare und nützliche Produktbilder von größter Bedeutung sind.
Aber Sie sollten Ihre Produktbilder komprimieren, die Bildqualität reduzieren, wo immer möglich (genug, um die Dateigröße zu reduzieren, aber nicht genug, um für das Auge wahrnehmbar zu sein), und sie gegebenenfalls von einem CDN-Dienst ausliefern, wenn Ihr Traffic dies rechtfertigt.
Beherrschen Sie Ihre WooCommerce-Produktbilder – Ihre Kunden werden es Ihnen danken
Also, es liegt an Ihnen. Sind Sie bereit, Ihre WooCommerce-Produktbilder zu meistern?
Sie müssen:
- Hohe Bildqualität in den richtigen Abmessungen haben
- Produktbilder aus verschiedenen Blickwinkeln zeigen
- Die Ladegeschwindigkeit Ihrer Bilder optimieren
Die perfekten WooCommerce-Produktbilder zu erstellen ist eine große Aufgabe, aber wenn Sie es tun, werden Ihre Kunden Ihnen die zusätzliche Mühe danken, da es ihnen die Kaufentscheidung erleichtert.
Danke, ich richte gerade eine WooCommerce-Website ein und habe mich gefragt, welche die beste Qualität und Größe ist. Ich werde auch Smush ausprobieren
Hallo Angela, das hängt davon ab, was Ihre Produkte sind und wie viele Details Sie zeigen müssen. Streben Sie mindestens 1000 Pixel Breite an, da dies auf den meisten Monitoren gut zoomt. Für mehr Details können Sie auch größer gehen.
Hallo, können Sie mir die richtige Bildgröße für einen WooCommerce-Shop schreiben?
Es steht im Artikel Rupchand, schauen Sie unter der Überschrift „Wie groß sollten Produktbilder sein?“ oben :)
Hallo Josh, danke für diesen Artikel. Was ist mit Produkten, die von Menschen getragen werden? Zum Beispiel T-Shirts. Sollte ich das Bild immer noch quadratisch halten, wenn jemand das Produkt trägt? Ich verkaufe eine Mischung aus digitalen und physischen Produkten. Danke für deine Antwort.
Für T-Shirts sollten Sie sich unbedingt einige der größeren T-Shirt-Shops wie Teespring (die nur den Oberkörper mit abgeschnittenem Kopf zeigen) und Threadless (die den Kopf herausretuschieren) ansehen. Die meisten Bekleidungsgeschäfte zoomen auf den interessierenden Artikel. Ich hoffe, das gibt Ihnen einige Ideen!
Danke für die Information
Gern geschehen, Viko!