Eine „Zurück“-Schaltfläche bietet Besuchern die Möglichkeit, mit einem Klick zu der Seite zurückzukehren, auf der sie sich gerade befanden. Das ist besonders bei langen Anleitungen, Suchergebnisseiten und mehrstufigen Bestellvorgängen praktisch. Es ist zwar nur eine kleine Funktion, erspart den Nutzern jedoch die Suche nach dem Zurück-Pfeil des Browsers – und auf Mobilgeräten summiert sich diese kleine Unannehmlichkeit wirklich.
Ich zeige euch zwei einfache Möglichkeiten, wie ihr so etwas in WordPress einbinden könnt: einen kleinen HTML-Schnipsel, für den ihr kein Plugin benötigt, und eine „No-Code“-Methode für alle, die sich lieber nicht mit Programmiercode beschäftigen. Außerdem werde ich das eine Problem beheben, das in den meisten Anleitungen übersehen wird: Was passiert, wenn jemand direkt auf der Seite landet und keinen Browserverlauf hat, über den er zurücknavigieren könnte?.
Wichtigste Erkenntnisse
- Eine Zurück-Schaltfläche weist den Browser lediglich an, in seinem Verlauf eine Seite zurückzugehen, und zwar mithilfe von
history.back(), was dasselbe ist wiehistory.go(-1). - Die zuverlässigste Methode ist eine kleine benutzerdefinierte HTML-Schaltfläche, für die kein Plugin erforderlich ist.
- Wenn ein Besucher direkt auf die Seite gelangt, gibt es keinen Verlauf, auf den zurückgegriffen werden kann. Fügen Sie daher eine Referrer-Prüfung hinzu, die im Falle eines Fehlers auf Ihre Startseite weiterleitet.
- Der „No-Code“-Weg erfolgt über eine Schaltfläche im Page-Builder oder einen Menü-Link, wobei einige Themes aus Sicherheitsgründen JavaScript-Links entfernen.
- Eine Zurück-Schaltfläche dient lediglich der Benutzerfreundlichkeit und stellt keine echte Navigation dar. Behalten Sie daher Breadcrumbs oder einen eindeutigen übergeordneten Link für Crawler und direkte Besucher bei.
Was die Zurück-Schaltfläche eigentlich bewirkt
Das ist eigentlich keine WordPress-Funktion, sondern eine Browserfunktion. Ein „Zurück“-Button ruft history.back(), wodurch der Browser des Besuchers angewiesen wird, zum vorherigen Eintrag in seinem eigenen Verlauf zurückzukehren, genau so, als hätte der Besucher die Zurück-Taste gedrückt (MDN dokumentiert die History-API hier).
Da es den Browserverlauf ausliest, leitet es die Nutzer immer dorthin weiter, wo sie stammt, und nicht von einer festgelegten Seite, die Sie auswählen. Das ist in einem Satz sowohl die Stärke als auch die Schwäche, und genau deshalb ist der unten stehende Fallback so wichtig.
Methode 1: Eine benutzerdefinierte HTML-Schaltfläche (ohne Plugin)
Das ist die Methode, die ich tatsächlich verwende, denn sie besteht aus nur einer Zeile, funktioniert überall dort, wo man HTML einfügen kann, und erfordert kein Plugin, das man anschließend pflegen muss. Füge einfach ein Benutzerdefiniertes HTML Fügen Sie den folgenden Code an der Stelle ein, an der die Schaltfläche erscheinen soll:
Das ist der springende Punkt. Der Haken sind direkte Zugriffe: Wenn jemand über Google oder einen geteilten Link auf die Seite gelangt, ist sein Verlauf für Ihre Website leer, daher history.back() entweder gar nichts tut oder die Besucher von Ihrer Website wegleitet. Die Lösung besteht darin, zunächst den Referrer zu prüfen und auf Ihre Startseite zurückzufallen, wenn es keine Seite gibt, zu der man zurückkehren kann („document.referrer“ wird auf MDN erläutert):
Verwenden Sie die zweite Version in echten Projekten. Sie verhält sich für normale Besucher genauso, lässt jedoch Besucher, die direkt auf die Seite gelangen, niemals auf einer Schaltfläche hängen, die keine Funktion hat – was für genau die Personen, die über die Suche zu Ihnen gelangen, ein weitaus besseres Erlebnis darstellt.
Methode 2: Eine „Zurück“-Schaltfläche ohne Programmierung
Wenn Sie sich lieber gar nicht mit HTML beschäftigen möchten, können die meisten Page-Builder das für Sie übernehmen. Fügen Sie in einem Builder wie Kadence ein „Button“-Element hinzu und legen Sie dessen Link auf javascript:history.back(), und dasselbe Verhalten erhält man auch in einem visuellen Editor, wobei die meisten anderen Builder über eine ähnliche Option verfügen.
Oft wird stattdessen versucht, ihn als benutzerdefinierten Link im Menü hinzuzufügen, und das kann zwar funktionieren, aber Vorsicht: WordPress bereinigt javascript: Links in Menüs bei vielen Konfigurationen, sodass es stillschweigend nichts unternimmt. Sollte die Menüführung bei Ihnen fehlschlagen, greifen Sie auf den „Custom HTML“-Block aus Methode 1 zurück oder, als letzte Möglichkeit, auf ein kleines, zweckgebundenes Plugin für die Zurück-Schaltfläche.
| Verfahren | So funktioniert es | Am besten geeignet für | Achten Sie auf |
|---|---|---|---|
| Benutzerdefinierte HTML-Schaltfläche | Ein einzeiliger Button, der „history.back()“ in einem benutzerdefinierten HTML-Block ausführt | Kann jemand problemlos eine Zeile einfügen? | Fügen Sie den Referrer-Fallback für direkte Zugriffe hinzu |
| No-Code (Builder oder Menü) | Eine Schaltfläche im Page-Builder oder ein Menü-Link, der als „Zurück“-Funktion eingerichtet ist | Nicht-Programmierer bei der Verwendung eines Page Builders | Menüs entfernen oft JavaScript-Links, sodass die Schaltfläche keine Funktion ausführt. |
Reicht eine Zurück-Schaltfläche allein aus?
Eine Zurück-Schaltfläche ist eine praktische Funktion, und ich füge gerne eine hinzu, aber sie sollte die eigentliche Navigation ergänzen und nicht an deren Stelle treten. Suchmaschinen-Crawler klicken niemals darauf, und Besucher, die direkt auf die Seite gelangen, haben keinen Browserverlauf, auf den die Schaltfläche zurückgreifen könnte. Daher benötigen diese Leser nach wie vor eine echte Möglichkeit, sich auf Ihrer Website zurechtzufinden.
Achten Sie auf einen eindeutigen Verweis auf die übergeordnete Seite oder Kategorie und idealerweise auf Breadcrumbs, damit jeder mit einer echten URL eine Ebene höher gelangen kann. Wenn Sie das tun, wird die Zurück-Schaltfläche zu einem angenehmen Extra – und genau das sollte sie auch sein. Falls eine schwebende Version dieser Schaltfläche jemals mit einem Eck-Widget kollidieren sollte, finden Sie in meinem Leitfaden zu Verschieben des reCAPTCHA v3-Banners zeigt eine ähnliche Lösung; weitere praktische Tipps findest du in meinen Anleitungen zu Anpassen der WordPress-Anmeldeseite und Die wp-admin-URL ohne Plugin ändern.
Welche Methode mit der Zurück-Taste sollten Sie also verwenden?
Wäre dies meine Website, würde ich mich für Methode 1 mit dem Referrer-Fallback entscheiden, da sie nur aus einer Zeile besteht, kein Plugin erfordert und den Fall der direkten Aufrufe, der bei der Basisversion zu Problemen führt, nahtlos abdeckt. Es ist die sauberste Option für alle, die einen Codeausschnitt in einen „Benutzerdefinierten HTML“-Block einfügen können.
Allerdings ist der No-Code-Ansatz eine durchaus sinnvolle Entscheidung, wenn Sie sich nie mit Code beschäftigen; eine Schaltfläche im Page-Builder erfüllt dieselbe Aufgabe über einen visuellen Editor. So oder so: Denken Sie an eine Ausweichlösung, behalten Sie die eigentliche Navigation bei, und die Schaltfläche wird Ihnen helfen, anstatt Sie zu frustrieren.
Hast du immer noch Probleme beim Einfügen deiner „Zurück“-Schaltfläche?
Falls die Schaltfläche nicht wie gewünscht funktioniert oder Sie sie nahtlos in Ihr Theme integrieren möchten, können Sie gerne kontaktieren Sie uns oder E-Mail und ich werde Ihnen gerne den richtigen Weg weisen.
Änderungsprotokolle
02. Juli 2026
- Es wurde mit einer zuverlässigen Schaltfläche ohne Plugin überarbeitet, ein Fallback für den Referrer hinzugefügt, damit es auch dann funktioniert, wenn jemand direkt auf die Seite gelangt, und es wurde klargestellt, wann stattdessen auf die eigentliche Navigation zurückgegriffen werden sollte.
- Die Überschriften der Abschnitte wurden präzisiert, sodass jede für sich genommen verständlich ist.
Möchtest du, dass unsere Beiträge öfter bei Google erscheinen?
Ein Schritt – und Google zeigt diese Seite in Ihren „Top Stories“ an.
Heute bin ich mit meinen Kindern an den Strand gegangen. Ich fand eine Muschel und gab sie meiner 4-jährigen Tochter und sagte: "Du kannst das Meer hören, wenn du sie an dein Ohr hältst." Sie hielt die Muschel an ihr Ohr und schrie. In der Muschel war ein Einsiedlerkrebs, der ihr das Ohr abklemmte. Sie will nie wieder zurück! LoL Ich weiß, dass dies völlig vom Thema abweicht, aber ich musste es jemandem erzählen!