Tabs auf der Produktseite: welche Informationen hineingehören und wie Sie sie wiederverwenden

Sie wechseln den Versanddienstleister, und die Lieferzeit steigt von 48 auf 72 Stunden. Sie ändern das in den Versandbedingungen, im Banner im Header und in den FAQ. Aber die alte Lieferzeit steht weiterhin in der Beschreibung von 400 Produkten, weil jemand sie vor drei Jahren dort hineinkopiert hat. Der Kunde liest zwei verschiedene Lieferzeiten und glaubt keiner.

Die Produktseite vermischt zwei Arten von Informationen: die, die zum Produkt gehören, und die, die sich bei vielen Produkten wiederholen. Beide gleich zu behandeln, führt zu langen, unübersichtlichen Seiten mit widersprüchlichen Angaben.

Was nach oben gehört und was in Tabs

Was der Kunde für die Entscheidung braucht, muss ohne Zutun sichtbar sein:

• Name, Preis und Verfügbarkeit.
• Varianten (Größe, Farbe, Format) und der Kaufbutton.
• Lieferzeit in einer Zeile.
• Die drei oder vier Merkmale, die das Produkt unterscheiden.
• Die Fotos.

Was vertieft oder beruhigt, kann in Tabs oder in ein Akkordeon:

• Vollständige Beschreibung und technisches Datenblatt.
• Versand und Lieferzeiten im Detail.
• Rückgabe und Widerruf.
• Garantie.
• Größen- oder Maßtabelle.
• Pflege, Gebrauchsanleitung, Montage.
• Zertifizierungen, Zusammensetzung, Sicherheitsinformationen.
• Häufige Fragen zum Produkt.

Der Test: Bricht ein unentschlossener Kunde ab, weil er etwas nicht findet, sollte dieses Etwas nicht drei Tabs weiter versteckt sein.

Informationen, die sich wiederholen, nur einmal schreiben

Aus dieser Liste wiederholt sich fast alles zwischen Produkten: Die Versandbedingungen gelten für den ganzen Katalog, die Größentabelle ist für alle T-Shirts einer Marke dieselbe, die Pflegehinweise sind für alles aus Leinen gleich. Hat jede Produktseite ihre eigene Kopie, erfordert jede Änderung, Hunderte von Seiten zu bearbeiten, und irgendeine bleibt immer liegen.

Die Lösung: Jeden Block einmal schreiben und zuweisen:

• Dem ganzen Katalog: Versand, Rückgabe.
• Je Kategorie: Größentabelle für Schuhe, Pflegehinweise für Bettwäsche.
• Je Marke oder Lieferant: Herstellergarantie, Informationen zum Kundendienst.
• Je Merkmal: Alle Produkte aus Bio-Baumwolle zeigen ihre Zertifizierung.

Ändern Sie den Block, ändert er sich auf allen Produktseiten gleichzeitig.

Horizontale Tabs, vertikale Tabs oder Akkordeon

• Horizontale Tabs: bequem am Desktop bei wenigen Tabs mit kurzen Titeln. Bei mehr als fünf oder sechs brechen sie in zwei Zeilen um oder laufen aus dem Bildschirm.
• Vertikale Tabs: fassen mehr Einträge und längere Titel, auf Kosten der horizontalen Fläche.
• Akkordeon: auf dem Smartphone meist die klarste Option, weil sich jeder Abschnitt unter seinem Titel öffnet und man nicht wieder nach oben muss.

Entscheiden Sie, ob der erste standardmäßig geöffnet ist. In der Regel ja, die Beschreibung: Ein komplett geschlossenes Akkordeon wirkt wie eine leere Seite.

Und achten Sie auf Barrierefreiheit: Tabs müssen per Tastatur bedienbar sein und von Screenreadern korrekt angesagt werden. Die Tabs aktueller PrestaShop-Themes tun das bereits; stammt Ihr Theme aus der Zeit von 1.6 oder 1.7 und wurde nicht aktualisiert, wahrscheinlich nicht.

Und die SEO von Inhalten in Tabs?

Google indexiert Inhalte, die im HTML stehen, auch wenn sie in einem geschlossenen Tab liegen, und behandelt sie bei der Mobile-First-Indexierung nicht als zweitrangig. Wichtig ist, dass sie beim Laden der Seite im HTML stehen und nicht erst beim Klick per JavaScript nachgeladen werden.

Wiederholte Blöcke (Versand, Garantie) schaden nicht: Suchmaschinen erkennen sie als gemeinsamen Text der Vorlage. Sie tragen aber auch nichts dazu bei, das Produkt abzuheben. Die eigene Beschreibung bleibt unverzichtbar; wiederverwendbare Blöcke ergänzen sie, sie ersetzen sie nicht.

Wer die Blöcke pflegt

Die Wiederverwendung von Texten funktioniert, wenn für jeden Block jemand verantwortlich ist. Geben Sie Versand und Rückgabe einen Verantwortlichen (meist die Person aus dem Kundenservice), Größentabellen und technischen Informationen einen anderen, und prüfen Sie die Blöcke bei jedem Wechsel des Versanddienstleisters, der Bedingungen oder des Lieferanten. Ein veralteter Block irrt sich auf Hunderten von Produktseiten gleichzeitig.

Die andere Hälfte der Produktseite: die Fotos

Ordnen Tabs den Text, ordnet eine gute Galerie die Bilder. Einige Dinge, die die Produktseite deutlich verbessern:

• Ein Zoom, der das Originalfoto vergrößert, nicht ein Vorschaubild mit weißen Rändern.
• Alle Fotos im Viewer erreichbar, nicht nur die, die in die Galerie passen.
• Auf dem Smartphone Vorschaubilder oder ein sichtbarer Zähler, damit der Kunde weiß, dass es weitere Fotos gibt.
• Das Video neben den Fotos, nicht am Ende der Beschreibung, und erst beim Anklicken geladen.

Häufige Fehler

• Die Versandbedingungen in jede Beschreibung kopieren.
• Zehn Tabs, die Hälfte mit einer einzigen Zeile.
• Wichtige Informationen (Lieferzeit, Kompatibilität) im letzten Tab versteckt.
• Tab-Inhalte, die erst beim Klick per JavaScript geladen werden.
• Keine Ausnahmen vorsehen und am Ende Blöcke doppelt anlegen.
• Komplett geschlossenes Akkordeon auf dem Smartphone.

Checkliste

• Listen Sie auf, welche Informationen Ihrer Produktseiten sich wiederholen und bei welcher Produktgruppe.
• Verschieben Sie diese Texte aus den Beschreibungen in wiederverwendbare Blöcke.
• Weisen Sie jeden Block dem passenden Katalog, der Kategorie, Marke oder dem Merkmal zu.
• Legen Sie Ausnahmen bei den Produkten fest, die sie brauchen.
• Tabs am Desktop, Akkordeon auf dem Smartphone, der erste geöffnet.
• Prüfen Sie, dass die eigene Beschreibung jedes Produkts weiterhin nützlich ist.

Die Lösung in PrestaShop

Mit RKR Unlimited Tabs schreiben Sie einen Block einmal (Titel und Inhalt je Sprache) und zeigen ihn als Tab bei allen Produkten, bei einem bestimmten oder je Kategorie, Marke, Lieferant oder Merkmal. Bei jedem Produkt können Sie einen Block ausblenden, die Reihenfolge ändern, den Inhalt ersetzen oder einen lokalen Tab anlegen, über ein Panel direkt auf der Produktseite im Backoffice. Die Darstellung erfolgt als horizontale Tabs, vertikale Tabs oder Akkordeon, mit 23 Designs, und beim Schreiben kann Sie der KI-Anbieter Ihrer Wahl unterstützen. Für die Fotos ersetzt RKR Galería de producto die Galerie des Themes durch sechs Stile, getrennt für Computer und Smartphone, mit einem Zoom auf Basis des Originals und einem Viewer mit allen Bildern und dem Video.