{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "bewertungsprofil-mit-echtheitshinweis",
 "name": "Plattform-Bewertungen mit Echtheitshinweis",
 "name_en": "Platform reviews (Google profile) on the own site with authenticity notice and two-click live widget",
 "kurz": "Google- oder Plattform-Bewertungen auf der eigenen Seite: Kopfzeile mit Schnitt, Anzahl und Stand, drei Stimmen mit Antwort, Echtheitshinweis direkt daneben und Live-Ansicht nur per 2-Klick.",
 "kategorie": "Sektionen & Funktionen",
 "kategorie_slug": "sektionen",
 "kategorie_nr": 16,
 "bau_chat": "D",
 "prioritaet": "D",
 "trendstatus": "aufsteigend",
 "belegstatus": "quellenbelegt",
 "website_belege": 0,
 "stimmung": [
  "präzise",
  "warm"
 ],
 "stimmung_roh": [
  "warm",
  "ehrlich",
  "vertrauenswürdig"
 ],
 "technik": [
  "css",
  "vanilla-js",
  "intl",
  "popover"
 ],
 "technik_gruppen": [
  "css",
  "js"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Bewertungen aus dem Google-Profil oder von einer Plattform auf der eigenen Seite, ohne Live-Widget vor dem Klick. Oben steht eine Kopfzeile wie „4,7 von 5 · 312 Bewertungen bei Google · Stand 01.11.2026“. Darunter stehen 3 bis 6 ausgewählte Stimmen mit Quelle, Datum und Antwort des Betriebs. Direkt daneben steht der Echtheitshinweis: ob und wie geprüft wird, auch wenn nicht geprüft wird. Dazu kommen die Links „Alle Bewertungen ansehen“ und „Bewertung schreiben“ zum Profil. Ein Live-Widget lädt erst nach einem Klick.",
  "warum_es_wirkt": "Gäste und Kunden suchen den Stern-Schnitt ohnehin bei Google. Auf der eigenen Seite steht er dort, wo die Entscheidung fällt: neben Reservieren, Termin oder Anfrage. Stand-Datum, echte Namen und eine kritische Stimme mit Antwort machen die Auswahl glaubwürdig. Der offene Hinweis „wir prüfen nicht“ wirkt ehrlicher als „verifiziert“. Ohne Live-Widget lädt die Seite schneller und schickt keine Daten an Dritte.",
  "wann_einsetzen": "Wenn die Bewertungen bei Google oder einer Plattform liegen und der Betrieb kein eigenes Bewertungssystem hat: Gastro, Friseur, Handwerk, Praxis (mit Heilmittelwerberecht prüfen), Fahrschule, Fitness, Makler. Beim Hotel statt bewertungen-verteilung, wenn die Stimmen von Plattformen kommen.",
  "wann_nicht": "Wenn der Betrieb eigene Bewertungen sammelt und prüft (nach Aufenthalt, Kauf oder Termin): dann bewertungen-verteilung mit Filter und Verteilung. Nicht mit wenigen, alten oder nur ausgesuchten Fünf-Sterne-Stimmen; dann lieber nur den Link zum Profil. Kein Live-Widget, das ohne Klick lädt. Keine Schnitte mehrerer Plattformen zu einer Zahl verrechnen. Nie „echte“ oder „verifizierte“ Bewertungen schreiben, wenn niemand prüft.",
  "varianten": [
   "Band unter dem Hero: Kopfzeile, drei Stimmen und Hinweis in einer Zeile (Gastro, Friseur)",
   "Kopfzeilen-Pille: Schnitt und Hinweis im Seitenkopf, Stimmen klappen per Klick auf (Handwerk, Praxis)",
   "Mehrere Plattformen: getrennte Kopfzeilen je Plattform, Stimmen nach Quelle filterbar (Hotel, Gastro mit Tourismus)",
   "Live-Widget nur per 2-Klick, mit „für diesen Besuch merken“"
  ],
  "umsetzung": "Bewertungen als gepflegte Daten (Schnitt, Anzahl, Stand-Datum, Profil-Link, 3 bis 6 Stimmen mit Name, Datum, Sternen, Text, Antwort), nicht live beim Seitenaufruf. Kopfzeile mit Sternen als Text (nur-sr „4,7 von 5 Sternen“, Einzelsterne role=\"img\"), Zahlen per Intl, Datum als <time>. Der Echtheitshinweis steht als sichtbarer Absatz direkt an Kopfzeile und Stimmen und nennt die Auswahlregel. Links „Alle … ansehen“ und „Bewertung schreiben“ sagen, dass sie die Plattform in neuem Tab öffnen. Antworten als <details>. Variante Pille: <button popovertarget> mit Hinweiszeile darunter (aria-describedby), Popover mit allen Angaben. Live-Ansicht nur nach Klick auf den Platzhalter (Text zur Datenübertragung), Fehler lassen die Auswahl stehen und bieten „Erneut versuchen“ und den Profil-Link. Hinweistexte vom Kunden rechtlich prüfen lassen.",
  "mobil": "Kopfzeile und Hinweis zuerst, darunter die Stimmen untereinander (höchstens drei sichtbar, Rest über „Weitere Stimmen“). Die Pille im Kopf zeigt nur Schnitt und Anzahl, der Hinweis steht darunter in einer eigenen Zeile. Links als volle Knöpfe mit mindestens 44 px Höhe.",
  "reduzierte_bewegung": "Stimmen und Widget erscheinen ohne Versatz, das Popover öffnet ohne Übergang.",
  "barrierefreiheit": "Sterne nie nur als Grafik: Text „4,7 von 5 Sternen“ (WCAG 1.1.1). Jede Stimme als <article> mit Name, <time> und Quelle. Externe Links sagen „öffnet Google in neuem Tab“ (3.2.5). Der Platzhalter des Widgets ist ein echter Knopf mit Beschreibung, nach dem Laden geht der Fokus in den neuen Bereich, der Ladezustand steht in role=\"status\" (4.1.3). Popover der Pille mit aria-expanded am Auslöser, schließt mit Esc. Text mindestens 4,5:1, auch der Echtheitshinweis (1.4.3)."
 },
 "messwerte": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1)",
  "dauer_ms": "UI 200 (Pille, Tabs, Links), Popover 400, Einblenden der Stimmen und des Widgets 700",
  "stagger_ms": "80",
  "distanz": "Stimmen 8 px von unten",
  "sonstiges": "Tempo aus dem Rezept gastro-warm-appetitlich (200 Hover und Tabs, 400 Menü und Overlay, 700 Einblendung)",
  "herkunft": "eigene Festlegung",
  "quelle": "Rezept gastro-warm-appetitlich, bewegung"
 },
 "kurve": {
  "bezier": [
   0.16,
   1.0,
   0.3,
   1.0
  ],
  "css": "cubic-bezier(0.16, 1, 0.3, 1)",
  "name": "expo.out",
  "dauer_ms": 200
 },
 "gesehen_bei": [
  {
   "seite": "onlinemarktplatz.de: OLG Frankfurt zu Google-Bewertungen auf der eigenen Website",
   "url": "https://onlinemarktplatz.de/270958/kundenbewertungen-im-shop/",
   "auszeichnung": "",
   "beobachtung": "OLG Frankfurt, Beschluss vom 19.05.2026 (6 U 305/25): Ein Immobilienunternehmen zeigte Google-Bewertungen auf seiner Website. Der Hinweis „wird nicht auf Echtheit geprüft“ stand nur in einem aufklappbaren Bereich „Wettbewerbsrechtliche Hinweise“ und reichte nicht. Der Hinweis muss erkennbar bei den gezeigten Bewertungen stehen; findet keine Prüfung statt, ist auch das anzugeben. Grundlage § 5b Abs. 3 UWG. Das OLG Koblenz (02.06.2026, 9 U 1015/25) bestätigt die Linie.",
   "art": "artikel"
  },
  {
   "seite": "Google Search Central: AI features and your website",
   "url": "https://developers.google.com/search/docs/appearance/ai-features",
   "auszeichnung": "",
   "beobachtung": "Google nennt ein aktuelles Business Profile als Teil der Vorbereitung auf KI-Funktionen der Suche. Die Pflege des Profils (Bewertungen, Antworten) lohnt also doppelt.",
   "art": "artikel"
  }
 ],
 "tutorials": [
  {
   "titel": "onlinemarktplatz.de: Kundenbewertungen im Shop, Hinweispflicht nach OLG Frankfurt",
   "url": "https://onlinemarktplatz.de/270958/kundenbewertungen-im-shop/"
  },
  {
   "titel": "IT-Recht Kanzlei: FAQ Echtheit von Kundenbewertungen",
   "url": "https://www.it-recht-kanzlei.de/faq-informationspflicht-echtheit-kundenbewertungen.html"
  }
 ],
 "kombinierbar_mit": [
  "karte-zwei-klick",
  "oeffnungszeiten-status",
  "bewertungen-verteilung",
  "testimonials-neu-gedacht",
  "consent-banner-gestaltet",
  "tabellenziffern"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/",
  "meta": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/sektionen/bewertungsprofil-mit-echtheitshinweis/demo"
 },
 "herkunft": {
  "quelldateien": [
   "Lücken-Recherche 02.11.2026"
  ],
  "pruefnotizen": [
   "Rechtliches nach Kanzlei- und Fachartikeln, nicht nach dem Beschluss selbst. Keine Rechtsberatung. Wortlaut des Echtheitshinweises vom Kunden rechtlich prüfen lassen; bei Praxen zusätzlich Heilmittelwerberecht.",
   "Ob und wie Bewertungen von Plattformen auf der eigenen Seite gezeigt werden dürfen (Nutzungsbedingungen der Plattform, Urheberrecht an Texten), ist hier nicht geprüft. Vom Kunden prüfen lassen.",
   "Belegt ist der Rechtsrahmen, keine Produktionsseite mit gemessenen Werten. Bewegungswerte sind eigene Festlegung nach Rezept."
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Google- oder Plattform-Bewertungen auf der eigenen Seite: Kopfzeile mit Schnitt, Anzahl und Stand, drei Stimmen mit Antwort, Echtheitshinweis direkt daneben und Live-Ansicht nur per 2-Klick.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "easing": "cubic-bezier(0.16, 1, 0.3, 1)",
   "ui_ms": 200,
   "popover_ms": "400 (opacity 0 → 1, translate 0 -8px → 0, @starting-style; Telefon von unten 24 px)",
   "einblenden_ms": "700 (Stimmen und Live-Ansicht opacity 0 → 1, translate 0 8px → 0; Hero-Bild scale .96 → 1)",
   "stagger_ms": 80,
   "laden_ms": "900 Ladezustand der Live-Ansicht (reduziert 200)",
   "kopfzeile": "Schnitt Fraunces 400, clamp(64px, 5vw + 30px, 96px), SOFT 100, -0.03em; „312 Bewertungen bei Google“ + „Stand 01.11.2026“ als <time>",
   "zahlformat": "Intl.NumberFormat('de-DE') → 4,7; Datum Intl.DateTimeFormat('de-DE', lang) → 28. Oktober 2026",
   "stimmen": "3 neueste mit Text (Band, Pille), je Plattform filterbar (Mehrere); Zitat Fraunces 19px/1.45 SOFT 100",
   "zwei_klick": "Bühne 300 px fest (Telefon min. 340 px), overflow-anchor: none, Checkbox „Für diesen Besuch merken“",
   "schrift": "Fraunces wght 400–520 SOFT 100 für Titel, Zahlen, Zitate; Commissioner FLAR 0 Fließtext, FLAR 80 Labels 0.75rem +0.15em",
   "farben": "#F0ECE0 Grund, #293E3A Band, #F3EFE4 Text auf Grün, #EAC16E Sterne und Links auf Grün, #8A5F0E Sterne auf hell, #5B5D58 leise"
  },
  "ausloeser": "klick",
  "touch": "Unter 760 px Kopfzeile über den Stimmen, Stimmen untereinander, Links und Antworten mindestens 44 px hoch. Die Pille steht in einer eigenen Zeile unter dem Logo, der Hinweis direkt darunter; das Popover kommt als Blatt von unten. Die Live-Ansicht wächst mit dem Inhalt.",
  "reduziert": "Stimmen, Live-Ansicht und Hero-Bild erscheinen ohne Versatz und Skalierung, das Popover öffnet ohne Übergang, der Lade-Kreisel dreht dreimal langsamer.",
  "korrekturen": {
   "umsetzung": "Bewertungen als gepflegte Daten (Schnitt, Anzahl, Stand-Datum, Profil-Link, 3 bis 6 Stimmen mit Name, Datum, Sternen, Text, Antwort), nicht live beim Seitenaufruf. Kopfzeile mit Sternen als Text (nur-sr „4,7 von 5 Sternen“, Einzelsterne role=\"img\"), Zahlen per Intl, Datum als <time>. Der Echtheitshinweis steht als sichtbarer Absatz direkt an Kopfzeile und Stimmen und nennt die Auswahlregel. Links „Alle … ansehen“ und „Bewertung schreiben“ sagen, dass sie die Plattform in neuem Tab öffnen. Antworten als <details>. Variante Pille: <button popovertarget> mit Hinweiszeile darunter (aria-describedby), Popover mit allen Angaben. Live-Ansicht nur nach Klick auf den Platzhalter (Text zur Datenübertragung), Fehler lassen die Auswahl stehen und bieten „Erneut versuchen“ und den Profil-Link. Hinweistexte vom Kunden rechtlich prüfen lassen."
  },
  "geprueft": "02.11.2026",
  "notiz": "Welt: Rezept gastro-warm-appetitlich, erfundene Weinstube Kinzigstube in Offenburg (Inhaberin Theresa Isele), Hero mit medien/zitronen-tisch.jpg, Band in Dunkelgrün. Sechs erfundene Stimmen, eine kritische mit Antwort. Pult: Variante Band/Pille/Mehrere und Live-Dienst erreichbar/gestört. Vorführung Band: Antwort öffnet, Live-Ansicht laden, entfernen; Pille: Popover auf und zu; Mehrere: Filter Tripadvisor, Google, Alle. Abgrenzung: eigene, geprüfte Bewertungen → bewertungen-verteilung. Recht nach onlinemarktplatz.de (OLG Frankfurt 19.05.2026, 6 U 305/25; § 5b Abs. 3 UWG); keine Rechtsberatung, vom Kunden prüfen lassen. Zugang: zugang.sh ohne regel-Treffer, 320 px ohne Querscrollen. AD-Review 02.11.2026: Note 5. OLG Frankfurt 6 U 305/25 und OLG Koblenz 9 U 1015/25 bei onlinemarktplatz.de (14.08.2026) nachgelesen, passt.",
  "varianten": [
   {
    "id": "band",
    "name": "Band unter dem Hero",
    "wann": "Gastro, Friseur, Fitness: Bewertungen als eigene Sektion direkt nach dem ersten Bildschirm, neben Reservieren oder Termin.",
    "werte": {
     "layout": "Band #293E3A, zwei Spalten minmax(260px, 330px) + drei Stimmen mit Haarlinien",
     "zwei_klick": "Live-Ansicht unter dem Band"
    }
   },
   {
    "id": "pille",
    "name": "Kopfzeilen-Pille",
    "wann": "Handwerk, Praxis, Makler: Bewertungen sind Beiwerk, der Schnitt soll auf jeder Seite im Kopf stehen.",
    "werte": {
     "pille": "min-height 38 px, Radius 999 px, Sterne #8A5F0E, Hinweis 12 px direkt darunter",
     "popover": "fixed, rechts oben, Breite min(460px, 100vw - 32px), Radius 14 px; Telefon als Blatt von unten"
    }
   },
   {
    "id": "mehrere",
    "name": "Mehrere Plattformen",
    "wann": "Hotel, Gastro mit Touristen: Bewertungen liegen bei Google und einer Reiseplattform, jede mit eigenem Schnitt und Stand.",
    "werte": {
     "profile": "zwei Kopfzeilen nebeneinander mit je eigenem Hinweis, Schnitte nie verrechnet",
     "filter": "Knöpfe Alle | Google | Tripadvisor mit aria-pressed und Anzahl, Ergebnis in role=\"status\""
    }
   }
  ]
 }
}