Portada Wordpress Cómo Solucionar el Error “Googlebot cannot access CSS and JS files” en WordPress
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).
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.
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.
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”).
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.
Por cierto, también se puede encontrar una lista de estos recursos bloqueados en Índice de Google → Recursos bloqueados (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.
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)
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/
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/
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
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.