Seitenreport Seitenreport
JavaScript in Shopify

Title wird erst per JavaScript gesetzt in Shopify beheben

Direkten Einstieg und Navigation innerhalb der App vergleichen. In Shopify prüfen Sie dafür Liquid-Antwort und clientseitige App-Inhalte.

Liquid-Antwort und clientseitige App-Inhalte

Vergleichen Sie den Liquid-Titel mit Änderungen durch Apps nach dem Laden. Eine nachträgliche Produktansicht darf keinen unpassenden oder leeren Titel hinterlassen.

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: Nach dem Klick auf ein Produkt bleibt der Dokumenttitel der Kategorie stehen. Beim direkten Laden des Produkts erscheint dagegen der richtige Titel.

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.

Titelverwaltung an den tatsächlichen Routenwechsel koppeln und für Direktaufruf sowie App-Navigation testen. Beim Zurücknavigieren muss der passende Titel ebenfalls wiederhergestellt werden.

Ausnahmen und Geltungsbereich

Ein dynamisch gesetzter Title kann verarbeitet werden; der Befund betrifft hier den falschen oder instabilen Wert, nicht JavaScript an sich.

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: Direkten Einstieg und Navigation innerhalb der App vergleichen

Dokumentation zur Konfiguration und zum Prüfsignal

Google: JavaScript-SEO und Rendering

Verwandte JavaScript-Fehler in Shopify