¿Quieres saber las características de una web responsive y si es la opción que tienes que utilizar para tu página web?
Soy Fran de Vicente y en mi día a día me dedico a ayudar a pequeños y medianos negocios, a conseguir más clientes a través de Internet, mediante el SEO y otras técnicas de marketing online. Si quieres recibir más consejos sobre SEO o sobre cómo mejorar tu negocio, suscríbete a mi canal.
En este vídeo os contaré todo sobre las web Responsive, para qué sirven y qué ventajas tienen.
- Que es una web Responsive. Un diseño web que se adapta de forma automática al dispositivo desde el que se visualiza.
- Características de una web Responsive.
- Facilidad de implementación para el diseñador.
- El ahorro de costes frente a las otras alternativas.
- La facilidad para el usuario, es mucho más fácil de usar y entender una web Responsive para el usuario, que las otras opciones de construcción de web.
- La coherencia entre el código de la web de la versión móvil y el código de la web de la versión escritorio.
- Google lo interpretará de forma más fiable y sencilla, y esto afectará de forma positiva al SEO de la página web.
- No existirán riesgos de contenido duplicado entre la versión móvil y la versión escritorio, aspecto muy importante para el posicionamiento de tu web.
- Tipos de diseño web o alternativas a una web Responsive. Construir un diseño web para escritorio y otro diseño web para móvil, aunque Google ya ha declarado que la mejor opción siempre será la creación de una web Responsive.
- Qué hay que tener en cuenta antes de diseñar una web Responsive y porqué Google da tanta importancia a este tipo de páginas web.
Web Responsive: todo sobre ellas
¿Qué es una web Responsive?
Una web Responsive es una web que se adapta al espacio que tiene para mostrar los elementos de la página web, según el dispositivo en el que se esté mostrando.
En un escritorio las imágenes pueden ser más grande, en una tablet también al ponerla en vertical a lo mejor la disposición de los elementos cambia, en un móvil el cambio es más radical, los elementos que aparecían en horizontal tendrán que aparecer en vertical, y no son todos los móviles iguales, hay unos móviles más grandes, más pequeños,…
Siempre la web es dinámica, en el momento en el que cambia el tamaño de la pantalla, la orientación, etc, cambiará la disposición de los elementos, y no sólo eso sino que también puede cambiar el tamaño de letra u otros elementos del diseño web Responsive.
Web Responsive: todo sobre ellas
Características de un diseño web Responsive
- La facilidad de implementación, es decir, el diseñador que construya una página web Responsive no tendrá muchas complicaciones para hacerlo, porque lo único que necesita son conocimientos en CSS, que son las hojas de estilo que maquetan la página web, dictan donde tienen que estar los elementos, que tamaño deben tener, etc.
- Supone un ahorro importante en dinero en el desarrollo de la página web, porque es una página web más sencilla que la alternativa que veremos luego, y porque se trata de una sola página web, con la alternativa se deberían construir dos páginas web.
- La facilidad al usuario, ya que si éste llega por móvil o por escritorio, la página tendrá el mismo Look&Feel, el mismo estilo de página web, lo cual es importante para el usuario.
- La coherencia del código, que al ser la misma página web tiene el mismo código, y no existe discrepancia alguna, es uno solo que se transforma, y no existen dos versiones de la página web que es lo que hace la alternativa.
- La interpretación de Google, por muy mal que esté el diseño de la web, si es Responsive y está bien hecho, no hay lugar a líos, en cambio con la alternativa, Google puede encontrar dificultad para encontrar cual es la versión de referencia y cual es el texto de referencia.
- No existe riesgo de contenido duplicado, al ser solo un código se muestra el mismo código para escritorio que para móviles, de forma que el contenido en texto es exactamente el mismo o muy parecido, pero con la alternativa esto no es así.
Web Responsive: todo sobre ellas
Tipos de diseño web o alternativas a una web Responsive
Sólo existe una alternativa al diseño web Responsive, qué es construir dos páginas web, una para la versión de escritorio y otra para la versión de móviles. Esta forma de construir el diseño web para que se adapte a los móviles tiene ciertas características:
Son dominios diferentes, es decir, que la web en el móvil puede ser «m.ejemplo.com», y la web en el escritorio el dominio puede ser el principal «ejemplo.com», pero aunque se parezcan y uno sea un subdominio del otro, para Google son dos webs completamente diferentes.
Son webs distintas con códigos distintos, de forma que la web que elija Google como referencia, normalmente elige la web móvil, es la que marca el desarrollo del SEO, del posicionamiento web de tu negocio.
Para decirle a Google cual es la url de referencia, se utilizan las etiquetas canónicas, de forma que decírselo mal puede poner en riesgo la estrategia SEO y el futuro de nuestro negocio en Google, por eso, como el propio Google dice, la mejor opción para construir una web que se adapte a todos los dispositivos, es la opción de una web Responsive.
Sabemos que la alternativa es compleja hacerla al 100% perfecta, y que Google lo entienda también, por eso y por evitar los contenidos duplicados, sería suficiente para decidirse por la opción de web Responsive.
Si te ha gustado lo que te he contado, o te ha surgido alguna duda al respecto, puedes contactar conmigo en Encuéntrame.
