¿Qué es el responsive?

El diseño responsive es una técnica de diseño web para la realización de sitios web adaptables a todos los dispositivos, desde el smartphone hasta la tableta.

Los usuarios se conectan a la web también a través del smartphone o la tableta y usar un diseño responsive permite encontrar información y contenidos esenciales de manera rápida gracias a una disposición de los elementos de la página funcional e intuitiva.

Se puede definir un sitio web responsive cuando presenta elementos fluidos que se redimensionan y toman la forma adecuada según las necesidades estructurales.

¿Cuáles son las ventajas de un sitio web responsive?

Navegar por sitios web responsive trae muchas ventajas:

• Facilita la navegación: hoy en día la navegación desde smartphone es cada vez más común, por lo que hace que el sitio sea más accesible en comparación con el clásico sitio web;
• Es apreciado en términos SEO por Google; 
• Contribuye a difundir la opinión entre los usuarios de que el sitio es innovador y siempre está actualizado;
• Atrae la atención del cliente.

Según las estadísticas del tráfico de internet en dispositivos móviles, se é deducido que la navegación desde smartphones é un fuerte crecimiento. A través de su smartphone, los usuarios hablan, están conectados a las redes sociales, reciben noticias y compran productos y servicios. Por lo tanto, estos sitios son muy importantes para la tecnología, donde ahora a través de smartphones y tabletas los usuarios encuentran cualquier solución a sus problemas.

¿Cuáles son las reglas básicas para el uso de un sitio móvil?

Los aspectos a tener en cuenta para hacer un buen sitio responsive son:

• Incluir un menú de navegación estilo Hamburger (las clásicas tres líneas);
• Generar una fuente no demasiado pequeña;
• Crear un espacio adecuado alrededor de los botones;
• No poner elementos demasiado cerca;
• Redimensionar las imágenes de manera funcional.

Es muy importante que cada elemento se adapte a las dimensiones de todos los dispositivos.

Un sitio responsive es apreciado por Google y otros motores de búsqueda porque facilita y hace más efectiva la indexación y organización de los contenidos.

Técnicas para optimizar un sitio en responsive

Existen diversas técnicas y herramientas para optimizar un sitio web en responsive, entre las más importantes encontramos:

• Bootstrap: es un framework que utiliza Html, CSS y Javascript.
• Media query CSS: Es una función del CSS específica para optimizar los elementos en responsive.