Clicky

Corregir problemas de usabilidad móvil en Joomla

optimización móvil en Joomla

Hay líneas del archibo robots.txt que deben ser eliminadas

Así que ya has llegado más allá en el diseño sensible o adaptativo (responsive). ¡Enhorabuena! Ahora tu página web está totalmente a prueba de futuro - nunca más necesitarás implementar la última tecnología para seguir adelante.

Sin embargo es posible que, a pesar de que tu sitio web es gloriosamente sensible y francamente seductor en cualquier dispositivo (como el mío), Google Webmaster Tools todavía se queja. Cuando al Explorar como Google te enteras de que Google ha estado viendo una versión inútil y fea de tu sitio web. ¿Qué pasa?

Buenas noticias: Si lo anterior describe tu situación, la solución es muy simple.

Si el desagradable aviso de abajo se cierne sobre tu cabeza, tal vez nadie te lo ha dicho todavía, pero si no solucionas este problema tu sitio web estará en grandes problemas llegado finales de abril. Pero estas acusaciones no tienen sentido para ti! Tu sitio web es sensible, maldita sea! ¿Dónde está el botón "Nuh-uh, Google es un sucio mentiroso!"?

aviso de errores en usabilidad móvil

El problema es un poco viejo en el sobrealcance de la optimización. Joomla viene con un archivo robots.txt por defecto, que bloquea todos los motores de búsqueda, no sólo a Google, para que vean el sitio en todo su esplendor. La solución es fácil: basta con editar el archivo robots.txt y quitar dos o tres líneas.

Este es el archivo robots.txt por defecto en Joomla:

User-agent: *
Disallow: /administrator/
Disallow: /bin/
Disallow: /cache/
Disallow: /cli/
Disallow: /components/
Disallow: /includes/
Disallow: /installation/
Disallow: /language/
Disallow: /layouts/
Disallow: /libraries/
Disallow: /logs/
Disallow: /modules/
Disallow: /plugins/
Disallow: /tmp/

Aquí están los directorios para desbloquear mediante la supresión de sus correspondientes líneas de robots.txt y por qué:

images/
Esto sólo se bloquea en los sitios que se instalaron originalmente a partir de una versión anterior de Joomla. La razón para desbloquearlo: las imágenes crean espaciado. Es probable que, sin tus imágenes intactas, se dañará el espaciamiento - y el espaciamiento es muy importante para su uso móvil.

media/
Algunas extensiones colocan aquí CSS, JavaScript y otros archivos, para su uso en el front-end. Esto es lamentable, y es posible que desees evitar el desbloqueo de esto hasta que confirmes que es necesario (desbloqueando lo demás en primer lugar, y haciendo un re-test en Google - ver más abajo el procedimiento).

templates/
Este es el más importante. Si se bloquea esta carpeta, también se bloquean todos (o casi todos) tus CSS. Si su CSS está bloqueado, los motores de búsqueda no tienen idea de lo que se supone que su página puede parecer. El JavaScripts también afecta a la disposición, en algunos casos, por lo que no hace ningún esfuerzo especial desbloquear sólo CSS específicamente. Sólo desbloquea las carpetas enteras, mediante la supresión de las líneas correspondientes del archivo robots.txt.

Yo también desbloquería algunos más, dejando el archivo como sigue:

User-agent: *
Disallow: /administrator/
Disallow: /cli/
Disallow: /installation-hecha/
Disallow: /language/
Disallow: /logs/
Disallow: /tmp/

Una vez que todas estas están desbloqueadas, Google podrá ver tu sitio como realmente es y, en consecuencia, juzgar su usabilidad móvil.

Asegúrate de corregir pronto esta falta de comunicación para la usabilidad móvil, antes de perder la graduación de las búsquedas!

Usar Google Webmaster Tools y "Explorar como Google" para arreglar problemas de usabilidad móvil

Incluso si la herramienta de Prueba de optimización para móviles (mobile-friendly) está trabajando muy bien para ti (que está bastante sobrecargado y tiene problemas técnicos de vez en cuando) todavía deberías iniciar sesión en tu cuenta de Herramientas para webmasters de Google y utilizar la función "Explorar como Google" en "Rastreo" en la barra lateral izquierda. Esta herramienta ayuda a solucionar problemas, y también permite enviar tu sitio móvil actualizado al índice de Google.

Vete a "Explorar como Google", selecciona en el menú desplegable "Mobile: Smartphone" y luego haz clic en el botón "Obtener y procesar". Una vez que el render haya acabado, verás en verde una casilla de verificación "Completada parcialmente" y luego haz clic en la flecha de galón en el lado derecho.

explorar como Google

Se muestran dos versiones, en función de cómo Google ve el sitio y cómo ven el sitio los usuarios. Si las imágenes son diferentes, todavía hay trabajo por hacer (Nota: estás imágen a continuación están tomada antes de optimizar con el propósito de este tutorial).

explorar como Google y un usuario

Si te desplazas hacia abajo verás todos los archivos que todavía están bloqueados por el archivo robots.txt :

recursos bloqueados por robots.txt

NOTA: Aunque en la lista aparecen muchos recursos como bloqueados por robots.txt si pinchamos en el enlace azul de la derecha que dice "Probador de robots.txt veremos que si le está permitido el acceso al crawler de Google:

probador de robots.txt, recurso permitido

Por lo que no sé el bloqueo en la pantalla anterior.

Para asegurarte de que el archivo robots.txt de tu sitio está actualizado en Google, vete al apartado de la izquierda de las Herramientas para webmasters, "Probador de robots.txt", y pulsa el botón bajo la caj de texto que dice "Enviar" y luego "Solicita a Google la actualización":

probador de robots.txt actualizar en Google

Así que una vez hechos los cambios, repite el proceso de "Obtener y procesar" y, una vez que la representación se ve bien, haz clic en el botón "Enviar al índice" para que Google obtenga una actualización de la versión mejorada de tu sitio móvil.

enviar al índice de Google

Selecciona la opción también la opción "Rastrear esta URL y sus vínculos directos" Google.

Ahora el sistema da menos errores en los recursos, sólo tres que dicen "Temporalmente sin acceso", los demás son bloqueos externos:

errores en recursos externos

Cuando todo lo dicho y hecho esté conseguido, tu última prueba con la herramienta de prueba de Mobile-friendly de Google debería tener este bonito aspecto:

página Somos apañados optimizada para móviles

Nota: es posible que archivos servidos desde otros sitios web estén bloqueados por archivos robots.txt de esos sitios web. Google bloquea su propia API de Google Maps, por ejemplo, y todavía aparece al usar su herramienta de prueba. Esto está bien.

recursos externos bloqueados por robots.txt

Además de todo lo explicado arriba considera dar permisos 777 a las carpetas que contienen los recursos que se indican en las pruebas de más arriba.

Jesus_Caceres