Que es el responsive web design o diseño web adaptativo y su importancia para el SEO

Que es el responsive web design o diseño web adaptativo y su importancia para el SEO

El otro día, mirando las estadísticas de este blog me di cuenta de que cada vez son más la gente que lo visita desde dispositivos móviles, es decir, tablets o teléfonos móviles. Eso reafirmó mi idea de lo importante que era el responsive design o diseño web adaptativo.

¿Qué es el responsive web design o diseño web adaptativo?

Así que el uso de dispositivos móviles para entrar en internet está a la orden del día. No cabe duda de que, por las medidas de pantalla que tienen los smartphones y las tablets (son más pequeñas que la pantalla de un portátil y pueden verse en vertical y horizontal, aunque algunos smartphones se están haciendo tan grandes que es muy difícil llevarlos en el bolsillo), una web no se va a ver igual en un portátil que en cualquiera de estos dispositivos. Por eso la web tiene que estar adaptada para poder verse en cualquier sitio, no solo en un ordenador. Para eso existen dos alternativas:

  • Tener una versión móvil de la web. Es decir, una versión de la web específica para dispositivos móviles. Por ejemplo, en el caso de Facebook tenemos la versión tradicional https://www.facebook.com/ y la versión para móviles https://m.facebook.com/.
  • Implementar un responsive web design o diseño web adaptativo. Consiste en diseñar una web que se adapte a todo tipo de resoluciones de pantalla.

Ventajas del responsive web design e importancia para el SEO

La principal ventaja del diseño adaptativo que ven los diseñadores web es que no tienen que diseñar primero una versión de la web para ordenadores y después hacer otra para dispositivos móviles, así que el responsive web design es una forma de ahorrar tiempo y esfuerzos.

A efectos de SEO, la balanza se inclina nuevamente a favor del responsive web design. Los motivos son estos.

  • Se evitan problemas de contenidos duplicados. Si se trabajase con una versión normal de la web y con otra móvil tendríamos dos urls apuntando al mismo contenido. Eso implicaría realizar toda una serie de redirecciones, exponiéndonos a posibles fallos. Con el diseño web adaptativo evitamos todo eso.
  • Se evitan errores al compartir los contenidos en las redes sociales. Imagina que tiene dos versiones de tu web y quieres compartir en Facebook alguno de sus contenidos. Si compartes en enlace a versión normal, la gente que lo vea desde el móvil no lo visualizará correctamente, y si lo compartes la url de la versión móvil, los que accedan a Facebook desde su ordenador serán los que tengan problemas. Nuevamente, con el diseño web adaptativo evitamos esos problemas.
  • Tener dos versiones de la web es como tener dos webs distintas, así que deberías repetir todo el trabajo de optimización SEO para la versión móvil de la web. Con el responsive design optimizas solo una vez.
  • ¿Qué pasa con tu estrategia de linkbuilding? Con dos versiones web los valiosos enlaces entrantes se repartirán entre la versión móvil y la normal, obligando al sufrido SEO a hacer el doble de trabajo. Aparte de los intralinks, ya que puede ser que por equivocación acabes teniendo enlaces a la versión móvil dentro de la versión estándar y viceversa. Nada de esto pasa con el responsive design.

 Si mis palabras no os convencen, puede que lo haga saber que el responsive web design es la opción preferida por Google.

Si quieres tener una web que se pueda disfrutar en cualquier dispositivo, contacta con YoSEO Marketing ¡No lo dudes más y pásate al responsive design!

Os deSEO un buen día,

William Penguin.

Hey, like this post? Why not share it with a buddy?

7 Comentarios

  • Pepa 23/12/2013 23:59

    Pοdr
    a decirse ԛuue no estoy completamente deacuerdo
    con la forma de expresarlo, sin embargo si estoy ԁeacuerdo lo ԛue se quiere hacer entender.Enhorаbuena

  • Web Hugo 26/12/2013 16:08

    Gracias por la información de diseño web responsive, siempre es útil tener más información al respecto.

  • Lopez 08/01/2014 07:18

    No estoy del toԁo deacuerdo con la forma en que
    ѕe dice, pero si estoy deacuerdo lo que se dice.S2

  • Trackback: Cómo eliminar una URL indexada por Google
  • Diseño web SEO móvil 25/02/2014 12:39

    Muchas gracias William, si lo dice Google habrá que hacerle caso. Aun así, todavía queda mucho por recorrer en el mundo responsive. A mí me sucede a menudo que al querer cerrar un anuncio por ejemplo acabo por clicar en él. Y hablo de webs responsive también… Siempre pienso “esto hay que mejorarlo…”

    Muchas gracias por los consejillos y te sigo que no conocía el blog 🙂
    Monica.

    • admin 25/02/2014 21:42

      Jaja, si esos fallos son habituales. A mi tampoco me gusta nada la publicidad intrusiva. Gracias por pasarte por el blog y dejar un comentario, Monica.
      un saludo

  • Diseño de paginas web 24/04/2014 19:59

    Buena explicación de lo que es “responsive design” y sus ventajas, aunque debemos señalar que en el caso de web complejas como la de Facebook se justifica hacer dos versiones diferentes de webs. En este caso, es muy difícil manejar en una sola versión, la disposición y tamaño de los elementos web para ambos dispositivos de conexión, además que debemos tener en cuenta la rapidez con que debe cargar la aplicación en los dispositivos móviles. En otros casos, si es mejor hacer una sola versión usando HTML5

Deja tu respuesta