Shopify Startseite erstellen: Aufbau, SEO und Kontrast
Die Shopify-Startseite erstellst und bearbeitest du im Theme-Editor: Onlineshop > Themes > Theme bearbeiten, dann ist die Vorlage der Startseite schon geöffnet. Sie besteht aus Abschnitten, die du hinzufügst, verschiebst und ausblendest. Oben sollte in wenigen Sekunden klar werden, was du verkaufst und wohin man klickt. Titel und Meta-Beschreibung der Startseite für Google stellst du an anderer Stelle ein, unter Onlineshop > Konfigurationen.
Aufbau von oben nach unten
| Abschnitt | Aufgabe | Worauf du achtest |
|---|---|---|
| Kopfzeile mit Menü | Orientierung | Hauptkategorien, Suche, Warenkorb; kein Menü mit zwanzig Punkten |
| Banner oder Bild mit Text | sagen, was du verkaufst | ein Satz zum Sortiment, ein Button zur wichtigsten Kollektion |
| Hervorgehobene Kollektion oder Produkte | den Einstieg ins Sortiment | Bestseller oder Neuheiten, mit Preisen |
| Vertrauen | Gründe, bei dir zu kaufen | Versandkosten, Rückgabefrist, echte Bewertungen |
| Kategorien | Wege für alle, die etwas Bestimmtes suchen | drei bis sechs Kacheln |
| Fußzeile | Pflichtangaben und Hilfe | Impressum, Datenschutz, Widerruf, Kontakt, FAQ |
Die Reihenfolge folgt dem Aufbau, den Shopify auch für die Suchmaschinenoptimierung empfiehlt: von der Startseite zu den Kollektionen und von dort zu den Produkten. Jede Kachel auf der Startseite führt deshalb zu einer Kollektion oder einem Produkt.
Im Theme-Editor
- Öffne Onlineshop > Themes und klicke beim veröffentlichten Theme auf Theme bearbeiten.
- Die Startseite ist geöffnet. Füge mit „Abschnitt hinzufügen“ neue Abschnitte ein, zieh sie in die richtige Reihenfolge und blende aus, was du nicht brauchst.
- Schalte die Vorschau auf die Mobilansicht um und prüfe, wie die Abschnitte auf dem Handy untereinander stehen.
- Speichere.
Für einen größeren Umbau arbeitest du an einer Kopie des Themes. Wie das geht und was bei Theme-Updates erhalten bleibt, steht in unserem Beitrag Shopify-Theme anpassen.
Titel und Meta-Beschreibung der Startseite
Den Text, den Google für deine Startseite zeigt, legst du unter Onlineshop > Konfigurationen fest, im Abschnitt Social-Sharing-Bild und SEO in den Feldern Titel der Startseite und Meta-Beschreibung. Der Titel darf bis zu 70 Zeichen haben; Shopify empfiehlt höchstens 60, damit Suchmaschinen ihn nicht kürzen. Für die Meta-Beschreibung empfiehlt Shopify rund 160 Zeichen.
Ein Beispiel für einen Shop mit Leinenbettwäsche: „Leinenbettwäsche aus Europa | kostenloser Versand ab 80 €“ nennt das Suchwort und einen Vorteil in 57 Zeichen. Shopify rät, das wichtigste Suchwort zu nennen und einen Vorteil samt Bedingung, etwa „kostenloser Versand ab 80 €“.
Lesbar für alle
Steht Text auf der Startseite auf großen Bannerbildern oder in Slideshows, miss vor dem Veröffentlichen mit einem Kontrast-Tool, ob weiße Schrift auf einem hellen Foto die 4,5:1 erreicht, die Shopifys Hilfe Zugänglichkeit für Themes für Fließtext empfiehlt. Die übrigen Richtwerte für Schrift, Links, Slideshows, Alt-Text und Tastatur und was das BFSG verlangt, stehen in unserem Beitrag zur Barrierefreiheit im Shopify-Shop.
Was die Zahlen sagen
Unter Statistiken > Berichte zeigt „Sitzungen nach Landing-Page“, wie viele Besuche auf der Startseite beginnen und wie viele davon kaufen. Ändere immer nur einen Abschnitt auf einmal, damit du die Wirkung zuordnen kannst. Wenn du ab dem Grow-Tarif bist, kannst du Änderungen auch als A/B-Test laufen lassen; das beschreibt unser Beitrag zur Conversion-Rate. Die übrigen Seiten deines Shops behandeln wir im Bereich Shop betreiben.