Cómo hacer diseño web responsive que haga feliz a Google y a tu cliente

¿Cómo hacer una web responsive?

La respuesta a esa pregunta es muy sencilla.

Tan sencilla que posiblemente no tiene sentido intentar escribir todo un artículo para responderla, lo admitimos.

Si sigues el blog de POM Standard desde hace tiempo sabrás perfectamente lo que vamos a responder.

¿Sí?

¿Te lo imaginas?

Aquí la tienes: no te mates intentándolo.

Déjalo en manos de profesionales. 

Hemos pasado la etapa aquella de “no quiero invertir y voy a intentar hacerme yo una web en WordPress que ¡tampoco tiene que ser tan difícil!”.

Pero ¡de largo!

Y estamos en la etapa “si no haces las cosas bien hechas ni lo intentes”.

Por eso, ni tú, ni nadie que no sea profesional del diseño web tendría que estar buscando la respuesta a “cómo hacer diseño web responsive” en internet.

Porque es como preguntarle “cómo fabrico empastes dentales que duren”.

No lo harías nunca porque sabes que solo el profesional de la ortodoncia es capaz de hacer su labor con resultados excepcionales.

Además, más que preguntar cómo hacer diseño web, habría que preguntar por qué hacer diseño web responsive

Porque ahí sí que todavía parecen haber muchas dudas.

Y no tendría que haberlas.

 

¿Por qué hacer diseño web responsive?

Por una razón muy sencilla: Mobile First.

¿Qué es Mobile First?

Te lo contábamos en este artículo.

Pero, en pocas palabras Mobile First es una de las últimas reglas del juego impuestas por Google.

Para ti significa que Google se va a fijar primero en la versión móvil de tu web para indexarla.

Es decir, sus bots rastrean por la infinidad absoluta de internet y en milésimas de segundos se encuentran con tu web y con las de tus competidores.

¿Cómo deciden en qué orden deben posicionar los resultados?

Entre otras cosas, buscan las webs que están optimizadas para móviles.

¿Por qué?

Porque la mayoría de los usuarios hoy utilizan sus móviles para todo, y la filosofía de Google hoy es “user experience” ¡por encima de todo!

Si tu web no responde a los requisitos impuestos por Google en Mobile First, va a pasar de ti, y se va a centrar en las webs que están preparadas para dispositivos móviles.

Al ver que la tuya no está a la altura, se la pasará por alto y tus clientes potenciales no te van a encontrar.

Por eso, es imprescindible que tu diseño web sea responsive.

 

¿Cómo hacer diseño web responsive que haga feliz a Google?

Tamaños de pantalla

Tienes que diseñar tu web siguiendo las rígidas normas de tamaño establecidas por Mobile First. ¡Como si de una app se tratase!

No solo para evitar el desprecio de Google sino también para evitar problemas de adaptación con las pantallas o sobrecargar la página de elementos inútiles.

Hay que utilizar un layout que use selectores CSS como “min-width” en lugar de “max-width”: de esa manera creas facilidad y soltura para el usuario en cualquier tamaño de pantalla.

 

Velocidad de carga de página

Los diseñadores profesionales utilizamos librerías que nos permiten hacer una carga de página condicional, evitando cargar recursos innecesarios cuando el usuario llega desde su móvil.

 

Jerarquías de contenido

Nuestra misión al crear una web Mobile First es siempre presentar contenidos realmente relevantes para el usuario.

El resto, ¡fuera!

Hay que saber detectar sus objetivos, priorizar y sintetizar la información que se le va a ofrecer y organizar el contenido de la manera más clara y sencilla posible para que tome el siguiente paso.

Así se crea diseño web responsive que haga feliz a Google, ¡en muy, muy resumidas cuentas!

 

¿Cómo hacer diseño web responsive que haga feliz a tu cliente?

El concepto de Mobile First fue inicialmente acuñado por diseñadores profesionales como Luke Wroblewski en 2009.

Worblewski describía ya entonces al usuario móvil como “un ojo y un pulgar”.

Una descripción muy poco humanizada de la realidad, pero muy acertada en cuanto a que nos obliga a los creativos a simplificar el diseño para que ese ojo pueda conectar con lo que ve en su móvil rápidamente…

Y para que ese pulgar pueda actuar fácilmente.

Y que pueda hacerlo de manera relajada y cómoda.

Así es cómo se hace diseño web responsive.

¡Se deja en manos de especialistas del Mobile First!

¿Por qué vas a complicarte la vida con temas tecnológicos con lo mucho que tú tienes por hacer?