Los aspectos más importantes a tener en cuenta si vas a hacer un diseño o rediseño de tu sitio web

Si has llegado hasta aquí probablemente sea porque te planteas crear una nueva web o bien te planteas rediseñar la tuya. ¡Perfecto! Has llegado al sitio adecuado. El Diseño Web es una disciplina que está en constante evolución, y hace tiempo que quedó atrás eso de crear una web y listo. Tu web debe ser dinámica y además de tener un diseño llamativo y agradable de ver, entran en juego otros factores como la usabilidad, la experiencia de usuario o la optimización para buscadores.  

Además, desde la irrupción de los Smartphone el volumen de visitas a webs desde estos dispositivos se ha disparado, siendo en muchos casos incluso superior las visitas desde móviles o tablets que desde ordenadores. Así, tu web debe estar adaptada y se usable desde todo tipo de dispositivos, esto significa que tu web es responsive. Te aclaramos más sobre este término en las siguientes líneas.

Diseño responsive

Un sitio web responsive es aquel que dispone de un diseño adaptado a todos los dispositivos (Ordenador, móvil, Tablet, etc.).

La principal ventaja de contar con una web responsive es que siempre será el mismo sitio web pensado para adaptarse a todo tipo de tamaño de pantalla posible.

Hay una serie de elementos que debes tener en cuenta para valorar la adaptación de tu sitio web a todo tipo de dispositivos:

A) Textos. En cuanto a textos existen varios aspectos que conviene valorar, sobre todo el tamaño. Ten en cuenta que el tamaño debe adaptarse a cada pantalla y hacer legible los textos. Seguro que has visto alguna que otra web que accedes desde el móvil y todo aparece diminuto ¿verdad? Bien, pues esa web, ya te decimos que no tiene un diseño responsive.
También es importante la tipografía. Intenta escoger una tipografía que, además de identificarte, sea legible.

B) Imágenes y videos.
Aquí tienes que prestar bastante atención. Los elementos audiovisuales aportan bastante dinamismo e impacto a tu sitio web, ahora bien, la calidad de las imágenes debe ser optima para adaptarse y no pixelarse en pantallas grandes, por ejemplo. O bien si utilizas videos asegúrate de que estos pueden visualizarse también en dispositivos móviles, a menudo los videos de gran tamaño, por ejemplo como fondo de una portada, no cargan en móvil, e incluso esto puede ralentizar demasiado la velocidad de carga de tu sitio.

C) Usabilidad. Ten en cuenta los mecanismos que utilizamos para navegar en cada dispositivo. En el caso de tablets y móviles lo hacemos a través de pantallas más pequeñas y con táctil, mientras que en el caso de ordenador utilizaremos el ratón. Esto significa que los botones, menús y demás elementos deben estar adaptados para ser usados en todos estos formatos.

D) Velocidad de carga. Ya hemos comentado algo al respecto, y es evidente que la capacidad de carga de un móvil no es la misma que la de un pc, por lo tanto, optimiza tus imágenes para que el tiempo de carga no sea demasiado lento, pero ten en cuanta que no pierdan demasiada calidad. Existen muchos mecanismos y formas de medir la velocidad de carga. Es mejor que consultes con una Agencia Especializada en Diseño o un profesional que te asesore en este proceso de optimización.

Teniendo en cuenta todos estos aspectos seguro que podrás saber si tu web necesita mejorar para ser 100% responsive. Pero no… Tener una web responsive no lo es todo. Hay otros aspectos que debes tener en cuenta sobre el diseño de tu web.

Diseño web adaptado SEO


Como seguro que sabes el SEO es parte fundamental del entorno digital actual. Se trata de optimizar un sitio web para obtener mejores posiciones en buscadores.
Que tu web esté adaptada para aparecer en buscadores y que éstos no penalicen tus contenidos es vital.

Si bien es cierto que, lejos de los que muchos puedan pensar, el SEO es una estrategia a largo plazo y que no cesa con el diseño de una web. Es decir, no basta con tener una web optimizada, tendrás que generar contenido y hacer uso de varias técnicas para romper en los rankings de búsqueda… Asimismo lo primero de todo es tener un buen cimiento donde construir una fuerte estrategia SEO, ese cimiento es tu sitio web.

Existen una serie de aspectos clave, que no puedes pasar por alto para que tu sitio web se indexe de forma adecuada y por tanto tenga posibilidades de aparecer en las búsquedas orgánicas de Google. Aspectos como:

  • El primer aspecto es el que ya hemos comentado: Tener una web responsive repercutirá positivamente en tu SEO. Hace ya algún tiempo Google y su “Mobile First Index” se encargan a través de su algoritmo de posicionar y valorar mejor las webs que están adaptadas a todo tipo de dispositivos.

  • Las imágenes. Aunque no lo parezca a menudo muchos diseñadores olvidan la importancia de los elementos gráficos, éstos, además de tener el peso y tamaño adecuados deben estar optimizados con las palabras clave de tu sitio web. Si no sabes muy bien a qué nos referimos, no te preocupes, consúltalo con tu diseñador o diseñadora.

  • Las palabras clave y los headings. Tampoco se trata de que sobre optimices tu sitio web. Es decir si tu negocio es una “Zapatería en Madrid” no hace falta que llenes todo tu sitio web con dicha palabra clave, pero sí que de un modo natural utilices los elementos básicos del SEO onsite para dejarle a claro a Google de qué va tu landing page. Es importante que consultes con un especialista SEO y que éste se ponga de acuerdo con el diseñador, o bien con una Agencia de Marketing que tenga en su plantilla a profesionales de ambos ámbitos así será más sencillo integrar las dos disciplinas.

Diseño orientado a la conversión

Si ya tienes un sitio web y consideras que este está optimizado, es decir, recibes visitas, pero éstas no realizan ninguna acción en tu sitio, quizás lo que necesites será orientar tu web hacia una mayor conversión.

Desde la portada hasta las páginas de servicios o productos, deber orientar al usuario a que cumpla con los objetivos de tu web.

Algunas ideas básicas para orientar tu web hacia una mayor conversión son:

  • Ser responsive. Una web responsive es aquella que se adapta a todos los dispositivos. Aún en los tiempos en los que nos encontramos hay cientos y miles de webs que no se adaptan a móvil o Tablet.

  • Información breve y concisa. Deja para la portada los títulos, frases cortas, facilita la lectura, simplifica el menú, etc. Aún se siguen viendo auténticas parrafadas en páginas de inicio o menús interminables.

  • Destaca lo importante. Si tienes una tienda online no olvides poner las ofertas en la portada. ¿Para qué poner ofertas si no las promocionas?
  • Utiliza CTA’s (Call to Action). Las CTA’s o llamadas a la acción son botones, banners o cualquier accionable que permita al usuario realizar una acción en tu web.

  • Evita animaciones complejas, imágenes que realenticen o complementos como música que no apoyen al contenido.

  • Combinación de colores y tipografía. Utiliza una tipografía legible y combina los colores de forma coherente.