Case Study / Tisso
Trustpilot behalten. Bewertungen im Tisso-Design.
Ausgangslage
Rund 6.000 Trustpilot-Bewertungen sind vorhanden. Das Standard-Widget unterstützt das neue Figma-Design nicht; das nachladende PDP-Rating verschiebt Inhalte.
Optimierung
Bestehende Bewertungen passend zum Store-Design einsetzen, von der Startseite bis zur Produktkarte. Trustpilot als Bewertungsplattform, Badge und öffentliches Profil bleiben erhalten, einschließlich der Verlinkung aus dem Store.
Umsetzung
Trustpilot-Sync und Produktzuordnung einrichten, individuelle Sections und Blocks entwickeln und im Theme-Editor frei nutzbar machen.
Technische Ergebnisse
Bewertungen und Product-JSON-LD stehen direkt im Server-HTML. Im Preview-Test liegt der durchschnittliche Lighthouse-Score bei 67,2 ohne und 68,8 mit Integration. Die Produktseite bleibt beim Laden weitgehend stabil.
Mein Beitrag: Social-Proof-Integration im Rahmen eines Relaunchs mit Eshop Guide: Datenanbindung, Konfiguration, Designanpassung, Platzierung und Theme-Entwicklung.
01
Das Figma-Design umsetzen, bis ins Bewertungsdetail
Shopbewertungen erscheinen im Startseiten-Slider, Produktbewertungen auf der PDP. Announcement-Bar, Footer und Produktkarten zeigen Bewertungsschnitt und Anzahl, auch auf Kategorieseiten und in Featured-Product-Sections.
Sections und App Blocks lassen sich im Theme-Editor frei platzieren und auf weiteren Templates wiederverwenden. Struktur und CSS halten Überschriften, Sterne, Abstände und Anordnung anpassbar. JavaScript ergänzt Sortierung und das Nachladen weiterer Rezensionen.
Von Trustpilot ins Theme
- 01
Trustpilot
Bleibt das System für Bewertungsanfragen und die Verwaltung der dort gesammelten Rezensionen.
- 02
Sync nach Shopify
Import und laufender Abgleich der Bewertungen, mit Zuordnung zu Produkten, Kunden und Bestellungen.
- 03
Ausgabe im Theme
Liquid rendert die gespeicherten Daten im Store-Design. Die erste Ausgabe benötigt keinen externen Review-Abruf im Browser.
02
Trustpilot-Bewertungen im neuen Store weiterverwenden
Beim Import über den wiederverwendbaren Trustpilot-Connector werden Bewertungen den Produkten, Kunden und Bestellungen im neuen Shopify-Store zugeordnet.
- Produktzuordnung trotz unterschiedlicher IDs
- Trustpilot-Produktkennungen entsprechen nicht durchgehend den Shopify-SKUs. Auch das MPN-Feld ist nicht überall befüllt. Eine explizite Mapping-Liste schließt diese Lücken.
- Kunden und Bestellungen verknüpfen
- Kunden werden anhand ihrer E-Mail-Adresse zugeordnet, Bestellungen über ihre Referenzen. Die Verknüpfung hängt dabei vom Stand der Kunden- und Bestellmigration ab.
- Änderungen laufend übernehmen
- Der Erstimport läuft über die Trustpilot-API. Webhooks übernehmen neue, geänderte und gelöschte Shop- und Produktbewertungen.
03
Bewertungen für Google und KI lesbar machen
Product-JSON-LD ordnet Bewertungsschnitt und Anzahl (AggregateRating) sowie Rezensionstext (reviewBody) und Sternebewertung (reviewRating) dem Produkt zu. Die strukturierten Daten und die erste sichtbare Bewertungsliste sind bereits in der Serverantwort enthalten, ohne JavaScript oder externen Widget-Abruf.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Pro EM san",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": 715
},
"review": [
{
"@type": "Review",
"reviewBody": "Alles gut und unkompliziert. Produkte sind hochwertig.",
"reviewRating": {
"@type": "Rating",
"ratingValue": 5
}
},
...
]
}
</script>04
Performance & Lighthouse
Bewertungen direkt verfügbar. Höherer Gesamt-Score im Test.
Das Rating steht mit den Produktinformationen bereit; Kunden warten für die ersten Rezensionen nicht auf Trustpilot. Es ersetzt das nachladende PDP-Rating, das Inhalte verschoben und dem Lighthouse-Score geschadet hat. CLS misst diese unerwarteten Layout Shifts: Mit Integration liegt der PDP-Wert bei niedrigen 0,002 mobil und 0,025 auf Desktop. Die Produktseite bleibt im Ladetest weitgehend stabil. Über alle getesteten Seiten und Geräte liegt der durchschnittliche Lighthouse-Score bei 68,8 mit Integration gegenüber 67,2 ohne Integration.
Ohne Integration
Mit Integration
Ø Performance-Score über alle Seiten und Geräte
Google PageSpeed Insights, 11. September 2026. Mittelwerte aus 120 Einzelmessungen: drei Seitentypen × zwei Geräte × zwei Varianten × zehn Durchläufe. Shopify-Preview (*.shopifypreview.com, pb=0), nicht der Live-Store; mit CPU-Throttling für vergleichbare Messungen.
Lighthouse-Scores im direkten Vergleich
Performance-Score von 0 bis 100 · Mittelwerte
Alle Messwerte im Vergleich
Pro Kennzahl steht links der Wert ohne Bewertungsintegration und rechts der Wert mit Integration. Darunter steht die Veränderung: Grün bedeutet besser, Rot bedeutet schlechter. Höhere Performance-Scores sind besser; bei den übrigen Kennzahlen sind niedrigere Werte besser. Lighthouse-Ergebnisse schwanken zwischen Messungen.
| Seite / Gerät | Performance | FCP | LCP | TBT | CLS | Speed Index | Transfergröße |
|---|---|---|---|---|---|---|---|
| Ø Alle Messreihen | 67,2 → 68,8(+1,6) | 2,6 s → 2,4 s(-0,2 s) | 7,2 s → 6,6 s(-0,6 s) | 220 ms → 166 ms(-54 ms) | 0,016 → 0,015(-0,001) | 4,8 s → 4,5 s(-0,3 s) | 2.869 KiB → 2.922 KiB(+53 KiB) |
| Ø Mobile | 58,3 → 60,0(+1,7) | 4,4 s → 4,0 s(-0,4 s) | 12,1 s → 10,9 s(-1,2 s) | 165 ms → 134 ms(-31 ms) | 0,002 → 0,002(0,000) | 7,0 s → 6,5 s(-0,5 s) | 2.526 KiB → 2.563 KiB(+37 KiB) |
| Ø Desktop | 76,1 → 77,6(+1,5) | 0,8 s → 0,8 s(0,0 s) | 2,3 s → 2,3 s(0,0 s) | 276 ms → 198 ms(-78 ms) | 0,029 → 0,028(-0,001) | 2,7 s → 2,5 s(-0,2 s) | 3.212 KiB → 3.281 KiB(+69 KiB) |
| Startseite · Mobile | 61,6 → 59,6(-2,0) | 3,7 s → 4,2 s(+0,5 s) | 9,2 s → 10,6 s(+1,4 s) | 109 ms → 101 ms(-8 ms) | 0,007 → 0,005(-0,002) | 6,4 s → 7,5 s(+1,1 s) | 2.414 KiB → 2.467 KiB(+53 KiB) |
| Kategorie · Mobile | 58,8 → 61,7(+2,9) | 4,8 s → 3,8 s(-1,0 s) | 13,5 s → 10,6 s(-2,9 s) | 110 ms → 126 ms(+16 ms) | 0,000 → 0,000(0,000) | 7,0 s → 5,6 s(-1,4 s) | 2.412 KiB → 2.378 KiB(-34 KiB) |
| Produktseite · Mobile | 54,5 → 58,8(+4,3) | 4,7 s → 4,0 s(-0,7 s) | 13,5 s → 11,4 s(-2,1 s) | 276 ms → 176 ms(-100 ms) | 0,000 → 0,002(+0,002) | 7,5 s → 6,5 s(-1,0 s) | 2.751 KiB → 2.845 KiB(+94 KiB) |
| Startseite · Desktop | 72,7 → 78,9(+6,2) | 0,8 s → 0,8 s(0,0 s) | 2,3 s → 2,1 s(-0,2 s) | 238 ms → 132 ms(-106 ms) | 0,034 → 0,030(-0,004) | 3,9 s → 3,3 s(-0,6 s) | 2.947 KiB → 3.036 KiB(+89 KiB) |
| Kategorie · Desktop | 80,0 → 75,5(-4,5) | 0,8 s → 0,8 s(0,0 s) | 2,3 s → 2,6 s(+0,3 s) | 321 ms → 299 ms(-22 ms) | 0,028 → 0,029(+0,001) | 2,2 s → 2,3 s(+0,1 s) | 3.365 KiB → 3.393 KiB(+28 KiB) |
| Produktseite · Desktop | 75,6 → 78,4(+2,8) | 0,8 s → 0,8 s(0,0 s) | 2,2 s → 2,3 s(+0,1 s) | 268 ms → 162 ms(-106 ms) | 0,024 → 0,025(+0,001) | 1,9 s → 2,0 s(+0,1 s) | 3.325 KiB → 3.415 KiB(+90 KiB) |
FCP: erste sichtbare Inhalte · LCP: größter sichtbarer Inhalt · TBT: blockierte Hauptthread-Zeit · CLS: Layout Shifts · Speed Index: Geschwindigkeit des sichtbaren Seitenaufbaus
Mehr informationen zu Google PageSpeed Insights