{"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":"come-rendere-il-badge-google-recaptcha-invisibile-sul-sito-web","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/it\/tech\/come-rendere-il-badge-google-recaptcha-invisibile-sul-sito-web\/","title":{"rendered":"Come rendere invisibile il badge Google reCAPTCHA sul sito web?"},"content":{"rendered":"<p>Google reCAPTCHA \u00e8 diventato quasi onnipresente per proteggere i siti web da spam e abusi automatizzati. Nella sua ultima versione, reCAPTCHA v3, Google mostra solo un piccolo badge (badge) nell&#039;angolo in basso a destra della pagina. Sebbene questo badge soddisfi i requisiti di attribuzione, pu\u00f2 contrastare con il design del sito o distrarre gli utenti. In questo articolo, spiegher\u00f2 come rimuovere quel badge dal tuo sito, in particolare se utilizzi WordPress, senza violare i termini di servizio di Google.<\/p>\n<p>Per molti anni, Google ha offerto <strong>reCAPTCHA v2 (seconda versione)<\/strong>, che richiedeva agli utenti di risolvere enigmi basati su immagini o di cliccare su una casella di controllo per dimostrare di essere umani. Sebbene efficace, aggiungeva difficolt\u00e0 all&#039;esperienza utente e a volte richiedeva pi\u00f9 sfide in una singola sessione. Per risolvere questo problema, Google ha introdotto <strong>reCAPTCHA v3 (terza versione)<\/strong>, che funziona interamente in background e assegna a ogni richiesta un punteggio di rischio. L&#039;unico elemento visibile \u00e8 un piccolo badge che rimanda all&#039;informativa sulla privacy e ai termini di servizio di Google.<\/p><div id=\"juand-137567954\" 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>Prima di nascondere il badge, \u00e8 fondamentale comprendere i requisiti legali di Google. Secondo <a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/faq#id-like-to-hide-the-recaptcha-badge-what-is-allowed\" target=\"_blank\" rel=\"noopener noreferrer\">Domande frequenti su reCAPTCHA<\/a>, puoi nascondere il badge a condizione che tu includa un&#039;attribuzione visibile in un&#039;altra parte del flusso utente, in genere nel pi\u00e8 di pagina del tuo sito. Questo garantisce che gli utenti siano comunque informati che il tuo sito \u00e8 protetto dalla tecnologia anti-bot di Google.<\/p>\n<p>Google consiglia di aggiungere la seguente nota al pi\u00e8 di pagina:<\/p>\n<pre><code>Questo sito \u00e8 protetto da reCAPTCHA e da Google <a href=\"https:\/\/policies.google.com\/privacy\">Politica sulla Riservatezza<\/a> E <a href=\"https:\/\/policies.google.com\/terms\">Termini di servizio<\/a> fare domanda a.<\/code><\/pre>\n<p>Una volta aggiunta questa attribuzione, nascondere il badge \u00e8 semplicissimo. Aggiungi questa singola riga di CSS al tuo foglio di stile:<\/p>\n<pre><code>.grecaptcha-badge { visibilit\u00e0: nascosto; }<\/code><\/pre>\n<p>Se preferisci, puoi inserirlo direttamente nel tuo <code>&lt;head&gt;<\/code> sezione:<\/p><div id=\"juand-1305204319\" 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>Su WordPress, il modo pi\u00f9 semplice \u00e8 andare su <em>Aspetto \u2192 Personalizza \u2192 CSS aggiuntivo<\/em> e incollare l\u00ec lo snippet. Questo approccio mantiene il badge nel flusso del documento, consentendo agli script reCAPTCHA di funzionare correttamente, ma rendendolo invisibile agli utenti.<\/p>\n<p><strong>Importante:<\/strong> Non usare <code>visualizzazione: nessuno;<\/code> sul badge. Rimuoverlo completamente dal DOM pu\u00f2 impedire allo script reCAPTCHA di caricare o segnalare correttamente i punteggi di rischio, disabilitando di fatto la protezione antispam ed esponendo i moduli ai bot. <code>visibilit\u00e0: nascosto;<\/code> assicura che il badge rimanga presente nel markup senza essere visibile.<\/p>\n<h2>Vantaggi di nascondere il badge<\/h2>\n<p>Potresti chiederti perch\u00e9 mai dovresti voler nascondere il badge. Ecco i principali vantaggi:<\/p>\n<ul>\n<li><strong>Immagini pi\u00f9 eleganti<\/strong>:Il badge potrebbe sovrapporsi a importanti elementi dell&#039;interfaccia utente o apparire fuori posto, soprattutto sugli schermi dei dispositivi mobili.<\/li>\n<li><strong>UX migliorata<\/strong>: Grazie all&#039;esecuzione invisibile di reCAPTCHA v3, gli utenti finali non dovranno affrontare clic o enigmi aggiuntivi.<\/li>\n<li><strong>Branding coerente<\/strong>:La rimozione di elementi dell&#039;interfaccia utente di terze parti aiuta a mantenere un design pulito e coerente.<\/li>\n<\/ul>\n<h2>Risoluzione dei problemi e best practice<\/h2>\n<ul>\n<li>Se il badge continua ad essere visualizzato, cancella la cache del browser e la cache CDN per assicurarti che il nuovo CSS venga applicato.<\/li>\n<li>Utilizza gli strumenti di sviluppo del tuo browser per ispezionare il <code>.grecaptcha-badge<\/code> elemento e verifica che nessun altro foglio di stile stia sovrascrivendo la tua regola.<\/li>\n<li>Controlla attentamente che il testo di attribuzione del pi\u00e8 di pagina sia chiaramente visibile e corrisponda alla formulazione consigliata da Google.<\/li>\n<li>Controlla periodicamente la documentazione di Google per verificare eventuali modifiche alla politica relativa alla visibilit\u00e0 del badge.<\/li>\n<\/ul>\n<h2>Considerazioni sull&#039;accessibilit\u00e0<\/h2>\n<p>Anche se il badge \u00e8 invisibile, assicurati che il tuo sito rimanga accessibile:<\/p>\n<ul>\n<li>Utilizza HTML semantico per l&#039;attribuzione del pi\u00e8 di pagina in modo che gli screen reader possano annunciarlo correttamente.<\/li>\n<li>Assicurati che nascondere il badge non interferisca con l&#039;ordine di messa a fuoco o con la navigazione.<\/li>\n<\/ul>\n<p>Seguendo questi semplici passaggi, puoi mantenere un&#039;integrazione di reCAPTCHA v3 senza badge, mantenendo al contempo la sua potente protezione antispam integrata. Questa soluzione mantiene l&#039;interfaccia pulita, migliora l&#039;usabilit\u00e0 e soddisfa i requisiti legali di Google. In caso di problemi o domande, non esitare a lasciare un commento qui sotto. Buona programmazione!<\/p><div id=\"juand-2522311312\" 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 di <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 \u00e8 ormai una delle misure di sicurezza pi\u00f9 diffuse sul web. Tuttavia, nella sua ultima versione, Google mostra solo un piccolo badge nell&#039;angolo in basso a destra del tuo sito. Sebbene questo &quot;badge&quot; svolga il suo scopo legale, non \u00e8 sempre la scelta di design pi\u00f9 elegante. In questo articolo, ti mostrer\u00f2 come rimuovere il badge reCAPTCHA dal tuo sito, soprattutto se utilizzi WordPress, mantenendoti pienamente conforme ai requisiti di Google.<\/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\/it\/wp-json\/wp\/v2\/posts\/83532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/comments?post=83532"}],"version-history":[{"count":3,"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/posts\/83532\/revisions"}],"predecessor-version":[{"id":97894,"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/posts\/83532\/revisions\/97894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/media\/97892"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/media?parent=83532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/categories?post=83532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/it\/wp-json\/wp\/v2\/tags?post=83532"}],"curies":[{"name":"parola chiave","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}