--- title: "E-Commerce-Startseitengestaltung und Schaufensterverwaltung: Wie richtet man das Startseiten-Schaufenster ein? Praxisleitfaden zu Bereichen, Reihenfolge, Mobil, Geschwindigkeit und Aktionskalender, Rechner für den Übergang zum Produkt und Startseitenprüfung" description: "Wie sollte die E-Commerce-Startseite gestaltet sein? Mit Schaufensterverwaltung, Bereichsreihenfolge, Mobil, Geschwindigkeit und Aktionskalender sowie Rechner für den Übergang zum Produkt und Startseitenprüfung." url: https://www.faprika.com/de/blog/e-commerce-startseitengestaltung-und-schaufensterverwaltung language: de site: Faprika --- # E-Commerce-Startseitengestaltung und Schaufensterverwaltung: Wie richtet man das Startseiten-Schaufenster ein? Praxisleitfaden zu Bereichen, Reihenfolge, Mobil, Geschwindigkeit und Aktionskalender, Rechner für den Übergang zum Produkt und Startseitenprüfung > Wie sollte die E-Commerce-Startseite gestaltet sein? Mit Schaufensterverwaltung, Bereichsreihenfolge, Mobil, Geschwindigkeit und Aktionskalender sowie Rechner für den Übergang zum Produkt und Startseitenprüfung. Die Startseite ist meist die erste Berührung eines Besuchers mit Ihrer Seite, und innerhalb weniger Sekunden sucht er Antworten auf zwei Fragen: Was wird hier verkauft, und wie komme ich zu dem, was ich suche? **E-Commerce-Startseitengestaltung** und Schaufensterverwaltung bedeuten, die Bereiche auszuwählen, die diese zwei Fragen klar beantworten, sie in die richtige Reihenfolge zu bringen, mobil und schnell ladend aufzubauen und bei jedem Wechsel der Aktion aktuell zu halten. Eine Startseite, die schön aussieht, den Besucher aber nicht zum Produkt führt, ist wie ein Geschäft mit beleuchtetem Schaufenster und verschlossener Tür. In diesem Ratgeber erklären wir, aus welchen Bereichen die Startseite besteht, in welcher Reihenfolge sie angeordnet werden sollten, wie das Hauptkampagnenbild vorbereitet wird, wie Kategorieeinstiege und der Bestseller-Bereich aufgebaut werden, worauf es bei Mobil und Geschwindigkeit ankommt, wie Sie das Schaufenster mit einem Aktionskalender aktuell halten und wie Sie das Ergebnis messen. Von den zwei Werkzeugen im Beitrag zeigt das eine, was Ihnen eine höhere Übergangsrate von der Startseite zum Produkt einbringt, das andere dient dazu, Ihre bestehende Startseite anhand von acht Fragen zu prüfen. Kerngedanke „Eine gute Startseite versucht nicht, alles zu zeigen; sie führt den Besucher auf kürzestem Weg zum richtigen Produkt oder zur richtigen Kategorie. Das Schaufenster sollte auf einen Blick zeigen, was der Shop verkauft und was heute im Vordergrund steht.“ ## Was ist E-Commerce-Startseitengestaltung? E-Commerce-Startseitengestaltung bedeutet, die Bereiche der Einstiegsseite Ihres Shops auszuwählen, anzuordnen und visuell zu gestalten. Ziel ist es, den Besucher zu empfangen, zu zeigen, was der Shop verkauft, und ihn auf eine Kategorie- oder Produktseite zu leiten. Schaufensterverwaltung wiederum umfasst das Hinzufügen, Sortieren, Aktualisieren und Entfernen der Produkt- und Bildgruppen in diesen Bereichen, also der Schaufenster. *Görsel: E-Commerce-Startseitengestaltung: Menü, Hauptkampagnenbild, Kategorieeinstiege, Bestseller, Aktionsleiste und Vertrauenselemente (Die Grundbereiche der Startseite und ihre allgemeine Reihenfolge.)* ### Warum ist die Startseite ein Verteilerpunkt? Auf der Startseite wird in der Regel nicht verkauft, sondern hier beginnt der Weg zum Verkauf. Besucher kaufen hier weniger, als dass sie sich orientieren. Deshalb besteht die Aufgabe der Startseite zuerst im Führen und erst dann im Überzeugen: Die Wege zu Kategorien, Bestsellern, Aktionen und zum Suchfeld müssen offen sein. | Begriff | Was sagt sie aus? | Beispiel | | --- | --- | --- | | Startseite | Einstiegsseite und Verteilerpunkt des Shops | Aktion, Kategorien, Bestseller | | Schaufenster | Eine auf der Startseite oder Kategorieseite hervorgehobene Gruppe von Produkten oder Bildern | Schaufenster für Neuheiten | | Slider (Bildwechsel-Bereich) | Oberer Bereich, in dem mehrere Aktionsbilder nacheinander gezeigt werden | Bild der Saisonaktion | | Banner | Ein Bild mit einer einzigen Botschaft und einem Link | Vorstellungsbild einer Kategorie | Lesetipp Wie sollte eine E-Commerce-Produktseite aussehen? 15 Elemente einer Produktseite, die verkauft ## Warum ist die Startseite wichtig? Die Startseite ist für die meisten Besucher, die über die Markensuche, über Werbung oder durch direkte Eingabe der Adresse kommen, die erste Station. Verwirrung an dieser Stelle bedeutet verlorene Besuche, die nie eine Produktseite erreichen. - **Sie prägt den ersten Eindruck:** Wenn im ersten Bildschirm nicht klar wird, was der Shop verkauft, kehrt der Besucher um. - **Sie verkürzt den Weg zum Produkt:** Passende Einstiege zu Kategorien und Bestsellern verringern die Zeit, die Besucher mit Suchen verbringen. - **Sie macht die Aktion sichtbar:** Wenn eine neue Aktion auf der Startseite nicht hervorsticht, sehen sie die meisten Besucher nie. - **Sie schafft Vertrauen:** Informationen zu Rückgabe, Versand und sicherer Zahlung nehmen Erstbesuchern die Bedenken. - **Sie empfängt wiederkehrende Kunden:** Neue Produkte und aktuelle Aktionen zeigen, dass die Seite lebt. Tipp Die Startseite muss nicht allen alles sagen Jede Aktion, jede Kategorie und jeden Hinweis auf die Startseite zu setzen, ermüdet den Besucher. Halten Sie die Zahl der Bereiche niedrig und geben Sie jedem Bereich genau eine Aufgabe. Für alles andere gibt es Menü, Suche und Kategorieseiten. ## Welche Bereiche gehören auf die Startseite? Bei den meisten E-Commerce-Shops besteht die Startseite aus sechs Grundbereichen: Menü und Suche, Hauptkampagnenbild, Kategorieeinstiege, Bestseller, neue Produkte oder Aktionsleiste und Vertrauenselemente. Nicht jeder Shop braucht alle; ein Shop mit kleinem Sortiment kann die Kategorieeinstiege verkleinern, ein Shop mit nur einer Kategorie kann das Gewicht direkt auf die Bestseller legen. ### 1. Hauptkampagnenbild (Slider oder Banner) Das Bild im oberen Bereich ist die größte und am meisten betrachtete Fläche der Seite; deshalb sollte es eine klare Botschaft und eine Handlungsaufforderung tragen. Der Text auf dem Bild sollte kurz, der Button deutlich und die Zielseite beim Klick inhaltlich genau passend sein. - **Eine Botschaft:** Rabatt, neue Saison und kostenloser Versand werden nicht im selben Bild erzählt; man wählt eines aus. - **Das richtige Ziel:** Das Bild sollte zur Aktionskategorie oder zu den Aktionsprodukten führen; ein Bild, das zur Startseite zurückführt oder nirgendwohin, untergräbt das Vertrauen. - **Wenige Bilder:** Wenn mehrere Bilder rotieren, halten Sie die Zahl niedrig; Besucher sehen meist nur das erste Bild. - **Lesbarer Text:** Der Text sollte nicht auf die dichte Fläche des Bildes fallen und muss auch mobil in lesbarer Größe bleiben. ### 2. Kategorieeinstiege Kategorieeinstiege sind kurze Wege, die den Besucher zum richtigen Regal führen. Statt alle Kategorien des Menüs zu wiederholen, werden die am häufigsten gesuchten oder meistverkauften Hauptkategorien in Bildkacheln gezeigt. Jede Kachel trägt einen klaren Namen und genau einen Link. ### 3. Bestseller Der Bestseller-Bereich ist für unentschlossene Besucher ein sicherer Einstieg, denn ein Produkt, das andere häufig kaufen, wirkt nicht riskant. Der Bereich kann von Hand zusammengestellt oder anhand von Verkaufsdaten erzeugt werden; in beiden Fällen müssen die Produkte auf Lager sein. ### 4. Neue Produkte und Aktionsleiste Für Kunden, die regelmäßig zurückkehren, ist der wertvollste Bereich derjenige, der zeigt, was sich geändert hat. Ein Schaufenster mit neuen Produkten vermittelt, dass die Seite aktuell ist. Die Aktionsleiste ist dagegen eine vom Hauptbild unabhängige, kleinere, aber sichtbare Erinnerung. ### 5. Vertrauenselemente Rückgabebedingungen, Versandinformationen, sichere Zahlung und Kontaktkanäle sollten im unteren Teil der Startseite kurz und verlinkt stehen. Diese Angaben beantworten die Fragen von Erstkäufern; die Links sollten zu den Detailseiten führen. | Abschnitt | Aufgabe | Häufiger Fehler | | --- | --- | --- | | Hauptkampagnenbild | Die Botschaft des Tages vermitteln | Viele Botschaften, viele Bilder | | Kategorieeinstiege | Besucher zum richtigen Regal führen | Alles aus dem Menü wiederholen | | Bestseller | Eine sichere Wahl anbieten | Ausverkaufte Produkte zeigen | | Neue Produkte / Aktion | Wiederkehrenden Kunden Neues zeigen | Ein Schaufenster, das sich monatelang nicht ändert | | Vertrauenselemente | Bedenken abbauen | Allgemeine Aussagen ohne Link | Lesetipp Kategorieseiten-SEO: So bringen Sie Ihre E-Commerce-Kategorieseiten in 12 Schritten nach oben ## In welcher Reihenfolge sollten die Startseitenbereiche angeordnet werden? Die Bereiche sollten in der Reihenfolge angeordnet werden, in der der Besucher sie beim Herunterscrollen braucht: zuerst die Botschaft des Shops, dann Orientierung, dann Auswahl, dann Vertrauen. Die Reihenfolge ist wichtiger als die Länge der Seite, denn ein erheblicher Teil der Besucher scrollt nie bis zu den unteren Bereichen. *Görsel: Prioritätsreihenfolge der Startseitenbereiche: Hauptbotschaft, Kategorieeinstiege, Bestseller, neue Produkte und Vertrauenselemente (Zuerst der wichtigste Bereich, danach immer nachrangigere Bereiche.)* 1. **Hauptbotschaft und Aktion:** Im ersten Bildschirm sind das Sortiment des Shops und das Angebot des Tages sichtbar. 2. **Kategorieeinstiege:** Der Besucher gelangt mit einem Fingertipp zum gesuchten Regal. 3. **Bestseller:** Unentschlossenen Besuchern werden sichere Produkte angeboten. 4. **Neue Produkte und Aktion:** Wiederkehrenden Kunden wird Neues gezeigt. 5. **Vertrauenselemente:** Am Seitenende runden Rückgabe, Versand und Zahlungssicherheit das Bild ab. ### Was sollte im ersten Bildschirm zu sehen sein? Der erste Bildschirm ist der Bereich, der beim Öffnen der Seite ohne Scrollen sichtbar ist. Hier sollten das Sortiment des Shops, die Hauptaktion sowie der Weg zu Suche und Menü zu finden sein. Den ersten Bildschirm mit einem Werbebild zu füllen und die Kategorieeinstiege nach unten zu schieben, vertreibt Besucher, die ein Produkt suchen. Tipp Denken Sie für Besucher aus der Werbung an eine eigene Seite Wenn Sie Werbung für eine bestimmte Aktion oder Produktgruppe schalten, leiten Sie den Besucher nicht auf die allgemeine Startseite, sondern auf die passende Kategorie oder Aktionsseite. Die Startseite ist für alle allgemein, die Aktionsseite dagegen speziell für die Person, die diese Anzeige gesehen hat. ## Wie richtet man das Startseiten-Schaufenster ein? Ein Schaufenster einzurichten bedeutet zu entscheiden, welches Produkt oder Bild in welchem Bereich, in welcher Reihenfolge und in welcher Sprache gezeigt wird. Die Einrichtung erfolgt in den Bildschirmen für Schaufenster- und Slider-Verwaltung im E-Commerce-Panel und erfordert meist keinen Code. ### Schaufensterauswahl: von Hand oder nach Regel? Hervorgehobene Produkte von Hand auszuwählen gibt Kontrolle, kostet aber Aufwand; automatisch nach Verkaufsdaten oder Datum der Aufnahme erzeugte Schaufenster bleiben dagegen von selbst aktuell. Für die meisten Shops ist eine gute Balance, Aktions- und Markenschaufenster von Hand und Bestseller sowie neue Produkte nach Regel zu verwalten. ### Schaufensterlayout: schlicht, mit Seitenbild oder mit mehreren Bildern Schaufenster lassen sich in verschiedenen Layouts darstellen: als schlichte Reihe nur aus Produkten oder Bildern, als Layout mit einem festen Vorstellungsbild auf der einen und rotierenden Produkten auf der anderen Seite oder als mehrere nebeneinander angeordnete Bilder. Das feste Bild neben den rotierenden Produkten kann zur passenden Kategorie führen; so werden Produktpräsentation und Kategorievorstellung kombiniert. ### Reihenfolge und Anzahl der Schaufenster Jedes Schaufenster nimmt Platz auf der Startseite ein und teilt die Aufmerksamkeit des Besuchers. Deshalb sollte die Zahl der Schaufenster begrenzt bleiben und die wichtigsten oben stehen. Da die weiter unten liegenden Schaufenster seltener gesehen werden, bringt eine höhere Anzahl meist keinen Ertrag. Okumanızı öneririz Dönüşüm Oranı Optimizasyonu (CRO) Nedir? ## Wie viel ist der Übergang von der Startseite zum Produkt wert? Das wichtigste Erfolgsmaß der Startseite ist, wie viele Besucher auf eine Produktseite wechseln, denn der Verkauf beginnt auf der Produktseite. Schon ein kleiner Anstieg dieser Rate bringt zusätzliche Produktseitenbesuche und damit zusätzliche Bestellungen. Das folgende Werkzeug berechnet, wie viele zusätzliche Produktseitenbesuche und Bestellungen ungefähr entstehen, wenn Sie die Übergangsrate auf Ihr Ziel anheben. Die Werte sind Beispiele; geben Sie Ihre eigenen Zahlen ein. Rechner für den Übergang von der Startseite zum Produkt Monatliche Startseitenbesucher Aktuelle Übergangsrate zur Produktseite (%) Ziel-Übergangsrate (%) Bestellrate ab Produktseite (%) Aktuelle Produktseitenbesuche**12.000** Produktseitenbesuche beim Ziel**14.000** Zusätzliche Produktseitenbesuche**2.000** Geschätzte zusätzliche Bestellungen (monatlich)**40** Die Zielrate liegt unter oder auf der Höhe der aktuellen Rate. In diesem Fall entstehen keine zusätzlichen Besuche und Bestellungen; rechnen Sie mit einem Ziel über der aktuellen Rate. Die Zielrate liegt über der aktuellen Rate. Damit die zusätzlichen Bestellungen tatsächlich entstehen, müssen auch die neu hinzukommenden Besucher auf der Produktseite in ähnlichem Maß bestellen; testen Sie Änderungen an der Startseite in kleinen Schritten und messen Sie das Ergebnis. Rechnung: Besucher × Übergangsrate = Produktseitenbesuche; Differenz zwischen Ziel und Ist = zusätzliche Besuche; zusätzliche Besuche × Bestellrate = zusätzliche Bestellungen. Die Zahlen sind Beispiele; das tatsächliche Ergebnis hängt von der Besucherqualität und der Produktseite ab. Die eigentliche Lehre des Werkzeugs ist, dass eine kleine Verbesserung auf der Startseite ein Gewinn ist, der sich jeden Monat wiederholt. Die Berechnung zusätzlicher Bestellungen ist nur eine Schätzung; Faktoren wie Besucherqualität, Produktseite und Preis verändern das Ergebnis. Dennoch ist sie ein gutes Maß, um zu priorisieren, welche Verbesserung den Aufwand lohnt. ## Wie sollte die Startseite mobil aussehen? Die mobile Startseite ist keine verkleinerte Fassung der Desktop-Seite, sondern eine eigens durchdachte Seite. Weil der Bildschirm schmal ist, sind weniger Bereiche gleichzeitig sichtbar; deshalb gewinnen Reihenfolge und Schlichtheit mobil noch mehr an Bedeutung. *Görsel: Mobile Eignung der E-Commerce-Startseite: passendes Bild für jedes Gerät, schlichtes Layout und Ladereihenfolge für Geschwindigkeit (Passendes Bild für das Gerät und Ladereihenfolge für Geschwindigkeit.)* - **Gerätespezifisches Bild:** Ein breites, für den Desktop gemachtes Bild wird mobil beschnitten oder der Text wird unlesbar; getrennte Bilder für Desktop, Tablet und Mobilgerät sind der sicherste Weg. - **Für Berührung geeignete Flächen:** Buttons und Kategoriekacheln sollten groß genug sein, um sie bequem mit dem Finger zu treffen. - **Weniger Bereiche:** Da jeder Bereich mobil mehr Platz einnimmt, halten Sie die Zahl der Bereiche niedrig. - **Einfaches Wischen:** Horizontal rotierende Schaufenster sollten sich leicht mit dem Finger wischen lassen und das vertikale Scrollen der Seite nicht behindern. - **Suche überall erreichbar:** Mobil greifen Besucher eher zur Suche als zum Menü; das Suchfeld sollte sichtbar sein. Okumanızı öneririz E-Ticaret Sitesinde Mobil Uyumun Önemi ## Wie bleibt die Startseite schnell? Die Startseite ist oft die bildlastigste Seite des Shops und damit auch die, die am leichtesten langsam wird. Große Bilder, viele Schaufenster und schwere Slider verlängern die Ladezeit; bei einer langsam öffnenden Seite kann der Besucher gehen, ohne den Inhalt gesehen zu haben. Die Geschwindigkeit wird außerdem von Suchmaschinen bei der Bewertung der Seite berücksichtigt. ### Bildgröße und Bildformat Das Bild selbst sollte nicht größer sein als die Größe, in der es angezeigt wird. Ein unnötig großes Bild wird heruntergeladen, ohne dem Besucher zu nützen. Moderne, leichte Bildformate sind zu bevorzugen und Bilder sollten komprimiert werden. ### Verzögertes Laden (Lazy Loading) Beim verzögerten Laden (Lazy Loading) werden Bilder im unteren Bildschirmbereich erst geladen, wenn der Besucher dorthin scrollt. Das Hauptbild im ersten Bildschirm sollte sofort laden, die Schaufenster weiter unten dagegen erst bei Bedarf. Das Bild im ersten Bildschirm verzögert zu laden, wirkt dagegen kontraproduktiv und verzögert die erste Darstellung der Seite. ### Slider und Anzahl der Schaufenster Jedes zusätzliche Bild und jeder Slider belastet die Seite. Statt vieler automatisch rotierender Bilder sind wenige, gut vorbereitete Bilder sowohl schneller als auch wirksamer. Halten Sie auch die Zahl der Schaufenster begrenzt, die Produkte als Slides zeigen. Tipp Prüfen Sie zuerst die Größe des Hauptbildes Das größte Bild der Startseite ist das Element, das die Ladegeschwindigkeit am stärksten beeinflusst. Prüfen Sie Größe und Komprimierung des Aktionsbildes, bevor Sie es hochladen; ein einziges schweres Bild kann die ganze Seite verlangsamen. Lesetipp Wie optimiert man Produktbilder? Praxisratgeber zu Größe, Format (WebP), Dateiname und Alt-Text im E-Commerce Okumanızı öneririz E-Ticarette Site Hızı Neden Önemlidir? ## Wie bleibt das Schaufenster mit dem Aktionskalender aktuell? Der häufigste Fehler auf der Startseite ist, dass das Bild an seinem Platz bleibt, obwohl die Aktion beendet ist. Das Bild einer beendeten Aktion untergräbt das Vertrauen und führt den Besucher auf eine ungültige Seite. Die Lösung ist, das Schaufenster mit einem Aktionskalender zu verwalten. *Görsel: Ablauf des Aktionskalenders für die Schaufensterverwaltung der Startseite und zu beobachtende Kennzahlen (Planen, vorbereiten, veröffentlichen, entfernen; danach messen.)* - **1. Planen:** Legen Sie Aktionsdaten und Ziele im Voraus fest. - **2. Vorbereiten:** Halten Sie Bilder, Links und Produktlisten vor Beginn der Aktion bereit. - **3. Zeitlich festlegen:** Tragen Sie, wenn möglich, Start- und Enddatum von Bild und Hinweis im Voraus ein; so müssen Sie nach Ende der Aktion nicht darauf warten, sie von Hand zu entfernen. - **4. Entfernen:** Nehmen Sie Bild, Link und Hinweis nach Ende der Aktion aus der Veröffentlichung oder ersetzen Sie sie durch neue. - **5. Messen:** Halten Sie am Ende der Aktion fest, welches Bild und welcher Bereich Interesse gefunden haben. Lesetipp E-Commerce-Kampagnenkalender : So erstellen Sie einen Kampagnenplan, der das ganze Jahr über Umsatz bringt ### Welche Änderungen sind außerhalb von Aktionen nötig? Das Schaufenster ändert sich nicht nur für Aktionen. Auch wenn neue Produkte eintreffen, der Bestand ausgeht, die Saison wechselt oder eine Kategorie hervorgehoben werden soll, muss das Schaufenster überprüft werden. Die Gewohnheit einer kurzen wöchentlichen Kontrolle fängt die meisten Fehler ab, bevor sie entstehen. ## Wie verwaltet man das Schaufenster in mehrsprachigen und mehrländigen Shops? Wenn Sie in mehreren Sprachen oder Ländern verkaufen, ist es meist nicht die beste Wahl, allen Zielgruppen dieselbe Startseite zu zeigen. Kultur und Aktionsgewohnheiten sind in jedem Land anders; ein Bild, das in einem Land funktioniert, hat in einem anderen möglicherweise nicht dieselbe Wirkung. Getrennte Schaufenster und Banner je Sprache oder Land ermöglichen es, jeder Zielgruppe die passende Botschaft zu vermitteln. - **Sprachspezifisches Bild:** Der Text auf dem Bild sollte zur Sprache der Seite passen. - **Länderspezifische Aktion:** Eine Aktion, die in einem Land gilt, sollte im anderen nicht angezeigt werden. - **Produktauswahl:** Ein Produkt, das in einem Land ein Bestseller ist, findet in einem anderen möglicherweise nicht dasselbe Interesse. ## Wie ergänzt man die Startseite durch Menü, Hinweise und Sonderseiten? Die Startseite besteht nicht nur aus Schaufenstern; auch Menü, Hinweise und Informationsseiten bestimmen den Weg des Besuchers. Diese Teile sollten dem Schaufenster nicht widersprechen, sondern dieselbe Botschaft stützen. - **Menü:** Das Hauptmenü ist der dauerhafte Weg, auf dem der Besucher zu den Kategorien gelangt; die im Schaufenster hervorgehobenen Kategorien sollten auch im Menü leicht zu finden sein. - **Hinweis:** Eine Aktion oder wichtige Neuigkeit lässt sich mit einem kurzen Hinweis mit Start- und Enddatum an den Besucher bringen. - **Informationsseiten:** Seiten wie Über uns, Rückgabe und Lieferung schaffen Vertrauen; die Vertrauenselemente auf der Startseite sollten mit diesen Seiten verlinkt sein. Okumanızı öneririz Kampanya yönetimi nedir? ## Häufige Fehler bei der Startseitengestaltung - **Alles auf die Startseite setzen:** Viele Bereiche, viele Botschaften und viele Bilder ermüden den Besucher. - **Mehrere Botschaften im Hauptbild:** Der Besucher versteht nicht, was wichtig ist. - **Bilder ohne Link oder mit falschem Link:** Ein Bild, das beim Klick eine Fehlerseite oder eine unpassende Seite öffnet, zerstört Vertrauen. - **Beendete Aktion online lassen:** Ein veraltetes Schaufenster lässt die Seite vernachlässigt wirken. - **Ausverkaufte Produkte im Schaufenster belassen:** Der Besucher findet das Produkt, kann es aber nicht kaufen. - **Mobil nicht eigens bedenken:** Ein Bild, das am Desktop schön aussieht, wird mobil beschnitten. - **Bilder nicht komprimieren:** Schwere Bilder verlängern die Ladezeit. - **Kategorieeinstiege vergessen:** Ein Besucher, der ein Produkt sucht, findet keine Orientierung. - **Die Startseite nie messen:** Da unbekannt ist, welcher Bereich funktioniert, beruhen Entscheidungen auf Vermutungen. ## Wie prüft man die Startseite? Das folgende Werkzeug prüft Ihre bestehende Startseite anhand von acht Fragen. Markieren Sie die zutreffenden Punkte; das Werkzeug sagt Ihnen, wie solide Ihre Startseite aufgebaut ist. Startseitenprüfung Im ersten Bildschirm wird klar, was der Shop verkauft Das Hauptkampagnenbild hat eine Botschaft und eine Handlungsaufforderung Kategorieeinstiege sind auf der Startseite sichtbar Produkte im Schaufenster sind auf Lager und aktuell Bilder sind in passender Größe für jedes Gerät vorbereitet Bilder im unteren Bildschirmbereich werden verzögert geladen Aktionsbilder werden nach Kalender gewechselt Ich messe die Klicks auf die Startseitenbereiche Zutreffende Punkte**2 / 8** Ihre Startseite wirkt noch nicht ausgereift. Vereinfachen Sie zuerst die Botschaft im ersten Bildschirm, ergänzen Sie Kategorieeinstiege und stellen Sie sicher, dass die Produkte im Schaufenster auf Lager sind. Das Grundlayout steht, aber es fehlt noch einiges. Gehen Sie mobile Bilder, verzögertes Laden und den Aktionskalender durch und ergänzen Sie die fehlenden Punkte. Ihre Startseite ist solide. Jetzt können Sie die Klicks auf die Bereiche verfolgen und sich darauf konzentrieren, die Übergangsrate zum Produkt mit kleinen Tests zu steigern. ## Wie misst man den Erfolg der Startseite? Ob Änderungen an der Startseite wirken, erfährt man nur durch Messen. Verfolgen Sie jede Kennzahl nicht für sich allein, sondern im Vergleich vor und nach der Änderung; die Gesamtzahl verbirgt, welcher Bereich funktioniert. | Kennzahl | Was sagt sie aus? | | --- | --- | | Klicks pro Bereich | Welcher Bereich Besucher anzieht | | Übergangsrate zur Produktseite | Wie gut die Startseite Besucher zum Produkt bringt | | Absprungrate der Startseite | Im ersten Bildschirm verlorene Besuche | | Klicks pro Bild | Welches Aktionsbild Interesse findet | | Seitenladezeit | Ob die Bilder die Geschwindigkeit beeinflussen | | Unterschied zwischen Mobil und Desktop | Ob das mobile Design zusätzlich verbessert werden muss | Es ist wichtig, Änderungen einzeln vorzunehmen. Wenn Sie gleichzeitig Hauptbild, Reihenfolge und Schaufenster ändern, erkennen Sie nicht, was gewirkt hat. Warten Sie nach jeder Änderung ausreichend lange und vergleichen Sie das Ergebnis. Lesetipp E-Commerce-Kennzahlen : 15 KPIs, die Sie verfolgen sollten, und ihre Berechnungsformeln ## Wie verwaltet man das Startseiten-Schaufenster mit Faprika? Im Faprika-Panel wird das Startseiten-Schaufenster ohne Code verwaltet. Welche Funktion in welchem Paket enthalten ist, hängt vom jeweiligen Paket ab; Einzelheiten finden Sie auf der Seite [Pakete](https://www.faprika.com/de/preise). - **Schaufensterverwaltung:** Im Bereich Schaufensterverwaltung des Menüs Inhaltsverwaltung können Sie Schaufenster für Ihre Startseite und Ihre Kategorieseiten hinzufügen und aktualisieren; neben Produkten lassen sich in Schaufenstern auch Aktionsbilder platzieren. Der Bildschirm zum Hinzufügen eines Schaufensters bietet Optionen für Sprache, Schaufenstername, Schaufensterbeschreibung, Schaufenstervorlage, Reihenfolge, Produkte als Slides, Aktivstatus und Anzeige auf der Startseite. - **Schaufenstervorlagen:** Sie können aus verschiedenen Layouts das passende wählen, etwa ein einfaches Schaufenster, rotierende Produkte links mit festem Bild rechts oder festes Bild links mit rotierenden Produkten rechts; die Bildmaße für horizontale Layouts mit mehreren Bildern sind auf der Schulungsseite angegeben. - **Slider-Verwaltung:** Der Slider kann vollflächig oder in der Seitenmitte ausgerichtet sein; für Desktop, Tablet und Mobilgeräte werden eigene Bilder festgelegt, und Bilder werden per Drag-and-drop hochgeladen. Für jedes Bild sollte eine Zieladresse angegeben werden, die beim Klick aufgerufen wird; ohne Adresse landet der klickende Besucher auf einer Fehlerseite. - **Slider-Einstellungen:** Breite und Höhe des Sliders, automatischer Wechsel, Anzeigedauer, Übergangsdauer und Übergangseffekt werden im Bildschirm Slider-Einstellungen unter Konfiguration bearbeitet. - **Anzeige nach Sprache und Land:** Schaufenster- und Bannerbilder können je Sprache hochgeladen werden; mit einer eigenen Startseite und eigenen Bannern für jedes Land können Sie Aktionen durchführen, die zu unterschiedlichen Kulturen passen. - **Hinweisverwaltung:** Aktionen und Neuigkeiten können Sie mit Titel, Adresse, Beschreibung sowie Start- und Enddatum bekannt geben; mit Erreichen des Enddatums verschwindet der Hinweis von selbst aus der Veröffentlichung. - **Menü und Sonderseiten:** Mit der Menüverwaltung können Sie Kategorien ins Hauptmenü übernehmen, und im Bereich Seiten können Sie Informationsseiten wie Über uns, Lieferung und Rückgabe selbst hinzufügen. Für die ausführliche Anwendung sehen Sie sich die Schulungsseiten zu [Schaufensterverwaltung](https://www.faprika.com/de/anleitungen/vitrinenverwaltung-nutzen), [Slider-Verwaltung](https://www.faprika.com/de/anleitungen/slider-verwaltung), [Slider-Einstellungen](https://www.faprika.com/de/anleitungen/slider-einstellungen), [Hinweisverwaltung](https://www.faprika.com/de/anleitungen/ankuendigungen-verwalten), [Menüverwaltung](https://www.faprika.com/de/anleitungen/menueverwaltung) und [Verwaltung von Sonderseiten](https://www.faprika.com/de/anleitungen/eigene-seiten) an. ## Häufig gestellte Fragen **Was gehört auf die E-Commerce-Startseite?** Menü und Suche, Hauptkampagnenbild, Kategorieeinstiege, Bestseller, neue Produkte oder eine Aktionsleiste sowie Vertrauenselemente sollten vorhanden sein. Jeder Bereich sollte genau eine Aufgabe haben und die Bereiche sollten so angeordnet sein, dass sie Besucher zum Produkt oder zur Kategorie führen. **Was ist Schaufensterverwaltung?** Sie umfasst das Hinzufügen, Sortieren, Aktualisieren und Entfernen der Produkt- und Bildgruppen, die auf der Startseite oder auf Kategorieseiten hervorgehoben werden. Aktionsbilder und hervorgehobene Produkte werden über Schaufenster gestaltet. **Wie viele Bereiche sollte die Startseite haben?** Eine feste Zahl gibt es nicht, aber weniger Bereiche wirken besser. Jeder Bereich sollte einen Zweck erfüllen; Bereiche, die Besucher ermüden oder dasselbe wiederholen, sollten entfernt werden. Auf Mobilgeräten sollte die Zahl der Bereiche noch niedriger sein. **Wie sollte die Startseite mobil aussehen?** Für Desktop, Tablet und Mobilgerät sollten getrennte Bilder vorbereitet werden, die Buttons sollten groß genug für den Finger sein, die Zahl der Bereiche sollte gering bleiben und das Suchfeld sichtbar sein. Das Desktop-Bild einfach zu verkleinern, reicht oft nicht aus. **Was ist zu tun, damit die Startseite schnell lädt?** Bilder sollten passend zur angezeigten Größe vorbereitet und komprimiert werden, Bilder im unteren Bereich sollten verzögert geladen werden, das Hauptbild im ersten Bildschirm dagegen sofort. Die Zahl der Slider und Schaufenster sollte begrenzt bleiben. **Wie wird das Startseiten-Schaufenster in Faprika verwaltet?** Im Panel verwalten Sie die Schaufenster der Startseite und der Kategorien über die Schaufensterverwaltung, Aktionsbilder über die Slider-Verwaltung, datierte Hinweise über die Hinweisverwaltung und das Menü über die Menüverwaltung. Schaufenster- und Bannerbilder können je Sprache hochgeladen werden. Welche Funktion in welchem Paket enthalten ist, hängt vom jeweiligen Paket ab. Lassen Sie Ihre Startseite für den Verkauf arbeiten Verwalten Sie mit Faprika Ihre Startseiten-Schaufenster, Slider-Bilder und Hinweise ohne Code und zeigen Sie je nach Sprache und Land unterschiedliche Aktionen. Planen Sie Ihre Startseite gemeinsam mit unseren Experten. Kostenlos testen #### Das könnte Sie auch interessieren - [**E-Commerce-Produktseite: Wie sollte sie aussehen? Die 15 Elemente einer verkaufsstarken Produktseite**](https://www.faprika.com/de/blog/e-commerce-produktseite) - [**Wie macht man SEO für Kategorieseiten? 12 Schritte, mit denen Kategorieseiten im E-Commerce in die Spitzenränge kommen**](https://www.faprika.com/de/blog/kategorieseiten-seo) - [**E-Commerce-Kampagnenkalender: So erstellen Sie einen Kampagnenplan, der das ganze Jahr über Umsatz bringt**](https://www.faprika.com/de/blog/e-commerce-kampagnenkalender) - [**Wie optimiert man Produktbilder? Praxisleitfaden zu Größe, Format (WebP), Dateiname und Alternativtext im E-Commerce**](https://www.faprika.com/de/blog/produktbilder-optimieren)