Google reCAPTCHA v3 platziert sein kleines Symbol in der unteren rechten Ecke jeder Seite, und genau dort sollen auch die meisten Live-Chat-Widgets, „Zurück nach oben“-Schaltflächen 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ässt, ohne den Spam-Schutz in irgendeiner Weise zu beeinträchtigen.
Ich werde dir zwei Möglichkeiten zeigen, wie man Das reCAPTCHA V3-Symbol nach links verschieben: Ein No-Code-Plugin für alle, die ein Einstellungsfenster nutzen möchten, und eine einzeilige CSS-Korrektur für alle, die lieber kein weiteres Plugin installieren möchten. Beides funktioniert; ich werde euch verraten, welche Variante ich tatsächlich nutze und warum.
Wichtigste Erkenntnisse
- Das reCAPTCHA v3-Symbol ist ein Element mit fester Position, das von Google eingefügt wird; ein Verschieben dieses Elements hat keinerlei Auswirkungen darauf, wie der Schutz die Besucher bewertet.
- Die BadgeShift für reCAPTCHA Das Plugin verschiebt das Abzeichen über ein Einstellungsfenster nach links – ganz ohne Programmieraufwand.
- Drei Zeilen CSS-Selektoren
.grecaptcha-Badgedas Gleiche ohne ein Plugin zu erreichen – das ist die Vorgehensweise, die ich bevorzuge. - Sie dürfen das Logo nur dann ausblenden, wenn Sie den von Google vorgeschriebenen Verweis auf die Quelle auf der Seite belassen; entfernen Sie diesen, verstoßen Sie gegen die Nutzungsbedingungen.
- Leeren Sie nach der Änderung Ihren Cache, sonst werden Sie schwören, dass es nicht funktioniert hat, obwohl es tatsächlich funktioniert hat.
Warum befindet sich das Abzeichen überhaupt unten rechts?
Wenn Sie reCAPTCHA v3 über ein Formular-Plugin wie Contact Form 7, Fluent Forms oder Gravity Forms laden, fügt das Skript von Google das Abzeichen als position: fixed Ein Element, das unten rechts im Ansichtsbereich fixiert ist. Es ist nicht Teil Ihres Themes, daher können Ihre Theme-Einstellungen nicht direkt darauf zugreifen; Sie gestalten etwas, das Google nach dem Rendern auf die Seite gesetzt hat.
Diese feststehende Ecke ist ein heiß umkämpfter Platz. Eine Chat-Blase für den Support, eine „Zurück zum Seitenanfang“- oder „Zurück“-Schaltfläche, oder eine feststehende Rabattleiste konkurrieren mit dem Badge um denselben Platz, und auf Mobilgeräten kann die Überlappung ein Tippziel vollständig verdecken. Das Verschieben des Badges nach links ist in der Regel die sauberste Lösung, da so der Badge sichtbar bleibt (was Google wünscht) und gleichzeitig die Ecke freigehalten wird, die Ihre anderen Widgets benötigen.
Verschieben Sie es mit dem BadgeShift-Plugin (ohne Programmierung)
Wenn Sie lieber keinen Code bearbeiten möchten, dann ist die BadgeShift für reCAPTCHA Das Plugin verwaltet die Verschiebung über einen einfachen Einstellungsbildschirm. Es handelt sich um ein kleines Plugin mit nur einem einzigen Zweck, sodass es Ihre Website nicht so überfrachtet wie ein Alleskönner-Plugin.
Gehen Sie in Ihrem Dashboard zu Plugins > Neu hinzufügen, suchen Sie nach “BadgeShift for reCAPTCHA”, installieren und aktivieren Sie das Plugin anschließend. Sobald es aktiviert ist, öffnen Sie Einstellungen > BadgeShift, wählen Sie Links unter „Position des Abzeichens“ und speichern Sie die Einstellung. Wenn Sie die Position etwas anpassen möchten, können Sie über die Felder für den horizontalen und vertikalen Versatz den genauen Abstand zum unteren und linken Rand festlegen.
Das war’s schon. Das Symbol befindet sich nun in der unteren linken Ecke, und Sie mussten keinen Code-Editor öffnen. Für die meisten Nutzer, die nur diese eine Anpassung benötigen, 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.
Mit einem einzigen CSS-Block verschieben (so mache ich es tatsächlich)
Wenn Sie kein Problem damit haben, ein paar Zeilen CSS einzufügen, brauchen Sie überhaupt kein Plugin. Fügen Sie Folgendes hinzu: Darstellung > Anpassen > Zusätzliches CSS, oder in das Stylesheet Ihres Child-Themes:
.grecaptcha-badge {
left: 4px !important;
right: auto !important;
}Die rechts: automatisch Die Zeile ist genauso wichtig wie die links Erstens, weil Google das Abzeichen standardmäßig von rechts ausrichtet; wenn Sie nur links ohne loszulassen rechts, kann es vorkommen, dass das Symbol über den gesamten Bildschirm gestreckt wird. Das !important Die Flags sind vorhanden, weil Googles eigene Inline-Stile sehr spezifisch sind und Ihre Regel ohne sie unbemerkt unterliegt. Das ist dieselbe Art gezielter Überschreibung, die ich verwende, wenn ich Eine WordPress-Anmeldeseite manuell anpassen, wenn Sie Markup gestalten, über das Sie keine Kontrolle haben.
Auf Kundenwebsites setze ich auf die CSS-Lösung, da dadurch ein Plugin weniger aktualisiert, überprüft und beachtet werden muss und ich die Position des Badges nie wieder über ein Einstellungsmenü ändern muss. Wenn auf einer Website bereits ein Formular- oder Sicherheits-Plugin im Einsatz ist, das eine Option zur Positionierung des Badges enthält, nutze ich einfach diese, anstatt etwas Neues hinzuzufügen.
Sollte man das Abzeichen lieber ausblenden, anstatt es zu verschieben?
Genau hier geraten viele Nutzer in Schwierigkeiten. Die Nutzungsbedingungen von Google erlauben es zwar, das Symbol auszublenden, jedoch nur, wenn Sie überall dort, wo reCAPTCHA zum Einsatz kommt, einen eindeutigen Hinweis auf die Urheberschaft einfügen, etwa: “Diese Website wird durch reCAPTCHA geschützt; es gelten die Datenschutzerklärung und die Nutzungsbedingungen von Google”, wobei beide Links aktiv sein müssen. Die offizielle Regelung ist in Häufig gestellte Fragen zu Googles reCAPTCHA, und es lohnt sich, das zu lesen, bevor man irgendetwas versteckt.
Falls Sie das Element nicht nur verschieben, sondern ganz entfernen möchten, erkläre ich in meinem Leitfaden unter Das reCAPTCHA-Logo auf einer WordPress-Website ausblenden. Bei den meisten Websites erhält man jedoch durch eine Verschiebung nach links die gewünschte übersichtliche Ecke, ohne sich um die Quellenangabe kümmern zu müssen. Deshalb betrachte ich das Ausblenden als letzten Ausweg und nicht als ersten Schritt.
Das Abzeichen bewegt sich immer noch nicht? Überprüfen Sie Folgendes
In neun von zehn Fällen liegt es am Caching. Wenn Sie ein Caching-Plugin oder ein CDN verwenden, wird möglicherweise 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ädt möglicherweise Ihr Theme oder ein anderes Plugin eigene Abzeichen-Stile nach Ihren eigenen. In diesem Fall sollten Sie das obige CSS (mit dem !important (Flags) gewinnt in der Regel; ist dies nicht der Fall, wird Ihr Selektor überschrieben, und Sie können die Spezifität erhöhen oder die Regel später 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öst. Beheben Sie also zunächst die Integration und kümmern Sie sich erst danach um die Position.
Also, Plugin oder CSS, um das Abzeichen zu verschieben?
Wäre dies meine Website, würde ich mich für die drei Zeilen CSS entscheiden, da die Position eine einmalige Änderung ist, die man danach nicht mehr anpassen muss, und ich lieber kein weiteres Plugin nutzen möchte, nur um eine einzige Regel zu verwalten. Dennoch halte ich das Plugin nicht für die falsche Wahl; für jemanden, der sich nicht mit Code beschäftigen möchte und ein Bedienfeld haben möchte, auf das er später zurückgreifen kann, BadgeShift ist ein übersichtliches, zweckgebundenes Tool, das genau das tut, was es verspricht, und dessen Einstellungen auch dann erhalten bleiben, wenn man das Design wechselt.
So oder so gilt es, eine Regel zu beachten, die Ihnen Ärger erspart: Sie können das Logo frei verschieben, sollten es jedoch nur dann ausblenden, wenn Sie den Quellenhinweis von Google wieder auf der Seite einfügen.
Änderungsprotokolle
27. Juni 2026
- Neben der BadgeShift-Methode wurde eine zweite, plugin-freie Methode (ein kurzer CSS-Ausschnitt) hinzugefügt, und es wurde die Regel von Google präzisiert, dass das Badge nur dann ausgeblendet werden darf, wenn der erforderliche Quellenhinweis beibehalten wird.
Möchtest du, dass unsere Beiträge öfter bei Google erscheinen?
Ein Schritt – und Google zeigt diese Seite in Ihren „Top Stories“ an.
