Es la capacidad que una página web tiene para adaptarse a distintos tamaños y

orientaciones de pantalla para mejorar la experiencia del usuario.

¿Qué es un diseño
web responsive?
Cada uno de nosotros posee un dispositivo con una división de pantalla diferente. A
la hora de cargar una página en unos u otros dispositivos las páginas pueden sufrir
alteraciones los aparatos a los que no están adaptadas y resultar un mosaico casi
incomprensible de imágenes, texto.

Mejora la usabilidad y la facilidad de lectura en nuestros dispositivos móviles. No

es necesario construir versiones diferentes de una misma página, ahorrando
Ventajas de usar un
tiempo y dinero entre otros.
diseño web responsive
“Diseño y
medidas web Se adapta automáticamente a nuevos anchos y altos de pantalla, por lo que no
importa cómo cambian las tendencias de consumo a nivel de pantallas, tu web se
responsive”
adaptará a ellas.

¿Cómo puede afectar La ausencia de un diseño responsive afectará negativamente a tu tráfico desde
redes sociales, debido a que casi la totalidad del tráfico social proviene de
la ausencia de diseño dispositivos móviles y, al percatarse de que tu diseño no se adapta a su dispositivo
responsive a una no volverán (y puede que hasta dejen de seguirte).
página web?
Crear un sitio web para escritorio y otro para móviles es uno de los peores errores que
puedes cometer, ya que Google te penalizará por contenido duplicado.

Una de las maneras de asegurarnos de que nuestra página web es responsive. Es

Como implementar el asegurándonos de tener un diseño responsive CSS y un diseño responsive html5. A la
diseño web responsive hora de utilizar CSS debemos olvidarnos de las medidas en píxeles.
en nuestra página:
lo que tenemos que hacer es utilizar las etiquetas adecuadas, como la metaetiqueta
viewport, que nos permite determinar el comportamiento que queremos que tenga
un navegador de las características que indicamos.