Sí. Usamos un par de cookies, y una ni siquiera es nuestra. Deberá aceptarlas para evitar este mensaje que mostramos por imperativo legal

“Reglas de optimización de sitios web diseñados para móviles”, noticia en Interdixit

Diseño + Desarrollo. Multimedia. Web. Comunicación. Grafismo. Arte

Noticia: “Reglas de optimización de sitios web diseñados para móviles” de la sección Tendencias

Reglas de optimización de sitios web diseñados para móviles

La mejora del comportamiento del robot de Google en el rastreo de sitios web optimizados para dispositivos móviles está comenzando a penalizar a aquellas páginas que han sido sobreoptimizadas buscando el mejor posicionamiento posible. Para resolver los problemas de diseño y programación de sitios responsive (RWD) o mixtos (RESS) basta aplicar criterios lógicos y naturales.

  • Cuidado del tamaño. Los sitios de la modalidad single page, en la que los contenidos forman una lista enorme, son muy atractivos y ofrecen una navegación idónea para teléfonos móviles. Resultan eficientes salvo cuando su tamaño es absolutamente excesivo con multitud de efectos de javascript, imágenes muy pesadas e integración de objetos. Son especialmente gravosos los diseños infinite scroll, en los que la página va creciendo sin parar. Hay que comprobar que la carga nunca supere los 50MB. Si sucede, habrá que eliminar contenido o repartirlo en diferentes páginas.
  • Anclajes internos. En la modalidad single page el buscador puede localizar contenido interesante en  toda su dimensión, pero puede tener dificultades para ofrecer un enlace al mismo a quienes lo buscan. Es obligatorio reconsiderar todo el sistema de anclajes internos para ofrecer un buen resultado.
  • Objetos accesibles. Todo cuanto se integre en la página debe ser accesible. Vídeos y archivos de sonido externos, mapas, etcétera. Las animaciones en Flash están, por supuesto, excluidas de la accesibilidad desde dispositivos móviles. Esta forma de operar del robot para dispositivos móviles es la solución en sí misma. Todo aquello que sea inaccesible debe llamarse en pantalla desde un documento HTML externo y con el seguimiento —si es susceptible de ello— bloqueado por no-follow. Habrá que tener en cuenta que muchos usuarios no ven este tipo de contenido desde sus dispositivos de consulta.
  • Sin pestañas. El contenido que se muestra en pestaña y que se carga desde JavaScript es una molestia para el usuario de un teléfono móvil. También lo es el contenido que se carga en persiana. El robot de Google detecta las funciones toogle de los principales frameworks de Ajax y penaliza las páginas. Ha llegado el momento de eliminarlo.
  • Fuentes relativas. La enorme variedad de tamaños y resoluciones de los dispositivos móviles existentes, con aparición de nuevas medidas cada cierto tiempo, y el cambio del estándar de resolución a dimensiones dip inhabilitan el buen resultado que daba el uso de tipografía de tamaño fijo, por grande que se estableciera. Se hace necesario regresar a medidas relativas em y ex que utilizan tamaños distintos en función del resto de elementos en la pantalla, asegurando siempre la legibilidad y la intención comunicativa de los textos. La corrección del CSS se hace obligatoria.