Cómo Solucionar el Error “Googlebot cannot access CSS and JS files” en WordPress

Categorias: Wordpress

WP Error Googlebot Cannot Access CSS JS

Si queremos que Google trate bien a nuestro website y posicione el contenido correctamente tenemos que hacerle caso a los errores que nos reporte desde su Google Search Console.

Google suele recompensar a todos aquellos sites que le hacen caso incluyéndolos en una mejor posición en su listado de búsqueda, así como también suele cargarse de un plumazo los que no (por ejemplo los que a día de hoy todavía NO tienen HTTPS).

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

Para determinar la experiencia del usuario, Google necesita acceso para poder visitar los archivos CSS (estilos) y JavaScript de nuestro sitio web.

De forma predeterminada, WordPress no bloquea el acceso a los robots de ningún archivo CSS o JS. Sin embargo, podemos bloquearlos accidentalmente mientras añadimos medidas de seguridad adicionales en WordPress (mediante plugins) .

La principal causa de este error es el bloqueo accidental de estos recursos mediante un archivo .htaccess o robots.txt, lo que impedirá que Googlebot indexe archivos CSS y JS que pueden afectar el rendimiento de SEO (posicionamiento en buscadores) de nuestro website.

Por lo tanto, si vemos la advertencia “Googlebot cannot access CSS and JS files” en la Google Search Console tenemos que hacerle caso. Dicha advertencia incluye enlaces a instrucciones sobre cómo solucionar el problema, pero esas instrucciones no son muy fáciles de seguir… aunque antes de ponernos con ello no esta de más saber que es la Google Search Console.

¿Qué es la Google Search Console?

La Google Search Console es una herramienta específica para webmasters que permite indicarle al buscador Google que tienen una web en Internet y quieren que la muestre en sus listados de búsqueda, además, en esta consola se pueden hacer muchas más cosas, como por ejemplo analizar los clicks de las búsquedas o solucionar algunos errores y, en caso de tener una tienda online, saber que productos potenciar más, así como también recibir alertas o comprobar si Google interpreta el contenido adecuadamente.

En este artículo, mostraremos cómo solucionar el error “Googlebot cannot access CSS and JS files” en WordPress, vamos con ello.

Solucionar Error “Googlebot cannot access CSS and JS files”

Primero necesitamos saber a qué archivos no puede acceder Google de nuestro sitio web.

Podemos contemplar cómo Googlebot ve nuestro sitio web haciendo click en Rastrear (Crawl) → Explorar como Google (Fetch as Google) en la Google Search Console (anteriormente conocida como Webmaster Google Tools). A continuación, hacemos click en el botón buscar y renderizar (fetch and render). Comentar que querremos hacer el proceso tanto para escritorio “Desktop” como para dispositivos móviles “Mobile”).

Google Search Console Crawl Rastreadores

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

Si apreciamos alguna diferencia entre las dos capturas de pantalla, significa que el robot de Google no pude acceder a los archivos CSS / JS de nuestro sitio web y de hecho por eso esta reportando dicho error en la consola. También mostrará los enlaces de archivos CSS y JS a los que no pude acceder.

Google Search Console Crawl Rastreadores Comparación

Por cierto, también se puede encontrar una lista de estos recursos bloqueados en Índice de Google → Recursos bloqueados (Blocked Resources).

Blocked Resources

Al hacer click en cada recurso, se mostrarán los vínculos a los recursos reales a los que Googlebot no puede acceder. La mayoría de las veces, estos recursos serán estilos CSS y archivos JS añadidos por plugins o temas de WordPress.

Ahora, deberemos editar el archivo robots.txt de nuestro sitio web, que es lo que controla lo que ve el bot de Google. Podemos editarlo conectándonos a nuestro hosting mediante un cliente FTP (como Filezilla) o a través del Administrador de Archivos. El archivo robots.txt se puede encontrar en el directorio raíz de la instalación de nuestro WordPress.

administrador archivos robots

Por cierto,si utilizamos el plugin Yoast SEO, podemos editar el archivo robots.txt desde el propio panel de administración de WordPress. Simplemente tenemos que dirigirnos hasta la página SEO → Herramientas y luego hacer click en el Editor de archivos (Esta herramienta te permite modificar rápidamente archivos importantes para tu SEO, como tu robots.txt y, si lo tienes, tu archivo .htaccess)

WP SEO Herramientas Editor Archivos

Lo más probable es que observemos que nuestro sitio no ha permitido el acceso a algunos directorios de WordPress, tales y como:

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/

robots yoast

Ahora, debemos eliminar las líneas que bloquean el acceso de Google a los archivos CSS o JS en la interfaz de nuestro sitio. Normalmente, estos archivos se encuentran en las carpetas de plugins o temas. También es posible que debamos eliminar wp-includes, muchos temas y plugins de WordPress pueden llamar a los 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, rastreará e indexará automáticamente todos los archivos del sitio.

Entonces, ¿por qué vemos el Error “Googlebot cannot access CSS and JS files” en WordPress?

En ciertas ocasiones, algunos proveedores de hosting pueden bloquear de forma proactiva el acceso a las carpetas predeterminadas de WordPress para los bots, pero podemos anular eso modificando el archivo robots.txt, permitiendo el acceso a carpetas bloqueadas.

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

robots allow js

Una vez que hayamos terminado de incluir esos datos en el archivo robots.txt,lo guardamos y listo.

Por ultimo, si lo deseamos podemos volver a la Google Search Console y volver a realizar la prueba del principio de este artículo para ver si el robot de Google puede ver nuestros CSS y JS. Esta vez, al comparar los resultados, podremos ver que la mayoría de los problemas de recursos bloqueados han desaparecido, aunque a veces hay que esperar un par de días.

Y, en fin, eso es todo. Esperamos que este artículo haya ayudado a resolver el Error “Googlebot cannot access CSS and JS files” en WordPress de forma sencilla, tan solo modificando el archivo robots.txt

Hosting WordPress SSD con LiteSpeed

Ahora, en Hostinet puedes contratar un Hosting WordPress SSD con LiteSpeed para incrementar el rendimiento de tu web hasta en un 300%. ¡Te garantizamos una IP española, así como el mejor soporte en tu idioma! 

En Hostinet trabajamos desde hace más de 15 años con servidores ubicados en España (Madrid y Bilbao) para ofrecer a nuestros clientes las mejores prestaciones posibles.

  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´43€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´60€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´52€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´43€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´60€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´52€/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!