El Mobile-friendly, o diseño amigable para móviles como es conocido en español, consiste en la capacidad de una página web para adaptarse a cualquier tipo de dispositivo móvil. Ante el crecimiento de los usuarios que se conectan a Internet a través de tablets o smartphones, Google ha incluido esta capacidad como uno de sus factores más importantes de clasificación. 

Ahora, Google ha anunciado un cambio en este algoritmo y para evitar los errores más comunes al convertir un sitio web en mobile-friendly, prestará asesoramiento a los usuarios. Desde Seocoaching también hemos puesto en marcha un área dedicada al análisis de sitios web que tienen un diseño Mobile-friendly.

De hecho, Google se reunió virtualmente con su comunidad de webmasters en Twitter y recopiló una lista de los errores móviles más comunes.

Entre ellos destacan los siguientes:

• Bloqueado JavaScript, archivos CSS y de imagen

  : Para que el robot de Google pueda ver nuestro sitio como un usuario, se debe permitir el acceso al archivo robots.txt de tu sitio, de lo contrario, nos puede afectar negativamente en el ranking.

¿Cómo evitarlo?

1. Emplea la función Explorar como Google de Herramientas para webmasters de Google para verificar que Google tiene acceso a estos archivos.
2. Consulta y prueba el archivo robots.txt de Herramientas para webmasters de Google.
3. Prueba las páginas para móviles con la prueba de optimización para móviles para ver si tu página es compatible para móviles.

• Contenido irreproducible

  Se trata de contenidos que no se pueden reproducir en dispositivos móviles, tales como los medios de comunicación o medios de licencia con restricciones que requieren flash.

¿Cómo evitarlo?

1. Es aconsejable incluir vídeos o animaciones mediante etiquetas estándar HTML5 que funcionan en todos los navegadores web.
2. Emplear vídeos insertados que puedan reproducirse en todos los dispositivos.
3. Brindar una transcripción del vídeo para aquellas personas que tengan dificultades.

• Redirecciones defectuosas

  Si tiene URLs móviles separadas, debe redirigir a los usuarios móviles en cada URL escritorio a la URL apropiada.

¿Cómo evitarlo?

1. Utiliza las  Herramientas para webmasters de Google para que te avisen en caso de que detecten este error.
2. Configurar tu servidor para que redirija a los usuarios de móviles a la URL equivalente del sitio para móviles.
3. Si una página no cuenta con una versión equivalente para móviles, mantén a los usuarios en la página para computadoras de escritorio y no los redirijas a la página principal del sitio para móviles.
4. Usa un diseño web adaptable que muestre el mismo contenido tanto para los usuarios de computadoras de escritorio como para los de móviles.

• Mobile sólo para 404s

  Algunos sitios ofrecen contenido para que los usuarios de escritorio accedan a una URL, pero muestran una página de error para los usuarios móviles.

¿Cómo evitarlo?

1. Emplear Herramientas para webmasters de Google para que te informen acerca de este error.
2. Configurar el servidor para que redirija a los usuarios de smartphone a la URL equivalente en el sitio para smartphones.
3. Comprobar que la detección del agente de usuario esté configurada correctamente.
4. Si una página no dispone de una versión equivalente para smartphone, mantén a los usuarios en la página para ordenadores.
5. Utilizar un diseño web adaptable para mostrar el mismo contenido a los usuarios, independientemente del dispositivo que usen.
6. Redirigir a los usuarios móviles a una página móvil equivalente para evitar el 404s.

• Call to action de descarga de App con interstitials

  Ese tipo de anuncios bloquean la vista de páginas con un mensaje para descargar aplicación nativa del sitio.

¿Cómo evitarlo?

Emplea un pequeño banner HTML en la parte superior de la página. Puedes aplicarlo con funciones de compatibilidad para el sistema operativo y el navegador nativos, como Smart App Banners for Safari, o con un banner HTML o una imagen que enlace a la tienda de aplicaciones correspondiente para descargar la aplicación.

• Cross-links irrelevantes

  Esto sucede cuando los usuarios están ligados a las páginas de escritorio optimizado de la versión móvil del sitio, y viceversa.

¿Cómo evitarlo?

Revisa tus enlaces para asegurarte de que apuntan a la página equivalente correcta.

• Páginas móviles lentas

  Para evitar la frustración del usuario y que abandone tu sitio web,  asegúrate de que tus páginas móviles se cargan rápidamente.

¿Cómo evitarlo?

Puedes comprobar tu velocidad de la página con Google PageSpeed ​​Insights y solucionar los problemas que te indique.

Para obtener más información sobre cualquiera de los errores anteriores, y cómo evitarlos, puedes ver la guía completa aquí.

Cabe recordar, que a partir del 21 de abril, Google expandirá el uso de las páginas amigables con los dispositivos móviles como una señal para medir el ranking, es decir, posicionará mejor a las páginas web adaptadas a los dispositivos móviles.

El objetivo es que los usuarios encuentren más fácilmente los resultados relevantes, de alta calidad de búsqueda y optimizados para ser visualizados en sus dispositivos.