Zum Hauptinhalt springen

SEO-freundliche URLs durch Entfernen des # aus der URL

Standardmäßig läuft der Fahrzeugshop im Hash-Modus: Die Adresse eines Fahrzeugs enthält ein #, zum Beispiel https://ihre-domain.de/fahrzeugshop/#/cars/vw-golf. Für Suchmaschinen ist alles hinter dem # unsichtbar — die einzelnen Fahrzeugseiten können so nicht indexiert werden.

Im History-Modus entfällt das #, die Adresse lautet dann https://ihre-domain.de/fahrzeugshop/cars/vw-golf und ist als eigenständige Seite indexierbar. Diese Seite beschreibt, was dafür auf Ihrer Website vorbereitet werden muss.

Ohne Vorbereitung am Webserver geht es nicht

Im History-Modus ruft der Browser bei einem Direktlink oder einem Reload eine Adresse ab, die es als Datei auf Ihrem Webserver nicht gibt. Ohne Umleitung auf Ihre Shop-Seite quittiert der Server das mit 404. Genau diese Umleitung — der sogenannte SPA-Fallback — richten Sie in den folgenden Schritten ein.

Für WordPress: Plugin installieren​

Schritt 1 — Plugin herunterladen​

D35 MeinFahrzeugShop WordPress-Plugin herunterladen

Schritt 2 — Pfad prüfen und Plugin installieren​

Das Plugin bringt diese Rewrite-Regel mit. Sie leitet alle Aufrufe unterhalb von /fahrzeugshop/ auf die WordPress-Seite um, auf der Ihr Shop eingebunden ist:

function spa_rewrite_rule() {
    add_rewrite_rule(
        '^fahrzeugshop/(.*)?$',
        'index.php?pagename=fahrzeugshop',
        'top'
    );
}
add_action('init', 'spa_rewrite_rule');
Vor dem Hochladen anpassen

Heißt Ihre Unterseite nicht „fahrzeugshop", passen Sie den Pfad in der Rewrite-Regel vor dem Upload an — an beiden Stellen, im Muster und im pagename.

Installieren und aktivieren Sie das Plugin anschließend unter Plugins → Installieren → Plugin hochladen. Die Schritte im Detail beschreibt die WordPress-Dokumentation.

Für andere Systeme: Umleitung am Webserver​

Läuft Ihre Website nicht auf WordPress, richten Sie dieselbe Umleitung direkt am Webserver ein. Für Apache genügt eine .htaccess-Datei:

RewriteEngine On
RewriteBase /digital35/

# ------------------------------------------------------------
# 1) Wenn die Datei oder der Ordner wirklich existiert, direkt ausliefern
# (explizit, damit nichts versehentlich in index.php landet)
# ------------------------------------------------------------

RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

# ------------------------------------------------------------
# 2) SPA-Routing: Alles andere an die index.php senden
# ------------------------------------------------------------

RewriteRule ^ index.php [QSA,L]

Ersetzen Sie /digital35/ in der RewriteBase durch den Pfad Ihrer Shop-Seite. Für Nginx erfüllt eine try_files-Direktive denselben Zweck — Details dazu stehen unter Shop-Einbindung auf Ihrer Website.

Den Pfad überall gleich setzen​

Der Pfad Ihrer Shop-Seite muss an jeder Stelle identisch sein — in der Umleitung und im Einbindungscode:

basePath: "/fahrzeugshop/"
Eine Abweichung legt die URL-Auflösung lahm

Weichen die Pfade voneinander ab, findet der Shop seine eigenen Adressen nicht mehr. Verwenden Sie überall exakt denselben Wert, inklusive der Schrägstriche am Anfang und am Ende.

Aktualisierten Einbindungscode anfordern​

Der Umstieg auf den History-Modus erfordert ein angepasstes Snippet. Melden Sie sich über das Kontaktformular — wir stellen Ihnen den aktualisierten Einbindungscode für Ihren Shop und Ihre Widgets bereit.

Im Zweifel beim Hash-Modus bleiben

Der Hash-Modus funktioniert ohne jede Server-Konfiguration. Wenn Sie keinen Zugriff auf die Webserver-Einstellungen haben, ist er die robustere Wahl — die Fahrzeugübersicht selbst bleibt auch dann indexierbar.

Verwandte Themen​