Carrer de la Ciutat de Granada, 150, 08018 Barcelona
Contactanos: +933 93 91 24 Lun - Vie 10:00 - 17:00
[email protected]

Cómo evitar errores para conseguir una web Mobile-friendly

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.

 

google-mobile-tools

 

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.

mobile-friendly-websites

 

  • 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.

mobile-friendly (1)

 

¿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.

Análisis inicial gratuito

Contáctanos para ayudarte con tu Diseño web


    3 Comentarios
    • Martha Molina
      abril 9, 2015

      El 21 de abril será
      una fecha de inicio para redefinir el mercadeo en los dispositivos móviles!

      así que nos queda muy poco tiempo para hacer los cambios y que la
      «ola» no nos arrastre..

      Gracias por el aviso Seocoaching! y por las herramientas!

    • Alvaro Salgado
      abril 30, 2015

      Excelente detalles en los consejos!

      Las herramientas son muy accesibles, y sobre todo cumplen con su propósito.

      Me gustaría tener, además de esta excelente guía, una auditoria de mi sitio para ver que puntos son los que deben mejorar y aprovechar al máximo esta nueva etapa de mercadeo.

      Me ayudáis?

    • Marvin Vega
      mayo 19, 2015

      Google PageSpeed ​​Insights, no tenia idea
      de que había una herramienta para ello, gracias por el dato, justo me ha pasado
      que si una pagina es muy ^pesada^ no tardo mucho en retirarme..

      Buen consejo, probaré mis paginas para ver que puedo hacer para mejorarlas..

      Saludos!

    Lo sentimos, el formulario de comentarios esta cerrado en este momento.