Das finden wir sehr schade.\u00a0 Tats\u00e4chlich spielen Produkt\u00fcbersichtsseiten eine gro\u00dfe Rolle in der K\u00e4ufer-Journey<\/strong> und der darauf folgenden, gef\u00fcrchteten Conversionrate.<\/p>\n Was genau ist eine Produkt\u00fcbersichtsseite aber eigentlich?<\/strong><\/p>\n Kurz zusammengefasst sind Produkt\u00fcbersichtsseiten das Resultat entweder von Kategorieseiten oder von Suchergebnissen.<\/p>\n Sie spielen ein gro\u00dfe Rolle als eine Art ‚Katalog‘, da sie alle Produkte einer Kategorie oder eines Filterergebnisses anzeigen.<\/p>\n Wenn sie richtige erstellt werden, k\u00f6nnen \u00dcbersichtsseiten einen gro\u00dfen Einfluss auf die UX des Nutzers haben: diese h\u00e4ngt von verschiedenen Faktoren ab wie zum Beispiel dem Leistungsversprechen<\/a>, den Produkteigenschaften, sowie der allgemeinen Qualit\u00e4t der gebotenen Information.<\/p>\n Hier sind nun die 10 Best Practices die Sie befolgen sollten, um leistungsf\u00e4hige Produkt\u00fcbersichtsseiten zu erstellen, die auch konvertieren.<\/strong><\/p>\n Header spielen die „Titel“-Rolle jeder Kategorie- und \u00dcbersichtsseite.<\/p>\n Im Grunde sind sie der gr\u00f6\u00dfte Hinweis auf den Inhalt der Seite und sollten dementsprechend behandelt werden.<\/p>\n Beauty-Spezialist Ulta setzt auf hervorstechende Visuals, um die Sichtbarkeit des Headers zu erh\u00f6hen: dies ist eine gute L\u00f6sung um Header zu vermeiden, die nur aus Text bestehen und somit auf den ersten Blick unattraktiv wirken.<\/p>\n Vergessen Sie auch nie, Ihre Keywords in Ihren <h1> Tags zu verwenden: diese sind Teil der SEO-Strategie Ihrer Seite und helfen Ihnen, in Suchergebnissen h\u00f6her zu erscheinen.<\/p>\n Denken Sie dran:<\/strong> die Header Ihrer Kategorieseiten sollten in erster Linie informativ und hilfreich f\u00fcr Ihre Kunden sein.<\/p>\n Hinweis:<\/strong> Header k\u00f6nnen auch als Werbefl\u00e4che benutzt werden um besondere Produkte, spezielle Angebote und Rabatte anzuzeigen.<\/p>\n Es gibt leider keine einfache L\u00f6sung in der Wahl zwischen Raster- und Listenansichten.<\/p>\n Es kommt in der Tat auf die Art von Produkten an, die Sie verkaufen, und welche Experience Sie bieten wollen.<\/strong><\/p>\n Hier sind einige Tipps um Ihnen bei der richtigen Wahhl zu helfen:<\/p>\n Listenansicht:<\/strong><\/p>\n Besser geeignet f\u00fcr Produkte, die ausf\u00fchrliche Informationen und Angaben ben\u00f6tigen, um den Kunden beim Vergleich technischer Daten \u00e4hnlicher Produkte zu helfen.<\/p>\n Passt gut bei technischen Produkten. Beispiele sind: Verkauf von Fernsehern, Computern, Elektronikger\u00e4te, DVDs, Hardware\u2026<\/p>\n Wine.com verkauft teure Weine und Champagner, daher ist es wichtig, dass der Besucher sich Zeit nimmt, die Marken und „Grands Crus“ zu bewerten, bevor er eine Kaufentscheidung trifft: achten Sie darauf, wie zus\u00e4tzlicher horizontalen Raum genutzt wird, um Bewertungen anzuzeigen.<\/p>\n Rasteransicht:<\/strong><\/p>\n Rasteransichten werden meistens f\u00fcr Produkte verwandt, bei denen die Details nicht so wichtig sind, die sich auf Bilder verlassen und schnell verglichen werden k\u00f6nnen. Hier geht mehr um eine visuelle Erfahrung. Amazon.com nutzt die Rasteransicht, um Produkte in der Geschenkideen-Kategorie anzuzeigen. Zus\u00e4tzlich dienen Tags zur Klassifizierung von Bestsellern, um Besucher zum Klick auf popul\u00e4re Produkte zu bewegen.<\/p>\n Wenn Sie sich f\u00fcr eine Rasteransicht entscheiden, kommen Sie zweifellos irgendwann zu der Frage „Wie viele Produkte sollte ich pro Reihe anzeigen?“.<\/p>\n Das ist eine gute Frage.<\/p>\n Wie bei der Wahl zwischen Listen- und Rasteransicht, gibt es auch hier keine Antwort, die allen gerecht wird.<\/p>\n Tats\u00e4chlich h\u00e4ngt die Anzahl der angezeigten Produkte pro Reihe von 3 Hauptfaktoren ab:<\/strong><\/p>\n 1. Bildergr\u00f6\u00dfe <\/strong><\/p>\n Wenn Sie gro\u00dfe, high-resolution Bilder zeigen, werden Sie zweifellos Probleme haben, mehr als 4-5 Produkte in eine Reihe zu quetschen.<\/p>\n 2. Anzahl der Produkte<\/strong><\/p>\n Die Zahl der angezeigten Produkte pro Reihe h\u00e4ngt auch von der Gesamtzahl der Produkte in jeder Kategorie ab.<\/p>\n Wenn Sie nur 12 Produkte anzuzeigen haben, ist es sehr viel \u00fcbersichtlicher, diese in einem 4×3 anstelle eines 2×6 Raster anzuzeigen, da Ihre Besucher den Eindruck haben k\u00f6nnten, dass dieses sonst nicht ausgef\u00fcllt ist.<\/p>\n 3. Informationsumfang <\/strong><\/p>\n Wenn es zur Produktbeschreibung kommt, sind nicht alle Produkte gleich. Einige brauchen von vorneherein mehr Information als andere: je mehr Fl\u00e4che sie brauchen, desto weniger Produkte werden Sie anzeigen.<\/p>\n Canada Goose verkauft teure Outerwear und benutzt daher eine Struktur, die 2 Produkte pro Reihe anzeigt, um die Visuals hervorzuheben und der User Experience ein „Premium“-Feeling zu verleihen.<\/p>\n Produkt-Thumbnails sind wichtig, vor allem in Branchen, die von Visuals dominiert werden, wie zum Beispiel Beauty, Kleidung oder Reisen.<\/p>\n Tats\u00e4chlich sollten Ihre Thumbnails \u00e4hnlich attraktive Bilder beinhalten und eine Harmonie bilden.<\/p>\n Die Gr\u00f6\u00dfe h\u00e4ngt hier von Ihrem Markenimage und Ihrer Branche ab: Fashion und Bekleidung w\u00e4hlen hier in der Regel gr\u00f6\u00dfere Visuals.<\/p>\n Alle Produkt-Thumbnails auf Asos.com werden vor einem grauen Hintergrund angezeigt um so den Kontrast zu erh\u00f6hen und die Produkte hervorzuheben.<\/p>\n Egal wie tief eine Seite reicht, die Navigation spielt immer eine entscheidende Rolle in der User Experience \u2013 das sollte auch f\u00fcr Ihre Produkt\u00fcbersichtsseiten gelten.<\/p>\n Da einige Produkte komplexe Beschreibungen haben und ausf\u00fchrlicher Sortierungsoptionen brauchen, sollten Sie auf die Performance Ihrer Webseite achten, damit die Sortierung gut funktioniert und die Kunden das perfekte Produkt finden k\u00f6nnen.<\/p>\n RevZilla schafft es hervorragend, seine Kunden durch den schier endlosen Prozess des Findens eines passenden Motorradhelmes zu leiten.<\/p>\n Sie nutzen die linke Spalte, um den Kunden dabei zu helfen, die Produkte nach verschiedenen Kriterien zu bewerten und zu sortieren (Facettensuche):<\/p>\n Bonuspunkt: RevZilla bietet Besuchern die M\u00f6glichkeit, nur die Produkte anzuzeigen, die eine „Videobewertung“ haben: ein gro\u00dfes Leistungsversprechen im Vergleich zu den Konkurrenten.<\/p>\n Es gibt unz\u00e4hlige M\u00f6glichkeiten, wie Sie Informationen auf Ihren Produkt\u00fcbersichts- und Kategorieseiten anzeigen k\u00f6nnen.<\/p>\n Vereinfacht gesagt m\u00fcssen Sie Informationen geben, die dem Besucher effektiv helfen und ihn davon \u00fcberzeugen, zu kaufen.<\/p>\n Um Ihnen die Auswahl zu erleichtern ist hier eine Liste mit Informationen, die Sie auf der Produkt\u00fcbersichtsseite anzeigen k\u00f6nnen:<\/p>\n Quelle:\u00a0BestBuy<\/a><\/span><\/p>\n BestBuy schafft es sehr sch\u00f6n, n\u00fctzliche Informationen auf ihren Produkt\u00fcbersichtsseiten zu bieten. Neben Bildern und Preisen, f\u00fcgten Sie auch folgendes hinzu: Sterne-Bewertung, Rabatte und einen Warenkorbbutton mit einem cleveren Farbschema.<\/p>\n Sortierungsoptionen haben einen einzigen Zweck: die Zahl der Produkte zu verringern, um die Conversionen zu erh\u00f6hen.<\/p>\n Trotzdem sollten Ihre Sortieroptionen auf den Bed\u00fcrfnissen und Erwartungen des Publikums an Ihre Produkte basieren.<\/p>\n Vereinfacht sollten Sie sich die folgenden Fragen stellen:<\/p>\n Wonach suchen meine Kunden? Was sind ihre Bed\u00fcrfnisse? Quelle:\u00a0watchshop.com<\/a><\/span><\/p>\n WatchShop wei\u00df, dass es viele Arten und Formen von Uhren gibt, und erstellte daher verschiedenste Sortierungsoptionen, um den Anforderungen der Besucher nachzukommen, u. A. nach Wasserdichte, Art des Bandes, Farbe des Geh\u00e4uses, Bewegungstyp usw.<\/p>\n Das System ist darauf ausgelegt, die Erwartungen der Kunden zu erf\u00fcllen \u2013 und schafft dies zweifellos.<\/p>\n Quick View ist einen E-Commerce Funktion, die es Besuchern erlaubt, eine verkleinerte Version der gew\u00fcnschten Produktseite zu generieren.<\/strong> Es ist eine Art Mini-Produktseite, die normalerweise einen Warenkorbbutton beinhalte.<\/p>\n Leider herrscht wenig Einigkeit \u00fcber den Sinn dieser Funktion und E-Commerce- Experten f\u00fchren endlose Diskussionen, um dieses Thema zu l\u00f6sen, bislang ohne Erfolg.<\/p>\n Eine k\u00fcrzlich hierzu durchgef\u00fchrte Studie von Baymard<\/a> hat jedoch herausgefunden, dass Quick View im Bezug auf Nutzerinteraktion und Conversionrates eher schadet als hilft: dies kommt daher, dass einige Nutzern die Quick View mit der eigentlichen Produktseite verwechseln.<\/p>\n F\u00fcr die meisten E-Commerce-Player ist SEO ein sehr wichtiger Aspekt. Tats\u00e4chlich ist Suchmaschinen-Traffic laut einer SmartInsights<\/a> Studie f\u00fcr 30-40% allen E-Commerce Traffics verantwortlich.<\/p>\n Mit der Wichtigkeit von Suchmaschinen-Traffic im Hinterkopf, ist hier ein weiterer interessanter Fakt: Produkt\u00fcbersichtsseiten sind f\u00fcr 50% des E-Commerce-Traffics verantwortlich. Es gibt zwei Hauptgr\u00fcnde, warum Produkt\u00fcbersichtsseiten f\u00fcr SEO so wichtig sind:<\/strong><\/p>\n Weil sie die Namen, Marken, Preise, Ausf\u00fchrungen und Beschreibungen von Produkten enthalten, sind auf Kategorieseiten meistens viele Keywords zu finden, wodurch sie schnell viele Keywords in Suchmaschinen bedienen.<\/p>\n Allgemein will man, dass die Kunden ihren Kaufprozess auf den Produkt\u00fcbersichtsseiten beginnen (oder alternative, direkt auf der Produktseite), deshalb konzentrieren sich SEO-Profis eher auf diese Seiten. Dar\u00fcber hinaus linken Produkte innerhalb einer Kategorie generell auf eben jene Kategorie zur\u00fcck, wodurch sich ein starkes internes Verlinkungsbild ergibt.<\/p>\n Es ist kein Gemeheimnis, dass Conversionrate Optimierung<\/a> nur durch Testing funktioniert. Das Erfolgsrezept \u00e4ndert sich f\u00fcr die Produkt\u00fcbersichtsseiten nicht: Sie m\u00fcssen sie A\/B testen.<\/strong><\/p>\n Vielleicht fragen Sie sich: „Wie mache ich das?“. Gl\u00fccklicherweise sind wir A\/B-Testing Spezialisten<\/a>.<\/p>\n Eine gute Produkt\u00fcbersichtsseite zu erstellen ist nicht einfach: Sie m\u00fcssen herausfinden, welche Elemente funktionieren und welche nicht<\/strong>, um so nach und nach Ihre Conversions zu erh\u00f6hen und Ihren Kunden eine insgesamt bessere UX zu bieten.<\/p>\n Hat Ihnen dieser Artikel gefallen? Teilen Sie ihn gerne und lesen Sie auch unser weiterf\u00fchrenden Artikel \u00fcber die Optimierung Ihrer Website, rund um den E-Commerce und digitales Marketing.<\/p>\n Oder suchen Sie nach M\u00f6glichkeiten, um die Performance Ihres E-Commerce-Warenkorbs zu verbessern<\/a>? Schauen Sie doch mal in unseren neuesten Artikel zu diesem Thema.<\/p>\n![\"\"](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/DE-CTA-Banner-Psychology-Hacks.png\")
<\/a><\/p>\n![\"Beispiel](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/listing-page-ecommerce.jpg\")
Die 10 wichtigsten Methoden, um die perfekte Produkt\u00fcbersichtsseite zu erstellen<\/strong><\/h2>\n
1. K\u00fcmmern Sie sich um Ihre Header<\/strong><\/h2>\n
![\"K\u00fcmmern](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/header-product-listing-page.jpg\")
2. Raster- vs. Listenansicht<\/strong><\/h2>\n
![\"Profis](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/list-view-listing-product-page.jpg\")
\n<\/strong><\/p>\n![\"Rasteransicht-Profis](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/grid-view-listing-page.jpg\")
3. Wie viele Produkte pro Seite und Reihe?<\/strong><\/h2>\n
![\"Ideale](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/number-products-in-listing-page.jpg\")
4. Produkt-Thumbnails<\/strong><\/h2>\n
![\"Produkt](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/product-per-listing-page.jpg\")
5. Intuitive Navigation<\/strong><\/h2>\n
![\"Vielf\u00e4ltige](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/faceted-search-ecommerce-result-page.jpg\")
\n
6. Welche Informationen sollte ich anzeigen?<\/strong><\/h2>\n
\n
![\"Welche](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/information-displayed-on-product-listing-page.jpg\")
7. Das 1×1 der Produktsortierung<\/strong><\/h2>\n
\n<\/strong>Wenn Sie diese beiden Fragen klar beantworten k\u00f6nnen, finden Sie die optimalen Sortieroptionen einfach.<\/p>\n![\"Wie](\"https:\/\/static.wingify.com\/gcp\/uploads\/abtasty\/sorting-product-listing-page.jpg\")
8. Sollten Sie Quick-View nutzen?<\/strong><\/h2>\n
9. Einige Anmerkungen zu SEO auf Produkt\u00fcbersichtsseiten<\/strong><\/h2>\n
\n<\/strong><\/p>\nA. Sie enthalten viele Keywords<\/strong><\/h3>\n
B. Sie werden am meisten verlinkt<\/strong><\/h3>\n
10. Produkt\u00fcbersichtsseiten A\/B Testen<\/strong><\/h2>\n