{"id":3012,"date":"2024-03-26T22:15:36","date_gmt":"2024-03-26T22:15:36","guid":{"rendered":"https:\/\/wpconsults.com\/?p=3012"},"modified":"2026-07-04T23:03:31","modified_gmt":"2026-07-04T23:03:31","slug":"hide-recaptcha-badge","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/de\/hide-recaptcha-badge\/","title":{"rendered":"Wie man reCAPTCHA Badge von WordPress Website ausblenden"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Das reCAPTCHA-Logo in der rechten unteren Ecke Ihrer Website nervt viele Betreiber, und die Frage, die mir am h\u00e4ufigsten gestellt wird, ist, ob man es \u00fcberhaupt entfernen darf. Die kurze Antwort lautet: Ja, Google erlaubt es, es auszublenden, allerdings nur, wenn Sie den erforderlichen Quellenhinweis an einer Stelle im Nutzerablauf sichtbar lassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In dieser Anleitung zeige ich Ihnen, wie Sie vorschriftsm\u00e4\u00dfig <strong>Das reCAPTCHA-Logo ausblenden<\/strong> mit einer einzigen CSS-Zeile, dem genauen Text, den Google auf der Seite beibehalten m\u00f6chte, und der Plugin-L\u00f6sung ohne Programmieraufwand, falls Sie lieber gar keinen Code bearbeiten m\u00f6chten.<\/p>\n\n\n\n<div class=\"wp-block-group wpc-takeaways is-layout-flow wp-block-group-is-layout-flow\">\n\n<h3 class=\"wp-block-heading\">Wichtigste Erkenntnisse<\/h3>\n\n\n<ul class=\"wp-block-list\">\n<li>Die Nutzungsbedingungen von Google <strong>zulassen<\/strong> Sie k\u00f6nnen das reCAPTCHA-Logo ausblenden, solange das reCAPTCHA-Branding an einer Stelle im Benutzerablauf sichtbar bleibt.<\/li>\n<li>Die saubere Methode besteht aus einer einzigen Zeile CSS, <code>.grecaptcha-badge { visibility: hidden; }<\/code>, sowie eine kurze Quellenangabe in der N\u00e4he Ihrer Formulare.<\/li>\n<li>Verwenden Sie <code>Sichtbarkeit: ausgeblendet<\/code>, nicht <code>display: none<\/code>, sodass reCAPTCHA v3 weiterhin l\u00e4uft und Ihren Datenverkehr nach wie vor auswertet.<\/li>\n<li>Ein Plugin wie Badgeshift erf\u00fcllt denselben Zweck ganz ohne Programmierkenntnisse und erm\u00f6glicht es, das Abzeichen neu zu positionieren, falls Sie es lieber verschieben als ausblenden m\u00f6chten.<\/li>\n<li>Das Ausblenden des Badges hat lediglich kosmetische Auswirkungen; das reCAPTCHA-Skript wird weiterhin geladen, sodass es kaum Auswirkungen auf die Ladegeschwindigkeit der Seite hat.<\/li>\n<\/ul>\n\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .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-id7066_f7400a-9c .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-id7066_f7400a-9c .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .kb-table-of-content-wrap .kb-table-of-content-list{color:var(--global-palette1, #3182CE);font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id7066_f7400a-9c .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-id7066_f7400a-9c .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\">Ist es rechtlich zul\u00e4ssig, das reCAPTCHA-Logo auszublenden?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die meisten Menschen gehen davon aus, dass das Ausblenden des Badges gegen die Regeln von Google verst\u00f6\u00dft, und deaktivieren stillschweigend ihren Spam-Schutz. Das ist jedoch nicht der Fall. Googles eigene <a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/faq\" target=\"_blank\" rel=\"noopener nofollow\">reCAPTCHA \u2013 H\u00e4ufig gestellte Fragen<\/a> Dort hei\u00dft es, dass Sie das Logo ausblenden d\u00fcrfen, solange das reCAPTCHA-Branding im Benutzerablauf sichtbar bleibt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Abzeichen selbst ist also optional, die Quellenangabe jedoch nicht. Was viele \u00fcbersehen, ist die zweite H\u00e4lfte dieser Regel: Wenn Sie das Abzeichen ausblenden, m\u00fcssen Sie an jeder Stelle, an der der Schutz greift \u2013 beispielsweise in Ihrem Kontaktformular, beim Login oder an der Kasse \u2013, eine sichtbare Textzeile einf\u00fcgen. Das von Google geforderte Standard-Snippet lautet wie folgt:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Diese Website ist durch reCAPTCHA gesch\u00fctzt; es gelten die\nDatenschutzbestimmungen und Nutzungsbedingungen von Google.<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die beiden S\u00e4tze <strong>Datenschutzbestimmungen<\/strong> und <strong>Bedingungen der Dienstleistung<\/strong> sollte auf \u2026 verweisen <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener nofollow\">policies.google.com\/privacy<\/a> und <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener nofollow\">policies.google.com\/terms<\/a>. Platzieren Sie diesen Hinweis in der N\u00e4he Ihrer Formulare oder in der Fu\u00dfzeile, und Sie halten sich an die Nutzungsbedingungen von Google \u2013 egal, ob mit oder ohne Badge.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die standardkonforme Methode, dies mit CSS zu verbergen<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie ein wenig Erfahrung mit Programmierung haben, ist dies der sauberste Weg, da dadurch Ihrer Website nichts Zus\u00e4tzliches hinzugef\u00fcgt wird. F\u00fchren Sie die beiden Schritte der Reihe nach durch, da die Quellenangabe vorhanden sein muss. <em>vorher<\/em> Sie verstecken das Abzeichen; andernfalls versto\u00dfen Sie technisch gesehen gegen die Vorschriften, solange das Abzeichen nicht sichtbar ist.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 1: F\u00fcgen Sie den Quellenangabetext hinzu<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Drop the snippet above into your footer, or right under the submit button of each protected form. A small, light-gray line of fine print is enough; it does not need to be loud, it just needs to be readable and present.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Schritt 2: Das Abzeichen mit einer einzigen CSS-Zeile ausblenden<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gehe zu <strong>Darstellung &gt; Anpassen &gt; Zus\u00e4tzliches CSS<\/strong> (oder das Stylesheet Ihres Themes) und f\u00fcgen Sie Folgendes hinzu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.grecaptcha-badge { visibility: hidden; }<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Beachte, dass ich <code>Sichtbarkeit: ausgeblendet<\/code> und nicht <code>display: none<\/code>. Das ist wichtiger, als es auf den ersten Blick scheint. Bei reCAPTCHA v3 ist das \u201eBadge\u201c-Element mit dem Skript verkn\u00fcpft, das Ihre Besucher im Hintergrund unbemerkt bewertet. <code>Sichtbarkeit: ausgeblendet<\/code> h\u00e4lt dieses Element geladen und funktionsf\u00e4hig, w\u00e4hrend es ausgeblendet wird, sodass Ihr Schutz weiterhin aktiv bleibt. <code>display: none<\/code> entfernt das Element vollst\u00e4ndig aus dem Layout, was in manchen Konfigurationen dazu f\u00fchrt, dass v3 den Traffic nicht mehr wie vorgesehen auswertet, wodurch der gesamte Sinn von reCAPTCHA zunichte gemacht wird.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mit einem Plugin ausblenden \u2013 ganz ohne Programmierkenntnisse<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie lieber kein CSS bearbeiten m\u00f6chten, gibt es ein kleines Plugin, das dieselbe Aufgabe \u00fcber eine Einstellungsseite erledigt. Ich habe hierf\u00fcr \u201eBadgeShift\u201c verwendet; Sie schalten das Badge einfach aus, und das Plugin \u00fcbernimmt das CSS f\u00fcr Sie \u2013 au\u00dferdem kann es <a href=\"https:\/\/www.wpconsults.com\/de\/wie-man-recaptcha-v3-abzeichen-nach-links-in-wordpress-verschiebt\/\">Das Abzeichen neu positionieren<\/a> falls Sie sich entscheiden, die Datei nur zu verschieben, anstatt sie auszublenden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"849\" height=\"505\" src=\"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/image-6-e1716707985418-1.png\" alt=\"Die reCAPTCHA-Einstellungsseite von Badgeshift, auf der die Option zum Ausblenden und zur Neupositionierung des reCAPTCHA-Badges angezeigt wird\" class=\"wp-image-3251\" srcset=\"https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/image-6-e1716707985418-1.png 849w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/image-6-e1716707985418-1-300x178.png 300w, https:\/\/www.wpconsults.com\/wp-content\/uploads\/2024\/05\/image-6-e1716707985418-1-768x457.png 768w\" sizes=\"auto, (max-width: 849px) 100vw, 849px\" \/><figcaption class=\"wp-element-caption\">Auf der Einstellungsseite von Badgeshift k\u00f6nnen Sie das reCAPTCHA-Symbol ausblenden oder verschieben, ohne CSS-Code schreiben zu m\u00fcssen.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das Einzige, was ein Plugin nicht f\u00fcr Sie erledigt, ist das Hinzuf\u00fcgen des Urhebervermerks; daher m\u00fcssen Sie diese Zeile weiterhin in Ihren Formularen oder in der Fu\u00dfzeile anbringen. Das Plugin k\u00fcmmert sich nur um die optische Gestaltung; f\u00fcr die Einhaltung der Vorschriften sind Sie selbst verantwortlich.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wird Ihre Website schneller, wenn Sie das Logo ausblenden?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">An dieser Stelle m\u00f6chte ich eine weit verbreitete Annahme richtigstellen. Das Ausblenden des Badges ist rein kosmetischer Natur; das reCAPTCHA-JavaScript wird weiterhin geladen und l\u00e4uft genau wie zuvor, sodass Sie durch das Ausblenden keine echte Gewichtsersparnis erzielen. Wenn Ihr eigentliches Ziel eine schnellere Website ist, besteht die L\u00f6sung darin, reCAPTCHA nur auf den Seiten zu laden, auf denen es ben\u00f6tigt wird (Ihre Formulare und die Anmeldung), anstatt es siteweit einzubinden \u2013 das ist eine separate Ma\u00dfnahme, die sich f\u00fcr Ihre <a href=\"https:\/\/www.wpconsults.com\/de\/how-to-pass-core-web-vitals\/\">Core Web Vitals<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Betrachten Sie das Ausblenden des Badges also als eine gestalterische Entscheidung und nicht als eine, die der Leistung dient. Es handelt sich um zwei unterschiedliche Probleme, und wenn man sie miteinander verwechselt, f\u00fchrt das dazu, dass die Nutzer entt\u00e4uscht sind, wenn das Badge zwar verschwunden ist, die Seite aber genauso schwerf\u00e4llig bleibt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufige Fehler, die es zu vermeiden gilt<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Verwendung von <code>display: none<\/code> anstelle von <code>Sichtbarkeit: ausgeblendet<\/code>.<\/strong> In manchen Konfigurationen kann dies dazu f\u00fchren, dass reCAPTCHA v3 den Datenverkehr nicht mehr auswertet, sodass Sie den Schutz verlieren, obwohl Sie glauben, lediglich ein Abzeichen ausgeblendet zu haben.<\/li>\n<li><strong>Das Logo ausblenden, aber die Quellenangabe weglassen.<\/strong> Dies ist der Punkt, der tats\u00e4chlich gegen die Nutzungsbedingungen von Google verst\u00f6\u00dft; das Abzeichen ist optional, der Branding-Text hingegen nicht.<\/li>\n<li><strong>Es auf der gesamten Website ausblenden, wenn reCAPTCHA nur auf einigen Seiten geladen wird.<\/strong> Das CSS ist so oder so harmlos, aber es deutet darauf hin, dass das Skript wahrscheinlich auch \u00fcberall geladen wird \u2013 und genau das ist das eigentliche Problem, das behoben werden sollte.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Sollten Sie also das reCAPTCHA-Logo ausblenden?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ehrlich gesagt ist es bei den meisten Websites in Ordnung, das Logo auszublenden, und ich mache das normalerweise auch so. Das Logo unten rechts passt nicht zu vielen Designs und bietet dem Besucher keinen Mehrwert. Daher ist es ein vern\u00fcnftiger Kompromiss, es optisch zu entfernen und gleichzeitig eine \u00fcbersichtliche Quellenangabe beizubehalten. Achte nur darauf, dass du dabei die Vorgaben einh\u00e4ltst, indem du den Text an der richtigen Stelle bel\u00e4sst und <code>Sichtbarkeit: ausgeblendet<\/code> Also l\u00e4uft v3 weiterhin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich w\u00fcrde das Abzeichen nur dann so lassen, wie es ist, wenn ein Formular massiv mit Spam bombardiert wird und das sichtbare Abzeichen Bots tats\u00e4chlich abschreckt oder echten Nutzern Sicherheit vermittelt; in diesem speziellen Fall lohnt sich der geringe gestalterische Aufwand. Ansonsten sollte man es ausblenden, die Quellenangabe beibehalten und weitermachen.<\/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\n<h2 class=\"wp-block-heading\">\u00c4nderungsprotokolle<\/h2>\n\n\n<p class=\"wp-block-paragraph\"><strong>29. Juni 2026<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Um die Compliance-Regel zu verdeutlichen, wurde der Text umformuliert: Sie k\u00f6nnen das Badge ausblenden, sofern Sie den Quellenhinweis von Google beibehalten, den offiziellen Ausschnitt und die Links hinzuf\u00fcgen sowie einen Hinweis darauf, warum dies geschieht. <code>Sichtbarkeit: ausgeblendet<\/code> Beats <code>display: none<\/code> f\u00fcr reCAPTCHA v3.<\/li>\n<\/ul>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Google erlaubt es Ihnen, das reCAPTCHA-Logo auszublenden, solange Sie den Quellenhinweis sichtbar lassen. Hier erfahren Sie, wie Sie das reCAPTCHA-Logo in WordPress mit einer einzigen CSS-Zeile oder einem Plugin vorschriftsm\u00e4\u00dfig ausblenden k\u00f6nnen.<\/p>","protected":false},"author":1,"featured_media":7309,"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 Hide reCAPTCHA Badge in WordPress (Compliant Way)","rank_math_description":"Want to hide the reCAPTCHA badge in WordPress without breaking Google's terms? Here is the compliant CSS and plugin method, plus the attribution text to keep.","rank_math_focus_keyword":"Hide reCAPTCHA Badge","_colophon_preset":"regular","_colophon_fc_on":"","_colophon_edited_on":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-3012","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\/3012","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=3012"}],"version-history":[{"count":3,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/3012\/revisions"}],"predecessor-version":[{"id":7585,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/posts\/3012\/revisions\/7585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media\/7309"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/media?parent=3012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/categories?post=3012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/de\/wp-json\/wp\/v2\/tags?post=3012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}