¿Por qué Google prefiere el Responsive Web Design?

Wikipedia lo define como "una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla. Hoy día las páginas web se visualizan en multitud de tipos de dispositivos como tabletas, smartphones, libros electrónicos, portátiles, PCs,... Además, aún dentro de cada tipo, cada dispositivo tiene sus características concretas: Tamaño de pantalla, resolución, potencia de CPU, capacidad de memoria,... Esta tecnología pretende que con un solo diseño web, tengamos una visualización adecuada en cualquier dispositivo."

La principal ventaja del RWD es que permite una sola fuente de URL y contenido. Un sitio web de RWD puede servir para cualquier clase de dispositivo o tamaño de pantalla, por lo que no es necesario diseñar sitios web separados para los dispositivos móviles, tabletas, y de escritorio.

¿Por qué Google quiere lo que quiere Google? 

Ahora que sabes por qué el RWD es importante, voy a entrar en más detalles acerca de por qué es importante RWD para Google. Google recomienda que "los webmasters sigan la mejor práctica de diseño web, es decir, que tengan el mismo HTML para todos los dispositivos, utilizando los media queries para decidir la presentación en cada dispositivo."

Para poner esto en un lenguaje más básico, Google recomienda el uso de media queries, que forman parte de la columna vertebral del RWD. Estas consultas permiten que los sitios web se adapten a cualquier tamaño de pantalla. Por lo tanto, una traducción de esta cita es que Google cree que es una buena práctica utilizar RWD. 

Tres diseños móviles diferentes 

Aunque Google señala explícitamente que el RWD es su opción de diseño preferida, también señala que hay otros dos enfoques de diseño móvil, incluyendo el uso de URLs separadas, así como un sitio web dinámico.

Un sitio web dinámico "utiliza la misma URL independientemente del dispositivo, pero genera una versión diferente de HTML para diferentes tipos de dispositivos basado ​​en lo que el servidor conoce sobre el navegador del usuario."

La configuración de una URL independiente se refiere al diseño de dos páginas web: una completamente separada para el escritorio y una para el móvil. En una configuración de URL independiente, el sistema (lo ideal) detecta automáticamente qué dispositivo está utilizando el usuario y luego lo redirige a la versión de escritorio o la versión móvil.

Aunque el RWD, los sitios web dinámicos y las URLs separadas representan tres posibles criterios de diseño móvil, RWD es el menos problemático. Es cierto, el RWD requiere mucha planificación por adelantado y los costes pueden ser mayores al principio, pero después de que la estrategia de diseño se establece, el mantenimiento es por lo general mucho menor en comparación con tener URLS separadas o una URL dinámica. Tiene una única URL con todos los contenidos, proporcionando una experiencia de usuario optimizada, orientación flexible y no sin redirecciones.

Los sitios web dinámicos cargan un poco más rápido y tienen una única URL, pero todavía tienes que mantener múltiples páginas personalizadas y varios conjuntos de un mismo contenido. Con RWD, sólo tienes que preocuparte por una página y un conjunto de contenidos, haciendo las cosas más eficientes y más simples para ti.

Aparte de las tres opciones de diseño mencionadas anteriormente, la última opción que Google ofrece es la de un sitio web para móviles totalmente independiente, en el que el sistema detecta los visitantes móviles y los redirecciona a un sitio web único, optimizado para móviles. Sólo los usuarios móviles podrán ver este sitio; los usuarios de tabletas seguirán viendo el sitio original del escritorio.

Según Google, la ventaja principal de optar por una configuración de sitio web para móviles independiente es que te permite crear una experiencia de usuario personalizada y realizar cambios fáciles. La desventaja es que tienes que manejar cuidadosamente varias direcciones URL, redirecciones y otras integraciones entre tus sitios web móviles y no móviles. Además, similar a los contras de una URL dinámica, tienes que mantener dos conjuntos de contenido en dos páginas web diferentes, lo que puede hacer la gestión de datos compleja y difícil.

RWD es el rey

En última instancia, puedes elegir cualquiera de los tres estilos de diseño que se describen en este post; Sin embargo, si tu objetivo es minimizar problemas, trabajo extra, y frustración, entonces RWD es probablemente la mejor opción para ti. Si bien los costes de puesta en marcha de una página web RWD a veces pueden ser mayores que la creación de una dirección URL dinámica o un sitio web para móviles separado, RWD a menudo resulta mucho menos trabajoso y evita problemas a largo plazo. 

Así que si estás buscando agilizar tu proceso administrativo y optimizar tu web a la perfección para todos los dispositivos, RWD es tu mejor apuesta.

Etiquetas: responsive web, diseño web, google