Seitenreport Seitenreport
JavaScript in Shopify

Initiales HTML zu dünn in Shopify beheben

Fehlenden Inhalt von bewusst nachgeladenen Funktionen unterscheiden. In Shopify prüfen Sie dafür Liquid-Antwort und clientseitige App-Inhalte.

Liquid-Antwort und clientseitige App-Inhalte

Vergleichen Sie Theme-Inhalt mit App-Blöcken, die erst im Browser entstehen. Produktkerninformationen sollten nicht nur aus einer noch nicht geladenen Zusatz-App stammen.

Ein Online-Store-Theme liefert viel Inhalt serverseitig, einzelne Apps können ihn erst nachladen. Prüfen Sie insbesondere Bewertungen, Produktinformationen und Suchergebnisse auf ihre tatsächliche Ausgabephase.

Wo Sie die Einstellung in Shopify prüfen

Vergleichen Sie den Liquid-Seitenquelltext mit dem DOM nach Laden der Apps. Eine App-Bewertung oder Produktinformation kann erst clientseitig eingefügt werden. Prüfen Sie, ob die für das Verständnis des Angebots nötigen Angaben bereits in der direkten Antwort stehen.

Beispiel für diesen konkreten Befund

Illustrativer Kontrollfall: Der Server liefert nur einen App-Container; Produktname, Beschreibung und Links entstehen erst nach einer JavaScript-Anfrage. Der direkte Abruf enthält den fachlichen Inhalt nicht.

Nachprüfung in Shopify

Direkten Produktaufruf mit der späteren App-Ansicht vergleichen. Bei Headless-Projekten die eigenen Server-/Client-Komponenten statt Liquid als zuständige Ebene untersuchen.

Initiales HTML und gerenderte Ansicht derselben URL vergleichen. Prüfen, ob der Hauptinhalt ohne vorherige Navigation erreichbar ist und notwendige Ressourcen geladen werden können.

Ausnahmen und Geltungsbereich

Warenkorbstatus oder personalisierte Elemente dürfen bewusst nachgeladen werden. Wenig Initial-HTML allein beweist nicht, dass Google die Seite nicht rendern kann.

Bezug: Shopify Online Store mit Liquid-Theme. Für Hydrogen oder andere Headless-Storefronts gelten eigene Rendering- und Hostingzuständigkeiten.

Den allgemeinen Fehler einordnen

Definition, systemunabhängige Ursachen und weitere Korrekturbeispiele: Fehlenden Inhalt von bewusst nachgeladenen Funktionen unterscheiden

Dokumentation zur Konfiguration und zum Prüfsignal

Google: JavaScript-SEO und Rendering

Verwandte JavaScript-Fehler in Shopify