{"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":"cacher-le-badge-recaptcha","status":"publish","type":"post","link":"https:\/\/www.wpconsults.com\/fr\/hide-recaptcha-badge\/","title":{"rendered":"Comment cacher le badge reCAPTCHA sur un site WordPress"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Le badge reCAPTCHA situ\u00e9 dans le coin inf\u00e9rieur droit de votre site agace de nombreux propri\u00e9taires, et la question qui m\u2019est le plus souvent pos\u00e9e est de savoir s\u2019il est autoris\u00e9 de s\u2019en d\u00e9barrasser. En bref, la r\u00e9ponse est oui : Google vous permet de le masquer, mais uniquement si vous conservez le texte d\u2019attribution requis visible \u00e0 un endroit quelconque du parcours utilisateur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans ce guide, je vais vous montrer comment proc\u00e9der conform\u00e9ment aux r\u00e8gles pour <strong>masquer le badge reCAPTCHA<\/strong> avec une seule ligne de CSS, le texte exact que Google souhaite que vous conserviez sur la page, et la solution du plugin sans code si vous pr\u00e9f\u00e9rez ne pas toucher au code du tout.<\/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\">Principaux enseignements<\/h3>\n\n\n<ul class=\"wp-block-list\">\n<li>Conditions d'utilisation de Google <strong>autoriser<\/strong> vous permet de masquer le badge reCAPTCHA, \u00e0 condition que le logo reCAPTCHA reste visible \u00e0 un endroit quelconque du parcours utilisateur.<\/li>\n<li>La m\u00e9thode \u00ab propre \u00bb consiste en une seule ligne de CSS, <code>.grecaptcha-badge { visibility: hidden; }<\/code>, ainsi qu'une br\u00e8ve mention de source \u00e0 proximit\u00e9 de vos formulaires.<\/li>\n<li>Utilisation <code>visibilit\u00e9 : masqu\u00e9e<\/code>, et non <code>display : none<\/code>, de sorte que reCAPTCHA v3 continue de fonctionner et d'analyser votre trafic.<\/li>\n<li>Un plugin comme Badgeshift permet d'obtenir le m\u00eame r\u00e9sultat sans avoir \u00e0 coder, et permet de repositionner le badge si vous pr\u00e9f\u00e9rez le d\u00e9placer plut\u00f4t que de le masquer.<\/li>\n<li>Le fait de masquer le badge n'a qu'un effet esth\u00e9tique ; le script reCAPTCHA continue de se charger, ce qui n'am\u00e9liore donc pratiquement pas la vitesse de chargement de la page.<\/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\">Est-il l\u00e9gal de masquer le badge reCAPTCHA ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La plupart des gens pensent qu\u2019en masquant le badge, ils enfreignent les r\u00e8gles de Google et d\u00e9sactivent discr\u00e8tement leur protection anti-spam. Ce n\u2019est pas le cas. Selon Google lui-m\u00eame, <a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/faq\" target=\"_blank\" rel=\"noopener nofollow\">FAQ sur reCAPTCHA<\/a> pr\u00e9cise que vous \u00eates autoris\u00e9 \u00e0 masquer le badge, \u00e0 condition que le logo reCAPTCHA reste visible tout au long du parcours utilisateur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le badge en lui-m\u00eame est donc facultatif, mais la mention d'origine ne l'est pas. Ce que les gens ont tendance \u00e0 oublier, c'est la deuxi\u00e8me partie de cette r\u00e8gle : lorsque vous masquez le badge, vous devez ajouter une ligne de texte visible partout o\u00f9 la protection s'applique, par exemple dans votre formulaire de contact, la page de connexion ou la page de paiement. Voici l'extrait de code standard demand\u00e9 par Google :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>Ce site est prot\u00e9g\u00e9 par reCAPTCHA ; la\npolitique de confidentialit\u00e9 et les conditions d'utilisation de Google s'appliquent.<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Les deux phrases <strong>Politique de confidentialit\u00e9<\/strong> et <strong>Conditions d'utilisation<\/strong> devrait renvoyer vers <a href=\"https:\/\/policies.google.com\/privacy\" target=\"_blank\" rel=\"noopener nofollow\">policies.google.com\/privacy<\/a> et <a href=\"https:\/\/policies.google.com\/terms\" target=\"_blank\" rel=\"noopener nofollow\">policies.google.com\/terms<\/a>. Placez cette mention \u00e0 proximit\u00e9 de vos formulaires ou dans le pied de page, et vous respecterez ainsi les conditions d'utilisation de Google, que vous affichiez ou non le badge.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La m\u00e9thode conforme pour le masquer avec CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous \u00eates \u00e0 l'aise avec un tout petit bout de code, c'est la solution la plus simple, car elle n'ajoute rien de superflu \u00e0 votre site. Suivez les deux \u00e9tapes dans l'ordre, car la mention de source doit \u00eatre bien en place. <em>avant<\/em> Vous devez cacher le badge, sinon vous \u00eates techniquement en infraction tant que le badge est absent.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00c9tape 1 : ajouter le texte de mention de source<\/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\">\u00c9tape 2 : masquer le badge \u00e0 l'aide d'une ligne de code CSS<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Aller \u00e0 <strong>Apparence &gt; Personnaliser &gt; CSS suppl\u00e9mentaire<\/strong> (ou dans la feuille de style de votre th\u00e8me) et ajoutez :<\/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\">Remarquez que j'ai utilis\u00e9 <code>visibilit\u00e9 : masqu\u00e9e<\/code> et non pas <code>display : none<\/code>. C'est plus important qu'il n'y para\u00eet. Avec reCAPTCHA v3, l'\u00e9l\u00e9ment \u00ab badge \u00bb est li\u00e9 au script qui \u00e9value discr\u00e8tement vos visiteurs en arri\u00e8re-plan. <code>visibilit\u00e9 : masqu\u00e9e<\/code> Cela permet de maintenir cet \u00e9l\u00e9ment charg\u00e9 et op\u00e9rationnel tout en le masquant, de sorte que votre protection continue de fonctionner. <code>display : none<\/code> supprime compl\u00e8tement l'\u00e9l\u00e9ment de la mise en page, ce qui, dans certaines configurations, emp\u00eache la version 3 d'\u00e9valuer correctement le trafic, ce qui va \u00e0 l'encontre de l'objectif m\u00eame de l'utilisation de reCAPTCHA.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Masquez-le \u00e0 l'aide d'un plugin, sans avoir \u00e0 \u00e9crire de code<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous pr\u00e9f\u00e9rez ne pas modifier le CSS, un petit plugin permet d'obtenir le m\u00eame r\u00e9sultat depuis une page de param\u00e8tres. J'ai moi-m\u00eame utilis\u00e9 \u00ab BadgeShift \u00bb \u00e0 cette fin ; il suffit de d\u00e9sactiver le badge pour qu'il g\u00e8re le CSS \u00e0 votre place, et il permet \u00e9galement de <a href=\"https:\/\/www.wpconsults.com\/fr\/comment-deplacer-le-badge-recaptcha-v3-vers-la-gauche-dans-wordpress\/\">repositionner le badge<\/a> si vous d\u00e9cidez de simplement le d\u00e9placer plut\u00f4t que de le masquer.<\/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=\"Page des param\u00e8tres de Badgeshift reCAPTCHA affichant l&#039;option permettant de masquer le badge reCAPTCHA et de le repositionner\" 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\">La page de param\u00e8tres de Badgeshift vous permet de masquer ou de d\u00e9placer le badge reCAPTCHA sans avoir \u00e0 \u00e9crire de code CSS.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">La seule chose qu'un plugin ne fera pas \u00e0 votre place, c'est d'ajouter le texte de mention de source ; vous devrez donc toujours inclure cette ligne dans vos formulaires ou en pied de page. Le plugin ne s'occupe que de l'aspect visuel ; c'est \u00e0 vous de veiller au respect de la r\u00e9glementation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le fait de masquer le badge permet-il d'acc\u00e9l\u00e9rer votre site ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">C\u2019est ici que je tiens \u00e0 corriger une id\u00e9e re\u00e7ue. Masquer le badge n\u2019a qu\u2019un effet purement esth\u00e9tique ; le JavaScript de reCAPTCHA continue de se charger et de s\u2019ex\u00e9cuter exactement comme avant, vous ne gagnez donc pas vraiment en rapidit\u00e9 en le masquant. Si votre objectif r\u00e9el est d'acc\u00e9l\u00e9rer votre site, la solution consiste \u00e0 ne charger reCAPTCHA que sur les pages qui en ont besoin (vos formulaires et la page de connexion) plut\u00f4t que sur l'ensemble du site, ce qui constitue une t\u00e2che distincte qui m\u00e9rite d'\u00eatre r\u00e9alis\u00e9e pour votre <a href=\"https:\/\/www.wpconsults.com\/fr\/comment-passer-les-epreuves-vitales-de-la-toile-de-fond-2\/\">Core Web Vitals<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Consid\u00e9rez donc le fait de masquer le badge comme un choix de conception, et non comme une question de performances. Il s'agit de deux probl\u00e8mes distincts, et c'est en les confondant que l'on finit par \u00eatre d\u00e9\u00e7u lorsque le badge dispara\u00eet mais que la page reste tout aussi lourde.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Erreurs courantes \u00e0 \u00e9viter<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Utilisation <code>display : none<\/code> au lieu de <code>visibilit\u00e9 : masqu\u00e9e<\/code>.<\/strong> Dans certaines configurations, cela peut emp\u00eacher reCAPTCHA v3 d'analyser le trafic, ce qui fait que vous perdez votre protection alors que vous pensiez simplement avoir masqu\u00e9 un badge.<\/li>\n<li><strong>Cacher le badge sans mentionner la source.<\/strong> C'est celui-ci qui enfreint r\u00e9ellement les conditions d'utilisation de Google ; le badge est facultatif, mais le texte de marque ne l'est pas.<\/li>\n<li><strong>Le masquer sur l'ensemble du site alors que reCAPTCHA ne se charge que sur quelques pages.<\/strong> Le CSS est inoffensif dans tous les cas, mais cela m'indique que le script se charge probablement partout aussi, et c'est \u00e7a qu'il faut vraiment corriger.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Alors, faut-il masquer le badge reCAPTCHA ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Honn\u00eatement, pour la plupart des sites, on peut tout \u00e0 fait le masquer, et c\u2019est ce que je fais g\u00e9n\u00e9ralement. Ce badge en bas \u00e0 droite jure avec de nombreux designs et n\u2019apporte rien au visiteur ; le masquer visuellement tout en conservant une ligne de mention de source \u00e9pur\u00e9e est donc un compromis raisonnable. Assurez-vous simplement de le faire dans le respect des r\u00e8gles, en conservant le texte \u00e0 sa place et <code>visibilit\u00e9 : masqu\u00e9e<\/code> La version 3 continue donc de fonctionner.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La seule situation dans laquelle je laisserais le badge en place serait si un formulaire \u00e9tait inond\u00e9 de spam et que le badge visible dissuadait r\u00e9ellement les robots ou rassurait les vrais utilisateurs ; dans ce cas pr\u00e9cis, le faible co\u00fbt en termes de conception en vaut la peine. Sinon, masquez-le, conservez la mention de source, et passez \u00e0 autre chose.<\/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\">Journal des mises \u00e0 jour<\/h2>\n\n\n<p class=\"wp-block-paragraph\"><strong>29 juin 2026<\/strong><\/p>\n\n\n<ul class=\"wp-block-list\">\n<li>Reformul\u00e9 pour clarifier la r\u00e8gle de conformit\u00e9 : vous pouvez masquer le badge \u00e0 condition de conserver le texte d'attribution de Google, en y ajoutant l'extrait officiel et les liens, ainsi qu'une note expliquant pourquoi. <code>visibilit\u00e9 : masqu\u00e9e<\/code> battements <code>display : none<\/code> pour reCAPTCHA v3.<\/li>\n<\/ul>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Google vous permet de masquer le badge reCAPTCHA \u00e0 condition de laisser le texte d'attribution visible. Voici comment masquer le badge reCAPTCHA dans WordPress tout en respectant les r\u00e8gles, \u00e0 l'aide d'une seule ligne de code CSS ou d'un plugin.<\/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\/fr\/wp-json\/wp\/v2\/posts\/3012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/comments?post=3012"}],"version-history":[{"count":3,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts\/3012\/revisions"}],"predecessor-version":[{"id":7585,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/posts\/3012\/revisions\/7585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/media\/7309"}],"wp:attachment":[{"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/media?parent=3012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/categories?post=3012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wpconsults.com\/fr\/wp-json\/wp\/v2\/tags?post=3012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}