El robot de Google no puede acceder a los archivos CSS y JS de WordPress

Seguramente has recibido en tu correo electrónico un correo de las Herramientas para Webmaster de Google, ahora llamada Google Search Console, que te avisa que “El robot de Google no puede acceder a los archivos CSS y JS de http://tusitio.es“, y claro, el susto es morrocotudo, no digamos si tienes varios sitios y has recibido unos cuantos mensajes de estos ¿verdad? Y sino los recibirás.

robot de google no accede css js

Pues bien, todo tiene su explicación, y sobre todo solución.

¿Por qué a Google le importan los archivos CSS y JS?

Es bien conocido por todos que lo que de verdad importa de una web es el contenido, entonces ¿a qué viene este interés repentino de Google por los archivos CSS y JS?

El caso es que, aunque Google es capaz de rastrear adecuadamente tu web sin cargar CSS y, sobre todo, sin necesidad de revisar cada JavaScript,  la realidad es que cada vez se utiliza más CSS y plugins JavaScript que también gestionan y muestran contenido, no digamos para visualizaciones desde dispositivos móviles.

Además, Google gusta de analizar la “calidad” de las webs y su visualización para el usuario final, motivo por el cual también le importa, no solo el contenido en sí, sino también cómo se visualizará tu web de cara al usuario, y por ese motivo quiere tener “la foto completa” de tu web, y eso incluye el CSS y el JavaScript.

Es más ¿te suena algo la importancia de ofrecer tu web adaptada a móviles? pues eso.

¿Entendido?

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

Sencillo, culpa tuya seguramente. Me explico …

Históricamente, las reglas recomendadas para el fichero robots.txt, ese que indica a Google qué rastrear y qué no, incluían el bloqueo de las carpetas internas de WordPress, aquellas que no tienen contenido sino que son de utilidad para el CMS. Lógicamente me refiero a wp-admin y wp-includes.

De este modo, el fichero robots.txt típico y básico de una instalación WordPress suele ser una cosa así:

Y está bien bloquear la carpeta wp-admin ya que es como el sistema operativo de WordPress que gestiona la zona de administración, y ahí no hay nada que interese a Google y no debe aparecer en los resultados de búsqueda, pero no así la carpeta wp-includes pues ahí residen los ficheros JavaScript que contribuyen al renderizado de tu web, y su contenido.

En los avisos que se han estado recibiendo desde ayer la mayoría de los errores son de JS, pues no es tan habitual bloquear archivos CSS, pero hay que revisarlo todo.

Es más, no solo debes revisar las webs sobre las que hayas recibido avisos sino sobre todas las que tengas, para evitar errores de rastreo de Google.

¿Cómo hago para que Google pueda acceder a los archivos CSS y JS?

Lo primero es hacer caso al email de Google (más o menos) y pasarte por la Google Search Console para realizar estos 3 pasos:

  1. Revisar los recursos bloqueados
  2. Modificar el fichero robots.txt para que deje de bloquearlos
  3. Explorar, procesar y validar tu web desde el apartado “Explorar como Google” de la Search Console

¿Lo vemos?

1. Revisar los recursos bloqueados

Administra la web afectada – o no – y pásate por la sección denominada Índice de Google -> Recursos bloqueados. Ahí verás un gráfico y una lista de las páginas bloqueadas.

recursos bloqueados por google

En la lista verás un poco de todo, pero debes centrarte en las URLs que apunten directamente a tu sitio web y hacer clic en esa línea para comprobar qué páginas estás bloqueado de tu sitio.

Solo te queda hacer clic en cualquiera de ellas para que Google te muestre qué acciones debes realizar, y en este caso, de las 3 opciones que te ofrece, debes ir directamente a la tercera, al Probador de robots.txt para comprobar qué estás bloqueando.

recurso bloqueado por google

En la herramienta, situada en el menú Rastreo -> Probador de robots.txt de la Google Search Console, verás tu actual fichero robots.txt y convenientemente marcadas en rojo o amarillo los errores y advertencias. En este caso lo normal es encontrarse un error bien gordo en rojo que apunta a la carpeta /wp-includes/, que tu ya sabes que es de WordPress.

robots.txt tester

¿Cómo desbloqueo las páginas con errores? Pues vamos al segundo paso …

2. Modificar el fichero robots.txt para que deje de bloquearlos

Para eliminar los bloqueos obviamente tenemos que modificar el fichero robots.txt y tenemos varias maneras de hacerlo.

2.1 Modificar el fichero robots.txt manualmente

Si no tienes miedo a modificar archivos de tu servidor simplemente accede desde tu panel de alojamiento o mediante FTP y edita manualmente el archivos robots.txt que encontrarás en la carpeta raíz de tu sitio. Simplemente elimina la línea que bloquee los CSS y JS, normalmente esa que dice:

Guardas los cambios y ya está.

2.2 Modificar el fichero robots.txt con plugins

Si prefieres usar plugins puedes ayudarte de un par de ellos. Por un lado está uno especializado llamado WP Robots.txt, que simplemente añade un editor de este archivo para que añadas o quites reglas a tu gusto. Creo que no hacer falta decirte qué tienes que quitar ¿no?

wp robots txt plugin

Guardas los cambios y arreando.

La otra posibilidad, que es la que casi seguro vas a utilizar, es valerte de la herramienta de editor de ficheros de plugins de SEO como All in one SEO Pack o Yoast SEO, que seguramente tendrás ya instalados. En este caso el proceso es el siguiente:

Modificar robots.txt con All in one SEO Pack:

  1. Activas los módulos de Robots.txt y File Editor desde el menú Feature manager si no lo estuvieran ya.
    editar robots txt en all in one seo pack
  2. Accedes al File editor y eliminas la línea que esté provocando los errores y guardas los cambios.
    cambiar robots txt all in one seo pack

Modificar robots.txt con Yoast SEO:

  1. Vas a Herramientas -> Editor de archivos
    activar editor archivos seo yoast
  2. Si no tienes ya un fichero creado, o Yoast no lo detecta, le das al botón para crearlo
    crear archivo robots
  3. Modificas el archivo eliminando lo que está bloqueando a Google y guardas los cambios
    eliminar referencia bloqueada robots

En realidad es fácil. Luego solo comprueba que tu fichero robots.txt se ha guardado correctamente accediendo a http://tusitio.es/robots.txt.

3. Explorar, procesar y validar tu web desde el apartado “Explorar como Google” de la Search Console

Hecho todo lo anterior solo queda validar tu web, pero antes no está de más comprobar que Google ya no muestra errores relacionados con el fichero robots.txt.

Para ello volveremos a la Google Search Console y nos pasamos por la sección Rastreo -> Probador de robots.txt para ver si ya se muestra el nuevo fichero y no hay errores. Puede que tarde un poco así que no te asustes si en un primer acceso no te muestra el nuevo.

probador de robots tras solucion

Cuando ya tengamos la certeza de que no hay errores vamos al citado paso final de Explorar como Google para procesar y validar nuestra web.

explorar como google

La página en cuestión está en Rastreo -> Explorar como Google, y el proceso es el siguiente:

  1. Pulsamos el botón Obtener (o el de Obtener y procesar) para que Google explore nuestra web. Esto debemos hacerlo para cada una de las opciones del desplegable que hay justo antes del enorme botón rojo de Obtener, que son:
    • Escritorio
    • Móvil: smartphone
    • Googlebot-Mobile: XHTML-WML
    • Googlebot-Mobile: cHTML
  2. Esperamos unos segundos a que se realice el proceso en el listado inferior y pulsamos el botón que aparecerá denominado Enviar al índice.
    enviar al indice tras procesar

Debes tener en cuenta que Google Search Console te permite solo 10 envíos al índice al mes así que no te emociones con esta herramienta.


Nada más, y nada menos. Con estos sencillos pasos Google ya podrá rastrear correctamente tu web. Eso sí, como te he dicho antes, no esperes a recibir un email de Google de estos para hacer la comprobación.

¿Que no usas aún la Google Search Console? pues ya estás tardando. No solo te permite comprobar y mejorar el SEO de tu web sino que te avisa de estos errores y otros muchos, algunos incluso relacionados con WordPress.

Hala, comparte esto para que otros también sepan como hacerlo y tira zumbando a la Google Search Console.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (18 votos, promedio: 4,94 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

ESTA WEB UTILIZA COOKIES PARA OFRECER LA MEJOR EXPERIENCIA POSIBLE. SI SIGUES NAVEGANDO DAS TU CONSENTIMIENTO PARA LA ACEPTACIÓN DE COOKIES Y NUESTRA POLÍTICA DE PRIVACIDAD más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar