{"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":"como-hacer-que-la-insignia-de-google-recaptcha-sea-invisible-en-el-sitio-web","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/es\/tech\/como-hacer-que-la-insignia-de-google-recaptcha-sea-invisible-en-el-sitio-web\/","title":{"rendered":"\u00bfC\u00f3mo hacer que la insignia de Google reCAPTCHA sea invisible en el sitio web?"},"content":{"rendered":"<p>Google reCAPTCHA se ha vuelto casi omnipresente para proteger sitios web contra spam y abuso automatizado. En su \u00faltima versi\u00f3n, reCAPTCHA v3, Google solo muestra una peque\u00f1a insignia en la esquina inferior derecha de la p\u00e1gina. Si bien esta insignia cumple con los requisitos de atribuci\u00f3n, puede desentonar con el dise\u00f1o de tu sitio o distraer a los usuarios. En este art\u00edculo, te explicar\u00e9 c\u00f3mo eliminar esta insignia de tu sitio, especialmente si usas WordPress, sin infringir las condiciones de servicio de Google.<\/p>\n<p>Durante muchos a\u00f1os, Google ofreci\u00f3 <strong>reCAPTCHA v2 (segunda versi\u00f3n)<\/strong>, que invitaba a los usuarios a resolver rompecabezas basados en im\u00e1genes o a marcar una casilla para demostrar que eran humanos. Si bien era efectivo, a\u00f1ad\u00eda fricci\u00f3n a la experiencia del usuario y, en ocasiones, requer\u00eda varios desaf\u00edos en una sola sesi\u00f3n. Para solucionar esto, Google introdujo <strong>reCAPTCHA v3 (tercera versi\u00f3n)<\/strong>, que se ejecuta completamente en segundo plano y asigna una puntuaci\u00f3n de riesgo a cada solicitud. El \u00fanico elemento visible es una peque\u00f1a insignia que enlaza con la pol\u00edtica de privacidad y las condiciones de servicio de Google.<\/p><div id=\"juand-433913304\" 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>Antes de ocultar la insignia, es fundamental comprender los requisitos legales de Google. Seg\u00fan... <a href=\"https:\/\/developers.google.com\/recaptcha\/docs\/faq#id-like-to-hide-the-recaptcha-badge-what-is-allowed\" target=\"_blank\" rel=\"noopener noreferrer\">Preguntas frecuentes sobre reCAPTCHA<\/a>Puedes ocultar la insignia siempre que incluyas una atribuci\u00f3n visible en otra parte del flujo de usuario, normalmente en el pie de p\u00e1gina de tu sitio. Esto garantiza que los usuarios sigan sabiendo que tu sitio est\u00e1 protegido por la tecnolog\u00eda antibots de Google.<\/p>\n<p>Google recomienda agregar el siguiente aviso al pie de p\u00e1gina:<\/p>\n<pre><code>Este sitio est\u00e1 protegido por reCAPTCHA y se aplican las pol\u00edticas de privacidad de Google. <a href=\"https:\/\/policies.google.com\/privacy\">Pol\u00edtica de Privacidad<\/a> y <a href=\"https:\/\/policies.google.com\/terms\">Condiciones de servicio<\/a> aplicar.<\/code><\/pre>\n<p>Una vez agregada esta atribuci\u00f3n, ocultar la insignia es muy sencillo. Agregue esta l\u00ednea de CSS a su hoja de estilos:<\/p>\n<pre><code>.grecaptcha-badge { visibilidad: oculta; }<\/code><\/pre>\n<p>Si lo prefieres puedes insertarlo directamente en tu <code>&lt;head&gt;<\/code> secci\u00f3n:<\/p><div id=\"juand-1681703231\" 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>En WordPress, la forma m\u00e1s f\u00e1cil es ir a <em>Apariencia \u2192 Personalizar \u2192 CSS adicional<\/em> Y pegue el fragmento ah\u00ed. Este enfoque mantiene la insignia en el flujo del documento, lo que permite que los scripts reCAPTCHA se ejecuten correctamente, pero la hace invisible para los usuarios.<\/p>\n<p><strong>Importante:<\/strong> No utilizar <code>pantalla: ninguna;<\/code> en la insignia. Eliminarla por completo del DOM puede impedir que el script reCAPTCHA se cargue o informe correctamente las puntuaciones de riesgo, lo que desactiva la protecci\u00f3n contra spam y expone los formularios a bots. <code>visibilidad: oculta;<\/code> garantiza que la insignia permanezca presente en el marcado sin ser visible.<\/p>\n<h2>Beneficios de ocultar la insignia<\/h2>\n<p>Quiz\u00e1s te preguntes por qu\u00e9 querr\u00edas ocultar la insignia. Estas son las principales ventajas:<\/p>\n<ul>\n<li><strong>Im\u00e1genes m\u00e1s elegantes<\/strong>:La insignia puede superponerse a elementos importantes de la interfaz de usuario o verse fuera de lugar, especialmente en las pantallas de los dispositivos m\u00f3viles.<\/li>\n<li><strong>Experiencia de usuario mejorada<\/strong>:Con reCAPTCHA v3 ejecut\u00e1ndose de forma invisible, los usuarios finales no tendr\u00e1n que hacer clic ni resolver problemas adicionales.<\/li>\n<li><strong>Marca consistente<\/strong>:Eliminar elementos de la interfaz de usuario de terceros ayuda a mantener un dise\u00f1o limpio y cohesivo.<\/li>\n<\/ul>\n<h2>Soluci\u00f3n de problemas y mejores pr\u00e1cticas<\/h2>\n<ul>\n<li>Si la insignia a\u00fan aparece, borre el cach\u00e9 de su navegador y cualquier cach\u00e9 de CDN para asegurarse de que se aplique su nuevo CSS.<\/li>\n<li>Utilice las herramientas de desarrollo de su navegador para inspeccionar el <code>Insignia .grecaptcha<\/code> elemento y confirme que ninguna otra hoja de estilo est\u00e9 anulando su regla.<\/li>\n<li>Verifique nuevamente que el texto de atribuci\u00f3n del pie de p\u00e1gina sea claramente visible y coincida con la redacci\u00f3n recomendada por Google.<\/li>\n<li>Supervise peri\u00f3dicamente la documentaci\u00f3n de Google en caso de que cambie su pol\u00edtica con respecto a la visibilidad de las insignias.<\/li>\n<\/ul>\n<h2>Consideraciones de accesibilidad<\/h2>\n<p>Aunque la insignia sea invisible, aseg\u00farese de que su sitio permanezca accesible:<\/p>\n<ul>\n<li>Utilice HTML sem\u00e1ntico para la atribuci\u00f3n de su pie de p\u00e1gina para que los lectores de pantalla puedan anunciarlo correctamente.<\/li>\n<li>Aseg\u00farese de que ocultar la insignia no interfiera con el orden de enfoque ni con la navegaci\u00f3n.<\/li>\n<\/ul>\n<p>Siguiendo estos sencillos pasos, puede mantener una integraci\u00f3n sin insignias de reCAPTCHA v3, a la vez que conserva su potente protecci\u00f3n contra spam en segundo plano. Esta soluci\u00f3n mantiene su interfaz limpia, mejora la usabilidad y cumple con los requisitos legales de Google. Si tiene alg\u00fan problema o pregunta, no dude en dejar un comentario a continuaci\u00f3n. \u00a1Que disfrute programando!<\/p><div id=\"juand-755655349\" 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 de <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 es actualmente una de las medidas de seguridad m\u00e1s implementadas en la web. Sin embargo, en su \u00faltima versi\u00f3n, Google solo muestra una peque\u00f1a insignia en la esquina inferior derecha del sitio. Si bien esta insignia cumple su prop\u00f3sito legal, no siempre es la opci\u00f3n de dise\u00f1o m\u00e1s elegante. En este art\u00edculo, te mostrar\u00e9 c\u00f3mo eliminar la insignia reCAPTCHA de tu sitio, especialmente si usas WordPress, sin dejar de cumplir con los requisitos de 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\/es\/wp-json\/wp\/v2\/posts\/83532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/comments?post=83532"}],"version-history":[{"count":3,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/posts\/83532\/revisions"}],"predecessor-version":[{"id":97894,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/posts\/83532\/revisions\/97894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/media\/97892"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/media?parent=83532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/categories?post=83532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/es\/wp-json\/wp\/v2\/tags?post=83532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}