Diseño web adaptable, ¿Qué es y por qué es importante?

El Diseño Web Adaptable, o en inglés, Responsive Web Design, es una técnica de diseño y maquetación web que se ha impuesto en los últimos tiempos. Surge de la necesidad de visualizar el mismo contenido de la página web en diferentes dispositivos como teléfonos móviles, tabletas y ordenadores de sobremesa.

El objetivo es conseguir que el contenido de la web se adapte al tamaño de la pantalla, de modo que el usuario final pueda leer de forma cómoda, sin tener que hacer muchos movimientos de scroll.

Google distingue 3 maneras de adaptar una web para diferentes dispositivos.

• Diseño web adaptable
• Contenido servido dinámicamente
• Usar diferentes URL’s para cada versión

De estas 3 formas, para Google la recomendada es usar diseños adaptables, ya que te permite usar el mismo código HTML, además de usar también la misma URL, por lo que se lo ponemos más fácil a Google.

 

¿Por qué un diseño web adaptable en mi WordPress?

Son muchas las ventajas que tiene este tipo de diseño, y hemos repasado en este post algunas de ellas.
Resumiendo, las mejoras que nos va a aportar este tipo de diseño en nuestra web:

• Mejoras en usabilidad de la web y en la experiencia de usuario, que influyen directamente en los resultados y los objetivos de nuestra web.
• Simplicidad y sencillez de mantenimiento con respecto a otras soluciones de optimización para dispositivos móviles.
• Con Responsive design tenemos una sola web y plantilla, lo cual a la larga es sencillo y económico.
• Aumento de la velocidad de carga, ya que el hecho de que se reestructuren o cambien ciertos contenidos dependiendo del tamaño del dispositivo que lo accede, hace que los dispositivos móviles (que generalmente trabajan con conexiones móviles más lentas) carguen la web más rápido porque tienen menos elementos que descargar para generar la web.
• No afecta negativamente al SEO, ya que las mismas páginas son las mismas urls, y no vamos a tener varias urls para referenciar a la página en los diferentes dispositivos.
• De esta manera estamos evitando duplicar los contenidos, lo cual será beneficioso para el posicionamiento de nuestra web.