{"id":2529,"date":"2024-01-05T20:09:40","date_gmt":"2024-01-05T20:09:40","guid":{"rendered":"https:\/\/wpconsults.com\/?p=2529"},"modified":"2026-07-18T22:09:04","modified_gmt":"2026-07-19T03:09:04","slug":"zuruck-zur-vorherigen-seite-schaltflache","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/de\/back-to-previous-page-button\/","title":{"rendered":"Wie man eine Schaltfl\u00e4che \"Zur\u00fcck zur vorherigen Seite\" in WordPress hinzuf\u00fcgt (2 einfache Methoden)"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Eine \u201eZur\u00fcck\u201c-Schaltfl\u00e4che bietet Besuchern die M\u00f6glichkeit, mit einem Klick zu der Seite zur\u00fcckzukehren, auf der sie sich gerade befanden. Das ist besonders bei langen Anleitungen, Suchergebnisseiten und mehrstufigen Bestellvorg\u00e4ngen praktisch. Es ist zwar nur eine kleine Funktion, erspart den Nutzern jedoch die Suche nach dem Zur\u00fcck-Pfeil des Browsers \u2013 und auf Mobilger\u00e4ten summiert sich diese kleine Unannehmlichkeit wirklich.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich zeige euch zwei einfache M\u00f6glichkeiten, wie ihr so etwas in WordPress einbinden k\u00f6nnt: einen kleinen HTML-Schnipsel, f\u00fcr den ihr kein Plugin ben\u00f6tigt, und eine \u201eNo-Code\u201c-Methode f\u00fcr alle, die sich lieber nicht mit Programmiercode besch\u00e4ftigen. Au\u00dferdem werde ich das eine Problem beheben, das in den meisten Anleitungen \u00fcbersehen wird: Was passiert, wenn jemand direkt auf der Seite landet und keinen Browserverlauf hat, \u00fcber den er zur\u00fccknavigieren k\u00f6nnte?.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-takeaways is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Wichtigste Erkenntnisse<\/h3>\n\n<ul class=\"wp-block-list\">\n<li>Eine Zur\u00fcck-Schaltfl\u00e4che weist den Browser lediglich an, in seinem Verlauf eine Seite zur\u00fcckzugehen, und zwar mithilfe von <code>history.back()<\/code>, was dasselbe ist wie <code>history.go(-1)<\/code>.<\/li>\n<li>Die zuverl\u00e4ssigste Methode ist eine kleine benutzerdefinierte HTML-Schaltfl\u00e4che, f\u00fcr die kein Plugin erforderlich ist.<\/li>\n<li>Wenn ein Besucher direkt auf die Seite gelangt, gibt es keinen Verlauf, auf den zur\u00fcckgegriffen werden kann. F\u00fcgen Sie daher eine Referrer-Pr\u00fcfung hinzu, die im Falle eines Fehlers auf Ihre Startseite weiterleitet.<\/li>\n<li>Der \u201eNo-Code\u201c-Weg erfolgt \u00fcber eine Schaltfl\u00e4che im Page-Builder oder einen Men\u00fc-Link, wobei einige Themes aus Sicherheitsgr\u00fcnden JavaScript-Links entfernen.<\/li>\n<li>Eine Zur\u00fcck-Schaltfl\u00e4che dient lediglich der Benutzerfreundlichkeit und stellt keine echte Navigation dar. Behalten Sie daher Breadcrumbs oder einen eindeutigen \u00fcbergeordneten Link f\u00fcr Crawler und direkte Besucher bei.<\/li>\n<\/ul>\n\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:15px 15px 0px 0px rgba(160, 152, 255, 0.31);}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-contents-title{font-weight:600;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list{color:var(--global-palette4, #2D3748);font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover{color:var(--global-palette1, #3182CE);}.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap .kb-table-of-content-list .active > .kb-table-of-contents__entry{color:var(--global-palette1, #3182CE);}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id3268_6ddb5a-74 .kb-table-of-content-wrap{border-top:1px solid var(--global-palette10, #3182CE);border-right:1px solid var(--global-palette10, #3182CE);border-bottom:1px solid var(--global-palette10, #3182CE);border-left:1px solid var(--global-palette10, #3182CE);}}<\/style>\n\n<h2 class=\"wp-block-heading\">Was die Zur\u00fcck-Schaltfl\u00e4che eigentlich bewirkt<\/h2>\n\n<p class=\"wp-block-paragraph\">Das ist eigentlich keine WordPress-Funktion, sondern eine Browserfunktion. Ein \u201eZur\u00fcck\u201c-Button ruft <code>history.back()<\/code>, wodurch der Browser des Besuchers angewiesen wird, zum vorherigen Eintrag in seinem eigenen Verlauf zur\u00fcckzukehren, genau so, als h\u00e4tte der Besucher die Zur\u00fcck-Taste gedr\u00fcckt (<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/History\/back\" target=\"_blank\" rel=\"noopener nofollow\">MDN dokumentiert die History-API hier<\/a>).<\/p>\n\n\n<p class=\"wp-block-paragraph\">Da es den Browserverlauf ausliest, leitet es die Nutzer immer dorthin weiter, wo <strong>sie<\/strong> stammt, und nicht von einer festgelegten Seite, die Sie ausw\u00e4hlen. Das ist in einem Satz sowohl die St\u00e4rke als auch die Schw\u00e4che, und genau deshalb ist der unten stehende Fallback so wichtig.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Methode 1: Eine benutzerdefinierte HTML-Schaltfl\u00e4che (ohne Plugin)<\/h2>\n\n<p class=\"wp-block-paragraph\">Das ist die Methode, die ich tats\u00e4chlich verwende, denn sie besteht aus nur einer Zeile, funktioniert \u00fcberall dort, wo man HTML einf\u00fcgen kann, und erfordert kein Plugin, das man anschlie\u00dfend pflegen muss. F\u00fcge einfach ein <strong>Benutzerdefiniertes HTML<\/strong> F\u00fcgen Sie den folgenden Code an der Stelle ein, an der die Schaltfl\u00e4che erscheinen soll:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><button type=\"button\">\u2190 Zur\u00fcck<\/button><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Das ist der springende Punkt. Der Haken sind direkte Zugriffe: Wenn jemand \u00fcber Google oder einen geteilten Link auf die Seite gelangt, ist sein Verlauf f\u00fcr Ihre Website leer, daher <code>history.back()<\/code> entweder gar nichts tut oder die Besucher von Ihrer Website wegleitet. Die L\u00f6sung besteht darin, zun\u00e4chst den Referrer zu pr\u00fcfen und auf Ihre Startseite zur\u00fcckzufallen, wenn es keine Seite gibt, zu der man zur\u00fcckkehren kann (<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/referrer\" target=\"_blank\" rel=\"noopener nofollow\">\u201edocument.referrer\u201c wird auf MDN erl\u00e4utert<\/a>):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><button type=\"button\">\u2190 Zur\u00fcck<\/button><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Verwenden Sie die zweite Version in echten Projekten. Sie verh\u00e4lt sich f\u00fcr normale Besucher genauso, l\u00e4sst jedoch Besucher, die direkt auf die Seite gelangen, niemals auf einer Schaltfl\u00e4che h\u00e4ngen, die keine Funktion hat \u2013 was f\u00fcr genau die Personen, die \u00fcber die Suche zu Ihnen gelangen, ein weitaus besseres Erlebnis darstellt.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Methode 2: Eine \u201eZur\u00fcck\u201c-Schaltfl\u00e4che ohne Programmierung<\/h2>\n\n<p class=\"wp-block-paragraph\">Wenn Sie sich lieber gar nicht mit HTML besch\u00e4ftigen m\u00f6chten, k\u00f6nnen die meisten Page-Builder das f\u00fcr Sie \u00fcbernehmen. F\u00fcgen Sie in einem Builder wie Kadence ein \u201eButton\u201c-Element hinzu und legen Sie dessen Link auf <code>javascript:history.back()<\/code>, und dasselbe Verhalten erh\u00e4lt man auch in einem visuellen Editor, wobei die meisten anderen Builder \u00fcber eine \u00e4hnliche Option verf\u00fcgen.<\/p>\n\n\n<p class=\"wp-block-paragraph\">Oft wird stattdessen versucht, ihn als benutzerdefinierten Link im Men\u00fc hinzuzuf\u00fcgen, und das kann zwar funktionieren, aber Vorsicht: WordPress bereinigt <code>javascript:<\/code> Links in Men\u00fcs bei vielen Konfigurationen, sodass es stillschweigend nichts unternimmt. Sollte die Men\u00fcf\u00fchrung bei Ihnen fehlschlagen, greifen Sie auf den \u201eCustom HTML\u201c-Block aus Methode 1 zur\u00fcck oder, als letzte M\u00f6glichkeit, auf ein kleines, zweckgebundenes Plugin f\u00fcr die Zur\u00fcck-Schaltfl\u00e4che.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Verfahren<\/th><th>So funktioniert es<\/th><th>Am besten geeignet f\u00fcr<\/th><th>Achten Sie auf<\/th><\/tr><\/thead><tbody><tr><td><strong>Benutzerdefinierte HTML-Schaltfl\u00e4che<\/strong><\/td><td>Ein einzeiliger Button, der \u201ehistory.back()\u201c in einem benutzerdefinierten HTML-Block ausf\u00fchrt<\/td><td>Kann jemand problemlos eine Zeile einf\u00fcgen?<\/td><td>F\u00fcgen Sie den Referrer-Fallback f\u00fcr direkte Zugriffe hinzu<\/td><\/tr><tr><td><strong>No-Code (Builder oder Men\u00fc)<\/strong><\/td><td>Eine Schaltfl\u00e4che im Page-Builder oder ein Men\u00fc-Link, der als \u201eZur\u00fcck\u201c-Funktion eingerichtet ist<\/td><td>Nicht-Programmierer bei der Verwendung eines Page Builders<\/td><td>Men\u00fcs entfernen oft JavaScript-Links, sodass die Schaltfl\u00e4che keine Funktion ausf\u00fchrt.<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Die beiden M\u00f6glichkeiten, in WordPress eine \u201eZur\u00fcck\u201c-Schaltfl\u00e4che hinzuzuf\u00fcgen, und worauf man bei jeder einzelnen achten muss.<\/figcaption><\/figure>\n\n\n<h2 class=\"wp-block-heading\">Reicht eine Zur\u00fcck-Schaltfl\u00e4che allein aus?<\/h2>\n\n<p class=\"wp-block-paragraph\">Eine Zur\u00fcck-Schaltfl\u00e4che ist eine praktische Funktion, und ich f\u00fcge gerne eine hinzu, aber sie sollte die eigentliche Navigation erg\u00e4nzen 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\u00e4che zur\u00fcckgreifen k\u00f6nnte. Daher ben\u00f6tigen diese Leser nach wie vor eine echte M\u00f6glichkeit, sich auf Ihrer Website zurechtzufinden.<\/p>\n\n\n<p class=\"wp-block-paragraph\">Achten Sie auf einen eindeutigen Verweis auf die \u00fcbergeordnete Seite oder Kategorie und idealerweise auf Breadcrumbs, damit jeder mit einer echten URL eine Ebene h\u00f6her gelangen kann. Wenn Sie das tun, wird die Zur\u00fcck-Schaltfl\u00e4che zu einem angenehmen Extra \u2013 und genau das sollte sie auch sein. Falls eine schwebende Version dieser Schaltfl\u00e4che jemals mit einem Eck-Widget kollidieren sollte, finden Sie in meinem Leitfaden zu <a href=\"https:\/\/www.wpconsults.com\/de\/wie-man-recaptcha-v3-abzeichen-nach-links-in-wordpress-verschiebt\/\">Verschieben des reCAPTCHA v3-Banners<\/a> zeigt eine \u00e4hnliche L\u00f6sung; weitere praktische Tipps findest du in meinen Anleitungen zu <a href=\"https:\/\/www.wpconsults.com\/de\/wordpress-anmeldeseite-manuell-anpassen\/\">Anpassen der WordPress-Anmeldeseite<\/a> und <a href=\"https:\/\/www.wpconsults.com\/de\/wp-admin-url-ohne-plugin-andern\/\">Die wp-admin-URL ohne Plugin \u00e4ndern<\/a>.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Welche Methode mit der Zur\u00fcck-Taste sollten Sie also verwenden?<\/h2>\n\n<p class=\"wp-block-paragraph\">W\u00e4re dies meine Website, w\u00fcrde ich mich f\u00fcr 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\u00fchrt, nahtlos abdeckt. Es ist die sauberste Option f\u00fcr alle, die einen Codeausschnitt in einen \u201eBenutzerdefinierten HTML\u201c-Block einf\u00fcgen k\u00f6nnen.<\/p>\n\n\n<p class=\"wp-block-paragraph\">Allerdings ist der No-Code-Ansatz eine durchaus sinnvolle Entscheidung, wenn Sie sich nie mit Code besch\u00e4ftigen; eine Schaltfl\u00e4che im Page-Builder erf\u00fcllt dieselbe Aufgabe \u00fcber einen visuellen Editor. So oder so: Denken Sie an eine Ausweichl\u00f6sung, behalten Sie die eigentliche Navigation bei, und die Schaltfl\u00e4che wird Ihnen helfen, anstatt Sie zu frustrieren.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-post-cta is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Hast du immer noch Probleme beim Einf\u00fcgen deiner \u201eZur\u00fcck\u201c-Schaltfl\u00e4che?<\/h3>\n<p class=\"wp-block-paragraph\">Falls die Schaltfl\u00e4che nicht wie gew\u00fcnscht funktioniert oder Sie sie nahtlos in Ihr Theme integrieren m\u00f6chten, k\u00f6nnen Sie gerne <a href=\"https:\/\/www.wpconsults.com\/de\/arbeit-mit-wpconsults\/\">kontaktieren Sie uns<\/a> oder <a href=\"mailto:abdullah@wpconsults.com\">E-Mail<\/a> und ich werde Ihnen gerne den richtigen Weg weisen.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group wpc-changelog is-layout-flow wp-block-group-is-layout-flow\" id=\"article-update-logs\">\n<h2 class=\"wp-block-heading\">\u00c4nderungsprotokolle<\/h2>\n<p class=\"wp-block-paragraph\"><strong>02. Juli 2026<\/strong><\/p>\n<ul class=\"wp-block-list\"><li>Es wurde mit einer zuverl\u00e4ssigen Schaltfl\u00e4che ohne Plugin \u00fcberarbeitet, ein Fallback f\u00fcr den Referrer hinzugef\u00fcgt, damit es auch dann funktioniert, wenn jemand direkt auf die Seite gelangt, und es wurde klargestellt, wann stattdessen auf die eigentliche Navigation zur\u00fcckgegriffen werden sollte.<\/li><li>Die \u00dcberschriften der Abschnitte wurden pr\u00e4zisiert, sodass jede f\u00fcr sich genommen verst\u00e4ndlich ist.<\/li><\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>F\u00fcgen Sie in WordPress eine \u201eZur\u00fcck\u201c-Schaltfl\u00e4che hinzu, die Besucher zur vorherigen Seite zur\u00fcckf\u00fchrt \u2013 mit zwei einfachen Methoden: einem kleinen HTML-Schnipsel und einer Option ohne Programmieraufwand sowie einer Ausweichl\u00f6sung f\u00fcr direkte Landingpages.<\/p>","protected":false},"author":1,"featured_media":2538,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kb_optimizer_status":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","rank_math_title":"Go Back Button in WordPress: 2 Easy Ways to Add One","rank_math_description":"Want a go back button in WordPress so visitors can return to the previous page? Here are 2 easy methods, a small HTML snippet and a no-code route, done right.","rank_math_focus_keyword":"go back button wordpress","_colophon_preset":"regular","_colophon_fc_on":"","_colophon_edited_on":"","_colophon_editor_on":"","_colophon_editor_id":0,"_colophon_editor_name":"","_wpc_translation_mode":"keep","_wpc_translation_visited":"2026-07-22 04:35 UTC (backfill)","_wpc_keep_translation":false,"_wpc_lastmod":"","footnotes":""},"categories":[7],"tags":[64],"class_list":["post-2529","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips-tutorials","tag-without-plugin-series"],"_links":{"self":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/2529","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/comments?post=2529"}],"version-history":[{"count":0,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/2529\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media\/2538"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media?parent=2529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/categories?post=2529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/tags?post=2529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}