¿Está viendo la advertencia «Googlebot no puede acceder a los archivos CSS y JS» en la cuenta de herramientas para webmasters de Google para su sitio de WordPress? El mensaje contiene enlaces a instrucciones sobre cómo solucionar este problema, pero esas instrucciones no son muy fáciles de seguir. En este artículo, le mostraremos cómo solucionar el error «Googlebot no puede acceder a los archivos CSS y JS» en su sitio de WordPress.
¿Por qué Google necesita acceso a archivos CSS y JS?
Google se enfoca en otorgar mejores clasificaciones a los sitios web fáciles de usar: sitios que son rápidos, tienen una buena experiencia de usuario, etc. Para determinar la experiencia del usuario de un sitio web, Google necesita acceso para poder visitar los archivos CSS y JavaScript del sitio.
WordPress por defecto no bloquea los robots de búsqueda no accedan a ningún archivo CSS o JS. Sin embargo, algunos propietarios de sitios pueden bloquearlos accidentalmente al intentar agregar medidas de seguridad adicionales o al usar un complemento de seguridad de WordPress.
Esto impide que Googlebot indexe archivos CSS y JS, lo que puede afectar el rendimiento de SEO de su sitio.
Dicho esto, veamos cómo podemos localizar estos archivos y desbloquearlos.
Cómo dar acceso a Google a sus archivos CSS y JS
Primero necesita saber a qué archivos no puede acceder Google en su sitio web.
Puede ver cómo Googlebot ve su sitio web haciendo clic en Rastrear » Explorar como Google en Google Search Console (anteriormente Herramientas para webmasters de Google). A continuación, haga clic en el botón buscar y renderizar (desea hacer esto tanto para escritorio como para dispositivos móviles).
Una vez obtenido, el resultado aparecerá en una fila a continuación. Al hacer clic en él, verá lo que ve un usuario y lo que ve Googlebot cuando carga su sitio.
Si nota alguna diferencia entre las dos capturas de pantalla, significa que Googlebot no pudo acceder a los archivos CSS/JS. También le mostrará los enlaces de los archivos CSS y JS a los que no pudo acceder.
También puede encontrar una lista de estos recursos bloqueados en Índice de Google » Recursos bloqueados.
Al hacer clic en cada recurso, se le mostrarán los enlaces a los recursos reales a los que Googlebot no puede acceder.
La mayoría de las veces, estos son estilos CSS y archivos JS agregados por sus complementos o temas de WordPress.
Ahora deberá editar el archivo robots.txt de su sitio, que es lo que controla lo que ve el bot de Google.
Puede editarlo conectándose a su sitio usando un cliente FTP. El archivo robots.txt estará en el directorio raíz de su sitio.
Si está utilizando el complemento Yoast SEO, puede editar el archivo robots.txt desde su área de administración de WordPress. Simplemente ve a SEO » Herramientas página y luego haga clic en Editor de archivos.
Lo más probable es que vea que su sitio no ha permitido el acceso a algunos directorios de WordPress como este:
User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Ahora debe eliminar las líneas que bloquean el acceso de Google a los archivos CSS o JS en el front-end de su sitio. Por lo general, estos archivos se encuentran en las carpetas de complementos o temas. Es posible que también deba eliminar wp-includes, muchos temas y complementos de WordPress pueden llamar a scripts ubicados en la carpeta wp-includes, como jQuery.
Algunos usuarios pueden notar que su archivo robots.txt está vacío o ni siquiera existe. Si Googlebot no encuentra un archivo robots.txt, automáticamente rastrea e indexa todos los archivos.
Entonces, ¿por qué estás viendo esta advertencia?
En raras ocasiones, algunos proveedores de alojamiento de WordPress pueden bloquear de forma proactiva el acceso a las carpetas predeterminadas de WordPress para los bots. Puede anular esto en robots.txt al permitir el acceso a las carpetas bloqueadas.
User-agent: *
Allow: /wp-includes/js/
Una vez que haya terminado, guarde su archivo robots.txt. Visite la herramienta de buscar como Google y haga clic en el botón de buscar y renderizar. Ahora compare los resultados de búsqueda y verá que la mayoría de los problemas de recursos bloqueados deberían desaparecer ahora.
Esperamos que este artículo le haya ayudado a resolver el error de archivos «Googlebot no puede acceder a los archivos CSS y JS» en su sitio de WordPress. También puede consultar nuestra guía sobre
.