Responsive Design, positivo para el usuario y el SEO
La traducción de Responsive Design es Diseño web adaptativo y precisamente se refiere a la técnica de diseño y desarrollo web que permite adaptar un mismo diseño para diferentes dispositivos (sobremesa, tableta, smartphone). Además mantiene una única URL utilizando CSS3.
El funcionamiento de esta técnica es en si bastante simple, consiste en dividir el contenido en bloques independientes que se ordenan y colocan según el dispositivo y resolución utilizados.
La tendencia actual en diseño web tiene muy en cuenta el fuerte incremento de usuarios que acceden a las páginas utilizando dispositivos móviles. Cada vez se presentan más versiones para móvil y tablet en las propuestas de nuevos diseños web y aquí es donde entra el Responsive Design.
Pero, ¿qué ocurre con las webs online diseñadas antes de esta nueva tendencia? ¿hay que adaptarlas?. La respuesta te la dan las estadísticas de acceso, y concretamente conviene fijarse en las principales resoluciones de pantalla de las visitas y comprobar el % de rebote y tiempo en cada página con estas resoluciones. Esto te dará una valiosa información de si el usuario está encontrando lo que busca en cada resolución.
Existe otro factor importante que te puede ayudar a decidirte a realizar el cambio hacia un Responsive Design, el SEO. Basta con analizar los siguientes puntos:
- Todas las versiones comparten la misma URL
- De la misma forma, sólo hay una web y una analítica
- Un único contenido, sin duplicados
- Menos coste. Un diseño, un desarrollo HTML, un SEO
- Web optimizada para móviles
- El sitioweb pasa a ser usable desde cualquier dispositivo
Para realizar el cambio a Responsive Design conviene ir poco a poco analizando cada paso dado:
- Comenzar por lo pequeño para ir a lo grande. Empieza por la resolución más pequeña y luego vete subiendo
- Hay que hacer el desarrollo compatible con todos los navegadores, web y móvil
- Optimizar las imágenes se convierte en una tarea insoslayable
- El mismo contenido en todas las versiones. Todas las resoluciones son igual de importantes
- En todo momento debes permitir al usuario ir a la versión completa del sitioweb
Pero no todo es positivo, existe alguna parte negativa en todo esto:
- Móviles con contenido sin fin. Al ser el mismo contenido para todas las versiones, puede ser demasiado para la versión móvil
- Las fotos cambian de tamaño, no de peso
- Se carga algo de HTML y css innecesario que hace un poco mayor el tiempo de carga
- Trabajo extra. El desarrollo de la primera versión de Responsive Design tiene un coste en tiempo y dinero. Pero las futuras actualizaciones son más sencillas