{"id":83532,"date":"2025-04-17T02:40:46","date_gmt":"2025-04-17T01:40:46","guid":{"rendered":"http:\/\/3.238.148.255\/?p=83532"},"modified":"2025-04-17T22:42:50","modified_gmt":"2025-04-17T21:42:50","slug":"wie-man-das-google-recaptcha-abzeichen-auf-der-website-unsichtbar-macht","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/de\/tech\/wie-man-das-google-recaptcha-abzeichen-auf-der-website-unsichtbar-macht\/","title":{"rendered":"Wie kann ich das Google reCAPTCHA-Badge auf der Website unsichtbar machen?"},"content":{"rendered":"<p>Google reCAPTCHA ist zum Schutz von Websites vor Spam und automatisiertem Missbrauch nahezu allgegenw\u00e4rtig. In der neuesten Version, reCAPTCHA v3, zeigt Google nur ein kleines Badge (Badge) in der unteren rechten Ecke der Seite an. Dieses Badge erf\u00fcllt zwar die Anforderungen zur Namensnennung, kann aber mit dem Design Ihrer Website kollidieren oder Nutzer ablenken. In diesem Artikel erkl\u00e4re ich, wie Sie dieses Badge von Ihrer Website entfernen k\u00f6nnen \u2013 insbesondere wenn Sie WordPress verwenden \u2013 ohne gegen die Nutzungsbedingungen von Google zu versto\u00dfen.<\/p>\n<p>Viele Jahre lang bot Google <strong>reCAPTCHA v2 (zweite Version)<\/strong>, bei dem Nutzer Bildr\u00e4tsel l\u00f6sen oder ein Kontrollk\u00e4stchen anklicken mussten, um ihre Identit\u00e4t als Mensch zu beweisen. Obwohl dies effektiv war, erschwerte es die Benutzererfahrung und erforderte manchmal mehrere Aufgaben in einer einzigen Sitzung. Um dieses Problem zu l\u00f6sen, f\u00fchrte Google ein <strong>reCAPTCHA v3 (dritte Version)<\/strong>, das vollst\u00e4ndig im Hintergrund l\u00e4uft und jeder Anfrage einen Risikowert zuweist. Das einzige sichtbare Element ist ein kleines Badge, das auf die Datenschutzbestimmungen und Nutzungsbedingungen von Google verweist.<\/p><div id=\"juand-2259870536\" class=\"juand-content juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<div style=\"width: 100%;\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/tbvxFW4UJdU\" width=\"100%\" height=\"500\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Bevor Sie das Badge verstecken, ist es wichtig, die rechtlichen Anforderungen von Google zu verstehen. Laut der <a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/faq#id-like-to-hide-the-recaptcha-badge-what-is-allowed\" target=\"_blank\" rel=\"noopener noreferrer\">reCAPTCHA FAQ<\/a>Sie k\u00f6nnen das Badge verbergen, solange Sie an anderer Stelle im Benutzerfluss \u2013 normalerweise in der Fu\u00dfzeile Ihrer Website \u2013 einen sichtbaren Hinweis einf\u00fcgen. So werden Nutzer weiterhin dar\u00fcber informiert, dass Ihre Website durch die Anti-Bot-Technologie von Google gesch\u00fctzt ist.<\/p>\n<p>Google empfiehlt, Ihrer Fu\u00dfzeile den folgenden Hinweis hinzuzuf\u00fcgen:<\/p>\n<pre><code>Diese Website ist durch reCAPTCHA und die Google <a href=\"https:\/\/policies.google.com\/privacy\">Datenschutzrichtlinie<\/a> Und <a href=\"https:\/\/policies.google.com\/terms\">Servicebedingungen<\/a> anwenden.<\/code><\/pre>\n<p>Sobald Sie diese Zuordnung hinzugef\u00fcgt haben, ist das Ausblenden des Badges ganz einfach. F\u00fcgen Sie Ihrem Stylesheet diese einzelne CSS-Zeile hinzu:<\/p>\n<pre><code>.grecaptcha-badge { Sichtbarkeit: versteckt; }<\/code><\/pre>\n<p>Wenn Sie m\u00f6chten, k\u00f6nnen Sie es direkt in Ihr <code>&lt;head&gt;<\/code> Abschnitt:<\/p><div id=\"juand-824378503\" class=\"juand-content_2 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<pre><code>.grecaptcha-badge { visibility: hidden; }<\/code><\/pre>\n<p>Bei WordPress ist der einfachste Weg, zu gehen <em>Darstellung \u2192 Anpassen \u2192 Zus\u00e4tzliches CSS<\/em> und f\u00fcgen Sie den Snippet dort ein. Bei diesem Ansatz bleibt das Badge im Dokumentfluss, sodass reCAPTCHA-Skripte korrekt ausgef\u00fchrt werden k\u00f6nnen, und ist f\u00fcr Benutzer gleichzeitig unsichtbar.<\/p>\n<p><strong>Wichtig:<\/strong> Nicht verwenden <code>Anzeige: keine;<\/code> auf dem Badge. Das vollst\u00e4ndige Entfernen aus dem DOM kann dazu f\u00fchren, dass das reCAPTCHA-Skript nicht mehr ordnungsgem\u00e4\u00df geladen wird oder Risikobewertungen nicht mehr korrekt meldet. Dadurch wird der Spam-Schutz deaktiviert und Ihre Formulare werden Bots ausgesetzt. Verwenden Sie <code>Sichtbarkeit: versteckt;<\/code> stellt sicher, dass das Badge im Markup vorhanden bleibt, ohne sichtbar zu sein.<\/p>\n<h2>Vorteile des Ausblendens des Abzeichens<\/h2>\n<p>Sie fragen sich vielleicht, warum Sie das Abzeichen \u00fcberhaupt verbergen m\u00f6chten. Hier sind die wichtigsten Vorteile:<\/p>\n<ul>\n<li><strong>Schlankere Grafik<\/strong>: Das Badge kann wichtige UI-Elemente \u00fcberlappen oder fehl am Platz wirken, insbesondere auf mobilen Bildschirmen.<\/li>\n<li><strong>Verbesserte UX<\/strong>: Da reCAPTCHA v3 unsichtbar ausgef\u00fchrt wird, m\u00fcssen Endbenutzer weder zus\u00e4tzliche Klicks durchf\u00fchren noch R\u00e4tsel l\u00f6sen.<\/li>\n<li><strong>Einheitliches Branding<\/strong>: Durch das Entfernen von UI-Elementen von Drittanbietern wird ein klares, einheitliches Design beibehalten.<\/li>\n<\/ul>\n<h2>Fehlerbehebung und bew\u00e4hrte Methoden<\/h2>\n<ul>\n<li>Wenn das Badge weiterhin angezeigt wird, leeren Sie den Browser-Cache und den gesamten CDN-Cache, um sicherzustellen, dass Ihr neues CSS angewendet wird.<\/li>\n<li>Verwenden Sie die Entwicklertools Ihres Browsers, um die <code>.grecaptcha-Abzeichen<\/code> Element und vergewissern Sie sich, dass kein anderes Stylesheet Ihre Regel \u00fcberschreibt.<\/li>\n<li>\u00dcberpr\u00fcfen Sie noch einmal, ob der Text Ihrer Fu\u00dfzeilenzuordnung deutlich sichtbar ist und dem von Google empfohlenen Wortlaut entspricht.<\/li>\n<li>\u00dcberwachen Sie die Dokumentation von Google regelm\u00e4\u00dfig, um zu erfahren, ob sich die Richtlinien zur Sichtbarkeit von Badges \u00e4ndern.<\/li>\n<\/ul>\n<h2>\u00dcberlegungen zur Barrierefreiheit<\/h2>\n<p>Auch wenn das Badge unsichtbar ist, stellen Sie sicher, dass Ihre Site zug\u00e4nglich bleibt:<\/p>\n<ul>\n<li>Verwenden Sie semantisches HTML f\u00fcr Ihre Fu\u00dfzeilenzuordnung, damit Bildschirmleseprogramme sie richtig ansagen k\u00f6nnen.<\/li>\n<li>Stellen Sie sicher, dass das Ausblenden des Badges die Fokusreihenfolge oder Navigation nicht beeintr\u00e4chtigt.<\/li>\n<\/ul>\n<p>Mit diesen einfachen Schritten k\u00f6nnen Sie reCAPTCHA v3 ohne Badges integrieren und gleichzeitig den leistungsstarken Spam-Schutz im Hintergrund nutzen. Diese L\u00f6sung sorgt f\u00fcr eine \u00fcbersichtliche Benutzeroberfl\u00e4che, verbessert die Benutzerfreundlichkeit und erf\u00fcllt die gesetzlichen Anforderungen von Google. Bei Problemen oder Fragen hinterlassen Sie gerne unten einen Kommentar. Viel Spa\u00df beim Programmieren!<\/p><div id=\"juand-982793223\" class=\"juand-content_3 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<p>Foto von <a href=\"https:\/\/www.pexels.com\/photo\/macbook-air-on-grey-wooden-table-67112\/\" target=\"_blank\" rel=\"noopener\">Caio<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Google reCAPTCHA z\u00e4hlt mittlerweile zu den am weitesten verbreiteten Sicherheitsma\u00dfnahmen im Internet. In der neuesten Version zeigt Google jedoch nur ein kleines Symbol in der unteren rechten Ecke Ihrer Website an. Dieses Symbol erf\u00fcllt zwar seinen rechtlichen Zweck, ist aber nicht immer die eleganteste Designentscheidung. In diesem Artikel zeige ich Ihnen, wie Sie das reCAPTCHA-Symbol von Ihrer Website entfernen \u2013 insbesondere wenn Sie WordPress verwenden \u2013 und dabei die Google-Anforderungen vollst\u00e4ndig erf\u00fcllen.<\/p>","protected":false},"author":1,"featured_media":97892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1289,1290],"tags":[],"class_list":["post-83532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","category-tutorials"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2020\/04\/pexels-caio-67112-scaled.jpg?fit=2560%2C1702&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p8STS8-lJi","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/posts\/83532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/comments?post=83532"}],"version-history":[{"count":3,"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/posts\/83532\/revisions"}],"predecessor-version":[{"id":97894,"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/posts\/83532\/revisions\/97894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/media\/97892"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/media?parent=83532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/categories?post=83532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/de\/wp-json\/wp\/v2\/tags?post=83532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}