Diseño de una página web efectiva, de la A a la Z

El diseño de una página web es de enorme importancia, ya que no sólo afecta a la experiencia de navegación de los usuarios, sino también a la campaña de posicionamiento en buscadores (SEO). Estos dos factores muchas veces se ven como antagónicos, pero para tener un diseño amigable que vaya de la mano del trabajo del SEO se debe pensar diferente.

Imagina al SEO como un conjunto de técnicas que posibilitan una mejor experiencia de navegación. Aquí te voy a mostrar algunos consejos que te ayudarán en este sentido.

Navegabilidad y funcionalidad

  • Discute y comparte el diseño con el equipo de desarrollo. Concéntrate en la viabilidad del diseño antes de comenzar.
  • Agrupa los contenidos por relevancia y utiliza un menú descriptivo que facilite el encontrar la información que los usuarios buscan.
  • Utiliza enlaces con texto al pie de las páginas para ayudar a la navegación. Estos también son útiles para los motores de búsqueda.
  • Implementa una navegación con menú visible en cadena, que permita visualizar la estructura de la página. Esto ayudará a los visitantes a seguir el rastro de su historial de navegación y a los buscadores entender su estructura.
  • Piensa todas las páginas como una “landing page” o página de inicio, dando toda la información de dónde se está, qué va a encontrarse aquí y dónde dirigirse después.
  • Ubica tu logo, nombre y primer mensaje en la parte superior de la página. La primera impresión es fundamental.
  • Utiliza la misma plantilla de tu sitio para cada categoría, eso hará más sencilla la navegación.
  • Evita que las páginas se extiendan hacia los costados (scroll horizontal), es más incómodo para los usuarios.
  • Reduce los tiempos de carga de tus sitios.
  • Evita las ventanas emergentes.
  • Considera una cantidad adecuada de palabras clave a utilizar. La aparición excesiva de ellas hace la lectura más incómoda y empeora la imagen de tu marca.
  • Utiliza herramientas como “Keyword Analyzer” para evitar efectos de SPAM.
  • Utiliza elementos de título de HTML (H1 – H6) para encabezados descriptivos y aprovechar sus ventajas sobre los motores de búsqueda.
  • Ofrece imágenes relevantes que permitan el agregado de texto.
  • Si quieres que tu texto pueda ser indexado o arrastrado, no le incluyas imágenes o elementos flash.

Diseño Web y elementos de Marketing

  • Utiliza un llamado a la acción para mantener a los usuarios con interés de continuar navegando (“haz click aquí, para saber más de...”).
  • Fomenta la interacción con tus usuarios, agrega contenido que permita ser comentado o compartido.
  • Incorpora botones de redes sociales para que el diseño pueda compartirse.
  • Muestra imágenes descriptivas y sugestivas.
  • Ten en cuenta la universalidad de los sitios, la inculturación. Para el tamaño de los botones y menú algunos idiomas pueden requerir mayor tamaño que otros.
  • Reserva espacio para los avisos de publicidad, ten en cuenta los tamaños estándar.
  • Muestra plugins sugestivos para ofrecer opciones al usuario y ayudarlo a visitar sitios con información relevante.

Aspectos técnicos de SEO

  • No desarrolles sitios completamente en flash. Utiliza JavaScript y plugins jquery para lograr los mismos efectos cuando sea posible.
  • Evita utilizar navegación flash.
  • Evita el uso excesivo de JavaScript y AJAX. Deberían utilizarse para mejorar la experiencia (para obtener efectos tipo flash), pero no para ver el sitio. Recuerda que algunos dispositivos móviles tienen problemas con JavaScript.
  • Asegúrate que el diseño encaje en la resolución de pantalla estándar, generalmente de 1024X768. Aunque puedes utilizar Google Analytics para ver la resolución de pantalla más utilizada por tus visitantes.
  • Pon a prueba tu sitio con los principales dispositivos y navegadores del mercado, asegúrate de su compatibilidad y renderización entre ellos.
  • Analiza su contenido como lo hacen las robots “spider” de los buscadores desactivando flash y plugins. También puedes utilizar el WSA Spider de la herramienta Web SEO Analysis.

Por último y no menos importante: ponte del lado de los usuarios e intenta percibir qué es lo mejor para ellos. Un buen diseño optimizado para la experiencia de navegación y las técnicas de SEO es posible.

Picture of Sobre mí

Sobre mí

¡Hola! Me llamo Jose AMD, vivo en Sevilla y soy Desarrollador Web. Estoy aquí para ayudarte a crear y mejorar tu página web, para que así puedas convertir tus grandes ideas en realidad. ¡Infórmate!

Déjame un mensaje

Me gustaría saber más sobre ti, tus proyectos y cómo crees que puedo ayudarte con tu página web. Puedes contactar conmigo enviándome un email a info@joseamd.es o rellenando el siguiente formulario, como prefieras 😉

  • Este campo es un campo de validación y debe quedar sin cambios.

Scroll al inicio