JavaScript-Weiterleitungen werden im Browser des Nutzers ausgeführt, sobald die Seite geladen wird, und erzeugen so eine clientseitige Weiterleitung. Serverseitige 301-Weiterleitungen gelten zwar als Best Practice für Shopify, JavaScript-Weiterleitungen dienen jedoch bestimmten Zwecken, beispielsweise bedingten Weiterleitungen basierend auf dem Nutzerverhalten oder dem Seitenstatus.
Für die meisten Weiterleitungsszenarien empfiehlt sich die Verwendung der serverseitigen Weiterleitungsfunktion von Shopify oder der App „Doc 404 – Defekte Links reparieren “. Diese Methoden bieten eine bessere SEO-Performance und höhere Zuverlässigkeit als JavaScript-basierte Weiterleitungen.
Wann sollte man JavaScript-Weiterleitungen verwenden?
Bedingte Weiterleitungen basierend auf Nutzeraktionen erfordern JavaScript. Wenn Sie Nutzer weiterleiten müssen, nachdem sie eine Option in einem Formular ausgewählt, einen Artikel in den Warenkorb gelegt oder eine bestimmte Aktion ausgeführt haben, die kein herkömmliches Neuladen der Seite auslöst, ermöglicht JavaScript die Abwicklung dieser dynamischen Szenarien.
Produktverfügbarkeitsweiterleitungen können JavaScript verwenden, um Besucher automatisch von Seiten mit ausverkauften Produkten wegzuleiten. Durch Aktivieren der Eigenschaft `product.available` in Ihrer Liquid-Vorlage können Sie ein Skript hinzufügen, das auf eine Kategorieseite oder ein alternatives Produkt weiterleitet, sobald der Lagerbestand auf null sinkt.
Clientseitige Personalisierungsweiterleitungen funktionieren mit JavaScript. Beispielsweise erfordert die Weiterleitung von Nutzern auf unterschiedliche Landingpages basierend auf ihrer Browsersprache, ihrem Gerätetyp oder ihrer vorherigen Besuchshistorie clientseitige Logik, die nur JavaScript bereitstellen kann.
Warum serverseitige Weiterleitungen bevorzugt werden
Suchmaschinenoptimierung (SEO) bevorzugt serverseitige 301-Weiterleitungen. Suchmaschinen erkennen permanente serverseitige Weiterleitungen vollständig und übertragen die Linkstärke von der alten URL auf das neue Ziel. JavaScript-Weiterleitungen werden möglicherweise nicht gleichbehandelt, wodurch wertvoller SEO-Wert verloren gehen kann.
Serverseitige Weiterleitungen verbessern die Zuverlässigkeit erheblich. Nutzer, die JavaScript in ihrem Browser deaktiviert haben, werden von JavaScript-Weiterleitungen nicht erfasst. Die Weiterleitung schlägt fehl und führt zu einer fehlerhaften oder falschen Seite. Serverseitige Weiterleitungen funktionieren unabhängig von den Browsereinstellungen.
Die Seitenladezeit wird durch JavaScript-Weiterleitungen beeinträchtigt. Der Browser muss die ursprüngliche Seite herunterladen und rendern, das JavaScript ausführen und anschließend die Zielseite laden. Dies führt zu einem sichtbaren Flackern und einer Verzögerung. Serverseitige Weiterleitungen erfolgen hingegen sofort, bevor Inhalte geladen werden.
Um eine JavaScript-Weiterleitung in Shopify zu implementieren, fügen Sie ein Skript-Tag mit `window.location.href` hinzu, das auf Ihre Ziel-URL gesetzt ist. Bei dauerhaften URL-Änderungen, gelöschten Produkten oder umstrukturierten Seiten sollten Sie jedoch immer serverseitige 301-Weiterleitungen über die Shopify-Administration oder Doc 404 verwenden.
