So erstellen Sie eine bildschöne Produktseite für Ihr E-Commerce-Geschäft

Das Design Ihrer Produktseite ist eine der wichtigsten und komplexesten Seiten Ihres Shops. Berücksichtigen Sie alle Situationen, in denen ein potenzieller Kunde auf Ihrer Produktseite landen könnte:

• Direkt von einer Suchmaschine
• Nachdem Sie Ihren Shop durchsucht haben
• Nachdem Sie sich durch eine gezielte Werbung geklickt haben

Als einer der letzten Schritte bei einem Verkauf muss Ihre Produktseite wie folgt aussehen:

• Optimiert für leichte Auffindbarkeit,
• Informativ genug, um Vertrauen bei Ihren Kunden zu wecken, und
• Gut gestaltet, um ein großartiges Online-Shopping-Erlebnis zu bieten

Es gibt eine Reihe von Maßnahmen, die Sie tun können, um die Wahrscheinlichkeit zu erhöhen, dass Nutzer Ihre Produktseite finden, und die Conversion-Rate zu erhöhen, sobald sie dort angekommen sind. Um die Dinge aufzuschlüsseln, haben wir einen fünfteiligen Leitfaden zum Erstellen der perfekten Produktseite erstellt.

Teil 1: Die Komponenten eines großartigen Produktseitendesigns verstehen

Bevor wir uns mit den Details zur Optimierung der einzelnen Aspekte Ihrer Produktseite befassen, schauen wir uns ein großartiges Beispiel für das Design einer Produktseite an, um zu verstehen, wie die einzelnen Komponenten passen und warum sie wichtig sind.

Uniqlo Australia hat ein hervorragendes Beispiel für eine Produktseite, die mit Blick auf den Benutzer gestaltet wurde. Hier ist ein Screenshot einer ihrer typischen Produktseiten mit den hervorgehobenen Schlüsselkomponenten:

Sie werden sofort feststellen, dass mehr als 90 % der Seite dem Kunden mehr Informationen über das angezeigte Produkt zur Verfügung stellen und fast kein Platz über dem Falz verschwendet wird. Um jeden Abschnitt noch weiter aufzuschlüsseln:

• Der Produkttitel und die Übersicht sind leicht zu finden. So wie Gebäude und Schilder beim Besuch einer neuen Stadt als Orientierungspunkte dienen, helfen gute Titel den Kunden, sich auf einer neuen Site zurechtzufinden.
• Eine Bildergalerie, die das Produkt aus verschiedenen Blickwinkeln, mit einem Modell und aus nächster Nähe zeigt.
• Das Produktbild ist vorne und in der Mitte. Ein klares Foto auf weißem Hintergrund präsentiert das Produkt im besten Licht. Bilder sind das, wonach der Kunde sucht, daher lohnt es sich, sie hervorzuheben.
• Eine einzigartige, detaillierte Beschreibung des Produkts, die beschreibt, was es ist, der Gedanke hinter seinem Design und wie es das Problem des Käufers löst.
• Aufrichtige Kundenbewertungen, die das Vertrauen in Ihr Produkt und Ihre Marke stärken.
• Kunden wissen, was sie wollen, aber sie wissen möglicherweise nicht, wie sie es finden können. Das Anzeigen kürzlich angesehener oder verwandter Produkte hilft ihnen, ihre Optionen schneller einzugrenzen, und gibt Ihnen die Möglichkeit, Produkte zu präsentieren, von denen Sie glauben, dass sie sie bevorzugen könnten.
• Viele Optionen und Varianten auf einer Seite bedeuten, dass ein Kunde nicht durch mehrere Produkte navigieren muss.
• Direkt nachdem der Kunde seine Optionen ausgewählt hat, wartet die Schaltfläche „In den Warenkorb“ auf ihn.
• Nicht bereit, sich zu verpflichten? Links zu zusätzlichen Informationen wie Ihren Versand- und Rückgaberichtlinien helfen bei der Beantwortung offener Fragen.

Ich finde es immer hilfreich, sich anzusehen, wie andere Geschäfte ihre Produktseiten gestaltet haben. Sie müssen auch nicht unbedingt nach Geschäften innerhalb der gleichen Branche suchen. Überlegen Sie, welche Strategien beliebte Websites in anderen Branchen anwenden, die Kunden lieben, aber nicht von Ihren Mitbewerbern genutzt werden.

Auf den erfolgreichsten Produktseiten finden Sie eine Variation dieser Komponenten:

• Klare und eindeutige Beschreibungen
• Tolle Produktfotografie
• Bewertungen, um das Vertrauen des Käufers zu stärken
• Anpassungsoptionen
• Löschen Sie die Schaltfläche "In den Warenkorb"
• Zusätzliche Versand- oder Kaufinformationen

Teil 2: Beantworten Sie diese Fragen in Ihrer Produktkopie

Eine gute Kopie ist entscheidend für Ihre Produktseite. Nicht nur für Ihre Kunden, sondern auch für SEO. Die Verwendung von Hersteller- oder generischen Produktinformationen ist eine todsichere Methode, um sicherzustellen, dass Ihr Produkt in Suchrankings nicht wettbewerbsfähig ist.

Um eine großartige Produktseitenkopie zu erstellen, gibt es einige Fragen, die Sie beantworten können.

Was ist es?

Das erste, was Ihre Produktkopie ansprechen muss, ist, was genau das Produkt ist. Wenn der Kunde nach einem bestimmten Produkt sucht, ist dies das Erste, was er beantwortet haben möchte.

Bei neuen Produkten wollen sie wissen, was es genau ist und warum sie sich dafür interessieren sollten.

Wie löst es das Problem?

Welches Problem löst Ihr Produkt und wie löst es es? Dies ist die grundlegende Frage, die Sie für Ihre Kunden beantworten müssen.

Vielleicht ist es so einfach wie eine nützliche Funktion wie ein Pullover, der Sie warm hält. Geben Sie in diesem Fall an, welche Materialien oder Herstellungsverfahren die Lösung Ihres Produkts ermöglicht haben.

Oder vielleicht liegt das Problem etwas weiter unten in der Hierarchie der Bedürfnisse und das Produkt hilft Ihnen nur, stilvoller auszusehen. Welche Geschichte oder welcher Prozess hinter dem Produkt macht es wünschenswert, es zu besitzen?

Was auch immer es ist, indem Sie das Problem identifizieren, das Ihr Produkt löst, können Sie die Fragen verstehen, die sich Ihr Kunde beim Kauf stellen würde, und Ihr Exemplar darauf zuschneiden, um sie zu beantworten.

Warum Ihr Produkt?

Sie haben festgestellt, dass ein Problem vorliegt und wie Ihr Produkt es lösen kann. Warum sollten sie Ihr Produkt einem Konkurrenzprodukt vorziehen? Welche zusätzlichen Schritte haben Sie unternommen, um sicherzustellen, dass Ihr Pullover am wärmsten ist? Welche Zutaten verwenden Sie, die sonst niemand verwendet? Hier haben Sie die Möglichkeit zu zeigen, warum Ihr Produkt besonders ist.

Selbst wenn Sie Waren eines anderen Herstellers verkaufen, zeigen Sie, dass Sie sich die Zeit genommen haben, um zu recherchieren, wenn Sie sich die Zeit nehmen, um zu zeigen, warum dieses Produkt besser ist.

Aus was ist es gemacht?

Das letzte hinzuzufügende Detail sind die Metadaten für Ihr Produkt. Die Bereitstellung von Informationen zu den Materialien oder Inhaltsstoffen, die in Ihren Produkten enthalten sind, trägt dazu bei, die Unfähigkeit von Online-Käufern auszugleichen, die Produkte selbst zu fühlen.

Einfache Informationen wie die Inhaltsstoffe und grundlegende Anweisungen wie Pflege oder Verwendungszweck können dem Kunden helfen, das Produkt zu visualisieren und Suchmaschinen einen besseren Kontext zu bieten.

Teil 3: Großartige Produktbilder erstellen

Ihre Produktfotos sind oft das, was der Kunde als erstes auf der Seite sieht, und können Ihr Produkt sofort in ein negatives oder positives Licht rücken. Aber neben dem ersten Eindruck tragen Produktfotos auch dazu bei, viel mehr Details zu vermitteln, als es allein mit Text möglich wäre, was zum Verkauf des Produkts beitragen kann. Eine gut gemachte Produktfotografie kann sogar die Anzahl der Ressourcen verringern, die für Kundenservice und Rücksendungen aufgewendet werden.

Hier ist, was Sie tun müssen, um großartige Produktbilder zu erstellen:

Beginnen Sie mit guter Fotografie

Schlecht beleuchtete Fotos, die ohne anständige Ausrüstung aufgenommen wurden, können für Kunden ein Warnsignal sein. Wenn Sie sich nicht die Zeit nehmen, anständige Fotos zu schießen, können Sie bei der Bearbeitung mehr Zeit kosten.

Aber… Sie müssen nicht viel Geld ausgeben, um ein großartiges kleines Foto-Setup zu erhalten. Der A Better Lemonade Stand Guide to DIY Product Photography listet auf, wie Sie mit jedem Budget mit der DIY-Produktfotografie beginnen können.

Ihre Grundvoraussetzungen für ein DIY-Produktfotografie-Setup sollten sein:

• Eine qualitativ hochwertige Kamera oder ein Smartphone: Für die Produktfotografie benötigen Sie nicht unbedingt eine DSLR-Kamera. Ihr Smartphone erzeugt Fotos mit einer ausreichend hohen Auflösung und einer ausreichenden Anzahl von Einstellungen, um die Licht- und Blendenbedingungen anzupassen.
• Eine Quelle für gleichmäßiges Licht: Ihre Beleuchtung sollte dazu beitragen, die wichtigsten Merkmale Ihres Produkts zu beleuchten und Schatten zu verbergen. Natürliches Licht ist ideal für den Anfang, da es nicht so teuer oder wählerisch ist wie künstliche Beleuchtung. Sie müssen jedoch auch ein Fülllicht oder einen Spiegel verwenden, um die Lichtquelle von beiden Seiten gleichmäßig zu verteilen.
• Ein weißer Hintergrund: Weiße Hintergründe tragen dazu bei, das Licht gleichmäßig abzulenken, sodass weniger Arbeit erforderlich ist, um den Kontrast zu korrigieren. Es macht auch die spätere Bearbeitung des Fotos mit dem Zauberstab oder dem Stiftwerkzeug viel einfacher. Sie können eine Papierrolle oder sogar ein ausreichend weißes Blatt verwenden, um loszulegen.
• Eine stabile Oberfläche: Um Ihre Fotos gleichmäßig aufzunehmen.
• Clips: Um Ihren Hintergrund oder Ihre Beleuchtung an Ort und Stelle zu halten.
• Ein Stativ: Um Ihre Kamera zu halten. Ein Stativ ist keine Notwendigkeit, aber es wird Ihnen helfen, schnell konsistente Fotos für viele verschiedene Produkte zu machen. Wenn Sie ein Ein-Mann-Fotograf sind, kann dies auch die Arbeit erleichtern und Ihnen Zeit bei der Nachbearbeitung sparen.

Mehrere Bilder verwenden

Es reicht nicht aus, nur eine einzelne Produktaufnahme zu verwenden. Kunden wollen das Produkt aus verschiedenen Blickwinkeln und Perspektiven sehen. Ihre Produktfotografie kann die wichtigsten Aspekte Ihres Produkts viel besser darstellen als jede Beschreibung. Daher ist es wichtig, dass Sie so viele Fotos wie nötig hinzufügen, um die Fragen des Kunden zu beantworten.

Verschiedene Fotos können in verschiedenen Phasen des Kaufprozesses auch unterschiedliche Bedeutungsebenen haben.

Wenn neue Kunden Ihr Produkt zum ersten Mal entdecken, bevorzugen sie möglicherweise Bilder von anderen Personen, die das Produkt verwenden. Dies ist besonders wichtig für Produkte – wie die Tile –, bei denen das Produkt selbst nicht ausreicht, um zu veranschaulichen, was es tut, geschweige denn seine Vorteile. Das Unternehmen verwendet Produktfotografie, um zu veranschaulichen, wie und warum Sie sie verwenden würden:

Aber wenn Sie sich auf die eigentliche Produktseite stürzen, finden Sie detailliertere Fotos, die sich auf das Produkt selbst konzentrieren. Sobald die Benutzer auf der Produktseite sind, haben sie herausgefunden, wie Ihr Produkt ihr Problem löst, und sind mehr daran interessiert, zu erfahren, wie gut es dies tut.

Bearbeiten Sie Ihre Fotos

Sobald Sie Ihre Fotos haben, müssen Sie einige Dinge tun, um sie verkaufsfertig zu machen. Die offensichtlichste Aufgabe besteht darin, ihre Hintergründe zu entfernen. Mit einem weißen Bildschirm ist dies mit dem Adobe Creative Cloud-Zauberstab oder -Stift-Tool weniger zeitaufwändig.

Anschließend möchten Sie möglicherweise die Kontrast- oder Beleuchtungseinstellungen anpassen, um die Qualität Ihres Bildes zu verbessern oder Änderungen der natürlichen Beleuchtung auszugleichen. Achten Sie jedoch darauf, dass Ihre Bildbedingungen konsistent sind. Das Hinzufügen von Filtern wird nicht empfohlen.

Wenn Sie keinen Zugriff auf Fotobearbeitungssoftware haben, können Sie Online-Tools wie Pixlr verwenden, die alle Tools enthalten, die Sie für die grundlegende Bildbearbeitung benötigen. Dienste wie Pixc können auch Ihre Bildbearbeitungsanforderungen für Sie übernehmen, indem sie Ihre unbearbeiteten Bilder aufnehmen und professionell bearbeitete Produktfotos zurückgeben.

Optimieren Sie Ihre Bilder

Der letzte Schritt besteht darin, sicherzustellen, dass Ihre Fotos sowohl für Geschwindigkeit als auch für SEO optimiert sind.

Stellen Sie sicher, dass Ihre Bildgrößen angemessen sind. Shopify empfiehlt, Ihre Produktbilder unter 70 KB zu halten. Dies können Sie erreichen, indem Sie wissen, in welchem ​​Dateiformat Sie Ihre Bilder speichern möchten. Als Faustregel gilt:

• GIFS sind Bilder von geringer Qualität, die sich gut für Symbole und Miniaturansichten eignen. Sie unterstützen auch Animationen, sind jedoch aufgrund der Dateigröße und der schlechten Qualität nicht für große Bilder geeignet.
• SVG ist ein Vektorformat, das heißt, es verwendet XML, um den Inhalt des Bildes im Textformat zu beschreiben. Es lädt Symbole und einfache Bilder fast sofort und mit einer sehr kleinen Dateigröße, aber normale Bilder sind zu komplex, um mit diesem Format verwendet zu werden.
• PNG- Bilder sind schnellere Dateien, die weniger Komprimierung unterstützen, was bedeutet, dass sie die ursprüngliche Bildqualität beibehalten. Sie unterstützen auch Graustufen und Transparenz, aber die Dateigröße ist im Allgemeinen für E-Commerce-Zwecke zu groß.
• JPG bezieht sich auf eine Komprimierungsmethode, mit der Sie den Komprimierungsgrad ändern können. Typischerweise können JPG-Bilder die Dateigröße um das bis zu 10-fache reduzieren, ohne dass die Qualität wahrnehmbar ist. Dies macht sie ideal für die Erstellung hochwertiger Produktbilder mit geringer Dateigröße.

Stellen Sie außerdem sicher, dass Sie Ihre Bilder mit geeigneten Dateinamen benennen und Titel und Alt-Tags verwenden, die das Bild und den Inhalt genau beschreiben. Alt-Tags können verwendet werden, um bemerkenswerte Schlüsselwörter einzuschließen, aber ihr Hauptzweck besteht darin, die Zugänglichkeit zu unterstützen.

Teil 4: Halten Sie Ihre Produktfotografie konsistent

Große E-Commerce-Shops verwenden Produktfotos, die auf einer einzelnen Produktseite oder in einer Sammlung ähnlicher Produkte gleichermaßen gut funktionieren. Einheitliche Bilder erleichtern das Suchen und Vergleichen von Produkten und können auch Konsistenz und Professionalität rund um Ihre Marke schaffen.

Hier sind die besten Möglichkeiten, um Ihre Produktfotografie konsistent zu halten:

Fotografieren Sie Ihre Produkte auf weißem Hintergrund

Eine der einfachsten Möglichkeiten, um konsistent großartige Produktfotos zu erstellen, ist die Verwendung eines weißen Hintergrunds. In unserem vorherigen Fotobeitrag haben wir beschrieben, wie Sie Ihr eigenes Foto-Setup erstellen und professionelle Produktfotos aufnehmen können.

Wenn Sie Ihre Fotos auf einem weißen Hintergrund haben, können Sie:

• Schaffen Sie Konsistenz für alle Ihre Produkte
• Verbessern Sie bestimmte Aspekte Ihres Produkts
• Bearbeiten Sie Ihre Fotos in Zukunft ganz einfach und
• Verkaufen Sie Ihre Produkte auf Marktplätzen wie Google Shopping und Amazon, die einen weißen Hintergrund erfordern.

Verwenden Sie die gleichen Abmessungen oder das gleiche Seitenverhältnis

Nichts sticht auf einer Sammlungsseite mehr hervor als Bilder unterschiedlicher Größe. Wenn Sie die Mindesthöhe und -breite nicht ausdrücklich mit CSS festgelegt haben, werden Ihre Sammlungsseiten ein Durcheinander sein. Benutzer müssen ihre kostbare Einkaufszeit damit verbringen, zu entschlüsseln, wo sie klicken müssen.

Betrachten Sie sogar eine einfache Produktsammlungsseite. Wie viel einfacher ist es, die quadratischen Produkte rechts im Vergleich zu den Produkten mit mehreren Größen links zu durchsuchen und zu vergleichen?

Was sieht besser aus?

Es gibt zwar Apps und Plugins, die Ihre Bilder für Sie aufwerten, aber der beste Ansatz besteht darin, sicherzustellen, dass Ihre Produktbilder immer mit bestimmten Abmessungen gespeichert werden.

Es ist in Ordnung, Ihre Bilder mit Abmessungen zwischen 1000px und 1600px auf der längsten Seite zu erstellen, aber Sie sollten auch versuchen, alle Ihre Bilder quadratisch zu halten. Quadratische Bilder sehen gut aus, egal ob das Bild horizontal oder vertikal ist, und sorgen dafür, dass Ihre Bilder in Ihrem Geschäft konsistent sind.

Produktvorlagen verwenden

Um einen professionell aussehenden E-Commerce-Shop zu erstellen, müssen Sie Ihre Produktbilder konsistent gestalten. Das bedeutet, dass Sie Fotos haben, die nicht nur die gleichen Abmessungen haben, sondern auch einen ähnlichen Stil und eine konsistente Positionierung im Bild haben.

Wenn Sie sich einen erfolgreichen E-Commerce-Shop ansehen, werden Sie feststellen, dass ihre Bilder für sich allein stehen, aber auch gut in eine Sammlung passen, da sie alle im gleichen Abstand von der Kamera positioniert sind.

Es kann schwierig sein, sicherzustellen, dass Ihre Produkte auf allen Ihren Fotos einheitlich positioniert sind. Hier können Produktvorlagen helfen.

Produktvorlagen sorgen dafür, dass Ihre Produkte konsistent im gleichen Bereich des Fotos positioniert und richtig skaliert werden. Sie können besonders wichtig sein, wenn Sie Ihren Produktbildern Text hinzufügen.

So erstellen Sie eine grundlegende Produktvorlagendatei mit Photoshop:

• Erstellen Sie eine neue Photoshop-Datei mit der gewünschten Breite und Höhe. Stellen Sie sicher, dass Ihr Farbmodus auf RGB-Farbe – 8-Bit eingestellt ist, die Auflösung mindestens 72 Pixel/Zoll beträgt und der Hintergrundinhalt weiß oder transparent ist.

• Als nächstes wählen Sie im Hauptmenü unter „Ansicht“ die Option „Neue Anleitung“.

• Erstellen Sie eine vertikale Hilfslinie von 10 % und wiederholen Sie die Schritte, damit Sie Folgendes haben:
  • 10 % vertikale und horizontale Führung
  • 90 % vertikale und horizontale Führung
  • 50% vertikale und horizontale Führung

• Sie sollten damit enden:

• Jetzt können Sie Ihr Bild über der Vorlage platzieren. Die Anleitungen geben Ihnen einen Hinweis, um zu wissen, dass Ihr Bild sowohl horizontal als auch vertikal zentriert ist. Es wird Ihnen auch dabei helfen, sicherzustellen, dass Ihre Produkte alle in einem einheitlichen Maßstab platziert werden.

Jetzt speichern Sie Ihre Datei einfach als normales Photoshop-Dokument (.PSD) und Ihre Anleitungen warten auf Sie. Mit der von Ihnen erstellten Anleitung können Sie alle bearbeiteten Produktfotos schnell hochladen und sicherstellen, dass sie auf Ihrer Website konstant gut aussehen.

Teil 5: Bringen Sie Ihre Produktfotos auf das nächste Level!

Wenn Sie großartige Produktfotografie und hervorragende Produktbeschreibungen haben, haben Sie die Voraussetzungen für eine Produktseite mit hoher Konversion. Es gibt jedoch noch ein paar letzte Dinge, die Sie tun können, um Ihre Produktfotos zu verbessern, um sicherzustellen, dass Sie die bestmögliche Seite haben.

Beschleunigen Sie Ihre Bilder

Bilder können einen großen Einfluss auf die Seitenladezeiten haben. Wenn Ihre Produktseiten langsam geladen werden, werden Ihre Besucher frustriert darauf warten, dass sie geladen werden und weniger davon besuchen. Tatsächlich verlassen 40 % der Besucher Ihre Website, wenn das Laden länger als 3 Sekunden dauert. Produktseiten sollten daher schnell geladen und einfach zu durchsuchen sein. Hier sind eine Reihe von Möglichkeiten, wie Sie Ihre Bilder optimieren können, um dies zu erreichen.

Verwenden Sie zum einen CSS für Ihren Seitenhintergrund anstelle eines Bildes. Ebenso sollte CSS verwendet werden, um Rahmen um Bilder und Schaltflächenelemente zu erstellen.

Externe Bibliotheken, die Plugins oder Bildergalerien laden, können auch die Gesamtladezeit Ihrer Seite verlangsamen und sollten für die kritischen Elemente Ihrer Seite vermieden werden.

Sie können Ihre Seite auch über Google PageSpeed ​​Insights ausführen, um Möglichkeiten zur Beschleunigung Ihrer mobilen und Desktop-Site zu ermitteln. Google PageSpeed ​​sagt Ihnen, welche Bilder komprimiert werden können, wie Sie Ihre Bilder optimieren und wie viel Platz Sie dadurch sparen können.

Die integrierten Entwicklertools Ihres Browsers können auch erkennen, wie Ihre Seite Dateien lädt und welche Dateien zu lange dauern.

Um dies in Google Chrome zu tun:

• Klicken Sie mit der rechten Maustaste auf die Seite, die Sie analysieren möchten
• Wählen Sie „Netzwerk“
• Lade die Seite neu

Sie können nach Dateityp sortieren, um zu sehen, welche Bilder am längsten zum Laden brauchen, nach "Größe", um die größten Dateien zu sehen, nach "Zeit", um zu sehen, wie lange oder nach "Status", um zu sehen, ob Dateien nicht geladen werden konnten geladen.

Stellen Sie außerdem sicher, dass Ihre Bilder auf Geschwindigkeit und SEO optimiert sind, indem Sie die Tipps in Teil 3 verwenden.

Optimieren Sie Ihre Seite für Mobilgeräte

Es ist wichtig, einige Zeit damit zu verbringen, sich anzusehen, wie Ihre Produktseiten auf verschiedenen mobilen Geräten angezeigt werden. Mit Tools wie Hotjar können Sie Heatmaps erstellen, die zeigen, wie Benutzer mit Ihren Seiten interagieren. Und wenn Sie Google Analytics installiert haben, können Sie Ihre mobilen und Desktop-Conversion-Raten vergleichen, um festzustellen, ob Ihr mobiles Einkaufserlebnis der Schnauze gewachsen ist.

Google Analytics kann Ihnen eine Fülle nützlicher E-Commerce-Daten zu Konversionsraten und Kaufprozessen liefern, aber der einfachste Weg, um zu erfahren, wie Ihre Website auf mehreren Geräten aussieht, besteht darin, sie selbst zu erleben. Mit der Chrome-Gerätesymbolleiste – oder dem Responsive-Design-Modus, wenn Sie Firefox oder Safari verwenden – können Sie sehen, wie Ihre Produktseite auf jedem Gerät aussieht.

Einige Überlegungen zu Ihren mobilen Produktseiten:

• Stellen Sie Ihre Bilder in den Mittelpunkt. Zusätzliche Informationen sollten den Benutzern zur Verfügung stehen, wenn sie sie wollen, aber sie sollten den Bildern nicht im Weg stehen.
• Beschleunigen Sie Ihre Website, indem Sie sicherstellen, dass Ihre Bilder verkleinert wurden und Sie nicht zu viele Plugins von Drittanbietern laden. Ladezeiten sind besonders wichtig für Kunden, die über ein Mobilfunknetz laden.
• Erwägen Sie die Verwendung einer festen Menüleiste, damit der Kunde immer Zugriff auf die Suchleiste, das Hauptmenü und den Warenkorb hat.

Kunden verbringen weniger Zeit mit dem Durchsuchen und Lesen von Inhalten auf mobilen Geräten, sodass Bilder für Ihre mobilen Käufer eine besonders wichtige Rolle spielen. Stellen Sie sicher, dass Ihre Bilder gut sichtbar sind und schnell geladen werden, um sicherzustellen, dass Sie das beste mobile Einkaufserlebnis bieten.

Denken Sie an SEO

Produktseiten scheinen in Bezug auf SEO oft eine zu wenig genutzte Ressource zu sein. Auf Ihren Produktseiten haben Sie die Möglichkeit, einige Ihrer wertvollsten und einzigartigsten Inhalte zu präsentieren, die dazu beitragen können, dass Ihr Geschäft in den Suchergebnissen höher eingestuft wird. In den meisten Fällen ist die Produktseite genau das, was Ihr Kunde sehen möchte.

So stärken Sie Ihre Produktseiten-SEO:

• Erstellen Sie eine einzigartige Produktbeschreibung, die Ihr Produkt klar umreißt und den Begriffen entspricht, nach denen Ihre Kunden suchen.
• Optimieren Sie Ihre Bildmetadaten, indem Sie ALT-Tags zur Beschreibung des Bildes, geeignete Titel-Tags und relevante Dateinamen einschließen.
• Erwägen Sie, Ihrer Produktseite Videos hinzuzufügen. Ob das Hinzufügen von Videos zu Ihrer Seite bei der SEO hilft oder nicht, steht zur Debatte, aber sie können dazu beitragen, Ihren Produkten mehr Kontext zu verleihen, was Ihre Conversions verbessern kann.

Bilder für Zoom optimieren

Ist Ihnen aufgefallen, wie Sie auf den meisten E-Commerce-Sites mit der Maus über das Bild fahren können, um das Produkt zu „vergrößern“? Dies ist zu einem Feature geworden, das fast selbstverständlich ist. Wir erwarten, dass wir eine größere Version des Produkts erhalten, wenn wir darauf klicken oder den Mauszeiger darüber bewegen.

Diese Funktion erfüllt einen wichtigen Zweck. Kunden können so die Qualität des Produkts im Detail feststellen. Es hilft auch, Vertrauen in den Kauf des Kunden zu wecken, wenn er das Produkt nicht physisch fühlen oder sehen kann. Manchmal kann die Qualität der Nähte oder der Farbton den Unterschied ausmachen, ob der Kunde Ihr Produkt einem Konkurrenzprodukt vorzieht.

Wie stellen Sie also sicher, dass Sie über eine funktionierende Zoomfunktion verfügen? Das Geheimnis besteht darin, die richtigen Bildgrößen zu verwenden.

Die meisten E-Commerce-Websites haben verschiedene „Vorlagen“. Diese Vorlagen passen die Größe Ihres Bildes an diese Vorlagengröße an. Zum Beispiel könnten Sie Folgendes haben:

• Eine Thumbnail-Vorlage mit den Maßen 50 x 50 Pixel
• Eine Sammlungsbildvorlage, die 100 x 100 Pixel groß ist
• Eine zugehörige Bildvorlage, die 150 x 150 Pixel groß ist
• Eine Hauptfotovorlage, die 500 x 500 Pixel groß ist

Die Zoomfunktion funktioniert normalerweise, indem das Bild in seiner vollen Originalgröße angezeigt wird. Wenn Sie also ein Bild haben, das Sie mit 1000px x 1000px gespeichert haben, wenn Sie mit der Maus über die Hauptfotovorlage fahren (die 500px x 500px groß ist), wird es in der doppelten Größe angezeigt.

Das bedeutet, dass Sie für eine funktionierende Zoomfunktion sicherstellen müssen, dass Ihre Bildabmessungen größer sind als Ihre Hauptfotovorlage.

Wenn sie die gleiche Größe haben, sieht der Benutzer beim Bewegen des Mauszeigers dasselbe Bild. Wenn sie jedoch zu groß sind, kann sich die Bildgröße negativ auf die Ladezeiten auswirken und zu groß sein, um praktikabel zu sein.

Bildabmessungen zwischen 1000px und 1600px sind in der Regel ein guter Kompromiss zwischen Dateigröße und einem Bild, das genügend Nahaufnahmen liefern kann.

Abschluss

In diesen fünf Kapiteln konnten wir im Großen und Ganzen die wichtigsten Bereiche abdecken, die Sie bei der Erstellung Ihrer Produktseiten gebührend berücksichtigen müssen. Wenn Sie diese Richtlinien befolgen, erhalten Sie eine Produktseite, die Ihren Kunden ein großartiges Einkaufserlebnis bietet und hohe Konversionsraten aufweist. Nachdem Sie nun einen Leitfaden haben, liegt es an Ihnen, eine erfolgreiche Produktseite zu erstellen, die Verkäufe für Ihren E-Commerce-Shop generiert.