Cómo corregir el error “Googlebot no puede acceder a archivos CSS y JS” en WordPress

¿Está viendo la advertencia “Googlebot no puede acceder a 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 corregir el error “Googlebot no puede acceder a los archivos CSS y JS” en su sitio de WordPress.

Advertencia del robot de Google

¿Por qué Google necesita acceso a archivos CSS y JS?

Google se centra en dar 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.

Por defecto WordPress 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 el robot de Google indexe archivos CSS y JS que pueden 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). A continuación, haga clic en el botón buscar y renderizar (desea hacer esto tanto para escritorio como para dispositivos móviles).

Obtener y renderizar una página como Googlebot

Una vez obtenido, el resultado aparecerá en una fila a continuación. Al hacer clic en él, se mostrará lo que ve un usuario y lo que ve el robot de Google cuando carga su sitio.

Explorar como comparación de Google

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 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.

Encontrar recursos bloqueados en Google Search Console

Al hacer clic en cada recurso, se mostrarán los vínculos a 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 mediante un cliente FTP. El archivo robots.txt estará en el directorio raíz de su sitio.

Ubicación del archivo robots.txt en un sitio de WordPress utilizando un cliente FTP

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.

Editar el archivo robots.txt usando la herramienta de edición de archivos en Yoast SEO

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 el robot de Google no encuentra un archivo robots.txt, rastrea e indexa automáticamente todos los archivos.

Entonces, ¿por qué ves 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 permitiendo el acceso a carpetas bloqueadas.

User-agent: *
Allow: /wp-includes/js/

Una vez que haya terminado, guarde su archivo robots.txt. Visite la herramienta de búsqueda como Google y haga clic en el botón de búsqueda y procesamiento. Ahora compare los resultados de su recuperación 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 archivos CSS y JS” en su sitio de WordPress. Es posible que también desee ver nuestra guía sobre

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

.