{"id":3196,"date":"2025-06-14T06:09:41","date_gmt":"2025-06-14T06:09:41","guid":{"rendered":"https:\/\/wpconsults.com\/?p=3196"},"modified":"2026-07-18T22:17:04","modified_gmt":"2026-07-19T03:17:04","slug":"wie-man-recaptcha-v3-abzeichen-nach-links-in-wordpress-verschiebt","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/de\/how-to-move-recaptcha-v3-badge-to-left-in-wordpress\/","title":{"rendered":"Wie man ReCAPTCHA V3 Badge in WordPress nach links verschiebt"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Google reCAPTCHA v3 platziert sein kleines Symbol in der unteren rechten Ecke jeder Seite, und genau dort sollen auch die meisten Live-Chat-Widgets, \u201eZur\u00fcck nach oben\u201c-Schaltfl\u00e4chen und Cookie-Leisten erscheinen. Die gute Nachricht ist, dass das Symbol lediglich ein Element mit fester Position ist, sodass es sich leicht nach links verschieben l\u00e4sst, ohne den Spam-Schutz in irgendeiner Weise zu beeintr\u00e4chtigen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich werde dir zwei M\u00f6glichkeiten zeigen, wie man <strong>Das reCAPTCHA V3-Symbol nach links verschieben<\/strong>: Ein No-Code-Plugin f\u00fcr alle, die ein Einstellungsfenster nutzen m\u00f6chten, und eine einzeilige CSS-Korrektur f\u00fcr alle, die lieber kein weiteres Plugin installieren m\u00f6chten. Beides funktioniert; ich werde euch verraten, welche Variante ich tats\u00e4chlich nutze und warum.<\/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<ul class=\"wp-block-list\"><li>Das reCAPTCHA v3-Symbol ist ein Element mit fester Position, das von Google eingef\u00fcgt wird; ein Verschieben dieses Elements hat keinerlei Auswirkungen darauf, wie der Schutz die Besucher bewertet.<\/li><li>Die <strong>BadgeShift f\u00fcr reCAPTCHA<\/strong> Das Plugin verschiebt das Abzeichen \u00fcber ein Einstellungsfenster nach links \u2013 ganz ohne Programmieraufwand.<\/li><li>Drei Zeilen CSS-Selektoren <code>.grecaptcha-Badge<\/code> das Gleiche ohne ein Plugin zu erreichen \u2013 das ist die Vorgehensweise, die ich bevorzuge.<\/li><li>Sie d\u00fcrfen das Logo nur dann ausblenden, wenn Sie den von Google vorgeschriebenen Verweis auf die Quelle auf der Seite belassen; entfernen Sie diesen, versto\u00dfen Sie gegen die Nutzungsbedingungen.<\/li><li>Leeren Sie nach der \u00c4nderung Ihren Cache, sonst werden Sie schw\u00f6ren, dass es nicht funktioniert hat, obwohl es tats\u00e4chlich funktioniert hat.<\/li><\/ul>\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\n<h2 class=\"wp-block-heading\">Warum befindet sich das Abzeichen \u00fcberhaupt unten rechts?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie reCAPTCHA v3 \u00fcber ein Formular-Plugin wie Contact Form 7, Fluent Forms oder Gravity Forms laden, f\u00fcgt das Skript von Google das Abzeichen als <code>position: fixed<\/code> Ein Element, das unten rechts im Ansichtsbereich fixiert ist. Es ist nicht Teil Ihres Themes, daher k\u00f6nnen Ihre Theme-Einstellungen nicht direkt darauf zugreifen; Sie gestalten etwas, das Google nach dem Rendern auf die Seite gesetzt hat.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diese feststehende Ecke ist ein hei\u00df umk\u00e4mpfter Platz. Eine Chat-Blase f\u00fcr den Support, eine <a href=\"https:\/\/www.wpconsults.com\/de\/zuruck-zur-vorherigen-seite-schaltflache\/\">\u201eZur\u00fcck zum Seitenanfang\u201c- oder \u201eZur\u00fcck\u201c-Schaltfl\u00e4che<\/a>, oder eine feststehende Rabattleiste konkurrieren mit dem Badge um denselben Platz, und auf Mobilger\u00e4ten kann die \u00dcberlappung ein Tippziel vollst\u00e4ndig verdecken. Das Verschieben des Badges nach links ist in der Regel die sauberste L\u00f6sung, da so der Badge sichtbar bleibt (was Google w\u00fcnscht) und gleichzeitig die Ecke freigehalten wird, die Ihre anderen Widgets ben\u00f6tigen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Verschieben Sie es mit dem BadgeShift-Plugin (ohne Programmierung)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie lieber keinen Code bearbeiten m\u00f6chten, dann ist die <a href=\"https:\/\/wordpress.org\/plugins\/badgeshift-for-recaptcha\/\" rel=\"nofollow noopener\" target=\"_blank\">BadgeShift f\u00fcr reCAPTCHA<\/a> Das Plugin verwaltet die Verschiebung \u00fcber einen einfachen Einstellungsbildschirm. Es handelt sich um ein kleines Plugin mit nur einem einzigen Zweck, sodass es Ihre Website nicht so \u00fcberfrachtet wie ein Allesk\u00f6nner-Plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"359\" src=\"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-3-1024x359.avif\" alt=\"Installation des Plugins \u201eBadgeShift for reCAPTCHA\u201c zum Verschieben des reCAPTCHA-V3-Banners\" class=\"wp-image-5149\" srcset=\"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-3-1024x359.avif 1024w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-3-300x105.avif 300w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-3-768x269.avif 768w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-3-1536x538.avif 1536w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-3-18x6.avif 18w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-3.avif 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Gehen Sie in Ihrem Dashboard zu <strong>Plugins &gt; Neu hinzuf\u00fcgen<\/strong>, suchen Sie nach \u201cBadgeShift for reCAPTCHA\u201d, installieren und aktivieren Sie das Plugin anschlie\u00dfend. Sobald es aktiviert ist, \u00f6ffnen Sie <strong>Einstellungen &gt; BadgeShift<\/strong>, w\u00e4hlen Sie <strong>Links<\/strong> unter \u201ePosition des Abzeichens\u201c und speichern Sie die Einstellung. Wenn Sie die Position etwas anpassen m\u00f6chten, k\u00f6nnen Sie \u00fcber die Felder f\u00fcr den horizontalen und vertikalen Versatz den genauen Abstand zum unteren und linken Rand festlegen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"796\" height=\"361\" src=\"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-1.avif\" alt=\"Im Einstellungsfenster von BadgeShift ist festgelegt, dass das reCAPTCHA-V3-Symbol nach links verschoben wird\" class=\"wp-image-5147\" srcset=\"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-1.avif 796w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-1-300x136.avif 300w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-1-768x348.avif 768w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2025\/06\/image-1-18x8.avif 18w\" sizes=\"auto, (max-width: 796px) 100vw, 796px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das war\u2019s schon. Das Symbol befindet sich nun in der unteren linken Ecke, und Sie mussten keinen Code-Editor \u00f6ffnen. F\u00fcr die meisten Nutzer, die nur diese eine Anpassung ben\u00f6tigen, ist das Plugin ehrlich gesagt die sicherere Wahl, da die Einstellungen auch bei einem Wechsel des Themes erhalten bleiben und man sich nicht versehentlich bei der Eingabe eines Selektors vertippen kann.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mit einem einzigen CSS-Block verschieben (so mache ich es tats\u00e4chlich)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie kein Problem damit haben, ein paar Zeilen CSS einzuf\u00fcgen, brauchen Sie \u00fcberhaupt kein Plugin. F\u00fcgen Sie Folgendes hinzu: <strong>Darstellung &gt; Anpassen &gt; Zus\u00e4tzliches CSS<\/strong>, oder in das Stylesheet Ihres Child-Themes:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.grecaptcha-badge {\n    left: 4px !important;\n    right: auto !important;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die <code>rechts: automatisch<\/code> Die Zeile ist genauso wichtig wie die <code>links<\/code> Erstens, weil Google das Abzeichen standardm\u00e4\u00dfig von rechts ausrichtet; wenn Sie nur <code>links<\/code> ohne loszulassen <code>rechts<\/code>, kann es vorkommen, dass das Symbol \u00fcber den gesamten Bildschirm gestreckt wird. Das <code>!important<\/code> Die Flags sind vorhanden, weil Googles eigene Inline-Stile sehr spezifisch sind und Ihre Regel ohne sie unbemerkt unterliegt. Das ist dieselbe Art gezielter \u00dcberschreibung, die ich verwende, wenn ich <a href=\"https:\/\/www.wpconsults.com\/de\/wordpress-anmeldeseite-manuell-anpassen\/\">Eine WordPress-Anmeldeseite manuell anpassen<\/a>, wenn Sie Markup gestalten, \u00fcber das Sie keine Kontrolle haben.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auf Kundenwebsites setze ich auf die CSS-L\u00f6sung, da dadurch ein Plugin weniger aktualisiert, \u00fcberpr\u00fcft und beachtet werden muss und ich die Position des Badges nie wieder \u00fcber ein Einstellungsmen\u00fc \u00e4ndern muss. Wenn auf einer Website bereits ein Formular- oder Sicherheits-Plugin im Einsatz ist, das eine Option zur Positionierung des Badges enth\u00e4lt, nutze ich einfach diese, anstatt etwas Neues hinzuzuf\u00fcgen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sollte man das Abzeichen lieber ausblenden, anstatt es zu verschieben?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Genau hier geraten viele Nutzer in Schwierigkeiten. Die Nutzungsbedingungen von Google erlauben es zwar, das Symbol auszublenden, jedoch nur, wenn Sie \u00fcberall dort, wo reCAPTCHA zum Einsatz kommt, einen eindeutigen Hinweis auf die Urheberschaft einf\u00fcgen, etwa: \u201cDiese Website wird durch reCAPTCHA gesch\u00fctzt; es gelten die Datenschutzerkl\u00e4rung und die Nutzungsbedingungen von Google\u201d, wobei beide Links aktiv sein m\u00fcssen. Die offizielle Regelung ist in <a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed\" rel=\"nofollow noopener\" target=\"_blank\">H\u00e4ufig gestellte Fragen zu Googles reCAPTCHA<\/a>, und es lohnt sich, das zu lesen, bevor man irgendetwas versteckt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Falls Sie das Element nicht nur verschieben, sondern ganz entfernen m\u00f6chten, erkl\u00e4re ich in meinem Leitfaden unter <a href=\"https:\/\/www.wpconsults.com\/de\/hide-recaptcha-badge\/\">Das reCAPTCHA-Logo auf einer WordPress-Website ausblenden<\/a>. Bei den meisten Websites erh\u00e4lt man jedoch durch eine Verschiebung nach links die gew\u00fcnschte \u00fcbersichtliche Ecke, ohne sich um die Quellenangabe k\u00fcmmern zu m\u00fcssen. Deshalb betrachte ich das Ausblenden als letzten Ausweg und nicht als ersten Schritt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Das Abzeichen bewegt sich immer noch nicht? \u00dcberpr\u00fcfen Sie Folgendes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In neun von zehn F\u00e4llen liegt es am Caching. Wenn Sie ein Caching-Plugin oder ein CDN verwenden, wird m\u00f6glicherweise noch das alte Stylesheet ausgeliefert. Leeren Sie daher sowohl den Cache Ihrer Website als auch den Browser-Cache und schauen Sie noch einmal nach. Wenn das Abzeichen Sie immer noch ignoriert, l\u00e4dt m\u00f6glicherweise Ihr Theme oder ein anderes Plugin eigene Abzeichen-Stile nach Ihren eigenen. In diesem Fall sollten Sie das obige CSS (mit dem <code>!important<\/code> (Flags) gewinnt in der Regel; ist dies nicht der Fall, wird Ihr Selektor \u00fcberschrieben, und Sie k\u00f6nnen die Spezifit\u00e4t erh\u00f6hen oder die Regel sp\u00e4ter laden. Und wenn das Abzeichen gar nicht vorhanden ist und nicht nur falsch platziert wurde, liegt das Problem auf der Upstream-Seite: reCAPTCHA v3 wird auf diesem Formular oder dieser Seite noch nicht ausgel\u00f6st. Beheben Sie also zun\u00e4chst die Integration und k\u00fcmmern Sie sich erst danach um die Position.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Also, Plugin oder CSS, um das Abzeichen zu verschieben?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">W\u00e4re dies meine Website, w\u00fcrde ich mich f\u00fcr die drei Zeilen CSS entscheiden, da die Position eine einmalige \u00c4nderung ist, die man danach nicht mehr anpassen muss, und ich lieber kein weiteres Plugin nutzen m\u00f6chte, nur um eine einzige Regel zu verwalten. Dennoch halte ich das Plugin nicht f\u00fcr die falsche Wahl; f\u00fcr jemanden, der sich nicht mit Code besch\u00e4ftigen m\u00f6chte und ein Bedienfeld haben m\u00f6chte, auf das er sp\u00e4ter zur\u00fcckgreifen kann, <strong>BadgeShift<\/strong> ist ein \u00fcbersichtliches, zweckgebundenes Tool, das genau das tut, was es verspricht, und dessen Einstellungen auch dann erhalten bleiben, wenn man das Design wechselt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So oder so gilt es, eine Regel zu beachten, die Ihnen \u00c4rger erspart: Sie k\u00f6nnen das Logo frei verschieben, sollten es jedoch nur dann ausblenden, wenn Sie den Quellenhinweis von Google wieder auf der Seite einf\u00fcgen.<\/p>\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>27. Juni 2026<\/strong><\/p>\n<ul class=\"wp-block-list\"><li>Neben der BadgeShift-Methode wurde eine zweite, plugin-freie Methode (ein kurzer CSS-Ausschnitt) hinzugef\u00fcgt, und es wurde die Regel von Google pr\u00e4zisiert, dass das Badge nur dann ausgeblendet werden darf, wenn der erforderliche Quellenhinweis beibehalten wird.<\/li><\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie das reCAPTCHA v3-Symbol in WordPress nach links verschieben? Hier sind zwei elegante M\u00f6glichkeiten, dies zu tun \u2013 eine einfache CSS-Methode und eine Plugin-Option \u2013, ohne dass das Symbol dabei besch\u00e4digt wird.<\/p>","protected":false},"author":1,"featured_media":7253,"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":"How to Move reCAPTCHA V3 Badge to Left in WordPress","rank_math_description":"Want to move reCAPTCHA V3 badge to the left in WordPress? Two clean ways, a no-code plugin and a one-line CSS fix, without breaking Google's rules.","rank_math_focus_keyword":"Move reCAPTCHA V3 Badge","_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-21 05:33 UTC (backfill)","_wpc_keep_translation":false,"_wpc_lastmod":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-3196","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-tips-tutorials"],"_links":{"self":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/3196","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=3196"}],"version-history":[{"count":0,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/3196\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media\/7253"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media?parent=3196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/categories?post=3196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/tags?post=3196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}