Home ¬Ľ Web ¬Ľ Los 10 errores de dise√Īo web m√°s comunes que puedes evitar
Los 10 errores de dise√Īo web m√°s comunes que puedes evitar

Los 10 errores de dise√Īo web m√°s comunes que puedes evitar

Tu web es la carta de presentaci√≥n digital de tu negocio. Si no recibir√≠as a tus clientes en un espacio en obras y desali√Īado, ¬Ņpor qu√© causar una mala impresi√≥n con tu web?¬†

Descubre los errores de dise√Īo web m√°s habituales que cometen muchas empresas en su web corporativa para que puedas evitarlos. Presta atenci√≥n y consigue una web digna de WOW con nuestros consejos.

Los errores de p√°ginas web m√°s frecuentes

Por descuido, por desconocimiento‚Ķ Son muchos los motivos por los que puedes acabar cometiendo uno de estos errores de dise√Īo web. Lo importante es conocerlos para no caer.

1. Errores 404

Se trata de páginas de nuestra web que ya no están disponibles. Puede que la URL haya cambiado o que el producto, en el caso de un e-commerce, esté descatalogado. 

Sea como sea, lo que transmiten al visitante es una falta de preocupación por nuestra página web, además de una mala experiencia de usuario. Si Google detecta muchas páginas de este tipo puede interpretar que el contenido de la web no está actualizado y penalizar su posicionamiento.

La mejor manera de evitarlos es rastrear nuestra web periódicamente para detectarlos, usando herramientas como Google Search Console. De esta manera, podrás indicar a los buscadores que el contenido ya no estará disponible o bien, redireccionar esas páginas.

Otra forma de mejorar la experiencia de usuario es personalizar la p√°gina de error 404. De esta manera, transformas una experiencia negativa en positiva, ofreciendo alternativas en la navegaci√≥n e incluso, puedes provocar una sonrisa en el usuario. Por ejemplo, GitHub hace un gui√Īo a Star Wars y te invita a hacer una b√ļsqueda en el sitio.

 

ejemplo error 404
404 error pagina no disponible. Fuente: Github

2. P√°ginas demasiado pesadas

Estamos a favor de la interacción, de los contenidos dinámicos de la web, de las imágenes bonitas…, pero pensando siempre en la función de cada elemento. 

Recargar tu web de im√°genes, animaciones o v√≠deos puede entorpecer la navegaci√≥n y, sobre todo, hacer que la carga sea muy lenta. Y si tu web carga lentamente, tendr√°s dos problemas: probablemente, los usuarios la abandonar√°n si no carga antes de 3 segundos, y Google penalizar√° su posicionamiento. Optimiza siempre las im√°genes que subas a tu sitio web y no a√Īadas contenidos sin un prop√≥sito.

 

Si tu web no carga antes de 3 segundos, los usuarios la abandonar√°n y Google penalizar√° su posicionamiento

 

3. Poco contenido

P√°ginas con poco contenido son uno de los errores de dise√Īo web m√°s comunes. Frecuentemente hay empresas que quieren incluir una p√°gina por cada servicio que ofrecen pero, en ellas s√≥lo incluyen una imagen o un p√°rrafo de texto.

Piensa siempre en el usuario y sintetiza al m√°ximo. Si s√≥lo quieres dar una pincelada sobre los servicios que ofreces, agr√ļpalos en una misma p√°gina. Evitar√°s contenido redundante y que el usuario sienta que ha perdido el tiempo haciendo clic en una p√°gina que no le aporta nada nuevo.

 

Contenido relacionado |  Growth Hacking: estrategias para optimizar la conversión de tu web

 

4. Black Hat SEO

El buen SEO es fundamental para posicionar tu web en buscadores. Pero esto no quiere decir que todo est√© permitido. En ocasiones encontrar√°s dise√Īadores que quieran ofrecerte atajos para ser el primero en Google. Nuestro consejo es claro: huye en direcci√≥n contraria.

Algunas de las pr√°cticas que Google penaliza es el Keyword Stuffing, o lo que se conoce como la sobre-optimizaci√≥n del texto, repitiendo palabras clave de una manera abusiva y poco natural. En la misma l√≠nea, algo que se hac√≠a hace a√Īos, era incluir texto del mismo color del fondo de la p√°gina de manera que s√≥lo fuera visible para los buscadores.¬†

 

resultados seo en google
Pagína con posicionamento sitio web. Fuente: Rawpixel

 

Otra t√©cnica de Black Hat SEO es el Cloaking, que consiste en mostrar un contenido para las ara√Īas de los buscadores mientras que al usuario se le redirige a un contenido distinto. En la actualidad es una acci√≥n perseguida por Google que tan s√≥lo puede acarrear una penalizaci√≥n.

Sentido com√ļn. Apuesta siempre por textos de calidad, contenidos que tengan inter√©s para tus usuarios y que est√©n optimizados, pero que sean coherentes y naturales y no tendr√°s ning√ļn problema.

 

Quiz√°s te interese: Se√Īales de que (por fin) necesitas contratar una agencia SEO

 

5. Dise√Īar siguiendo una moda

Como ocurre en cualquier otra disciplina, el dise√Īo web tambi√©n tiene modas y tendencias. Sin embargo, remodelar una web bas√°ndose exclusivamente en una moda, sin trabajar tu identidad corporativa, s√≥lo provocar√° una web que quedar√° muy trendy los primeros meses, pero que estar√° desfasada en poco tiempo. Planta cara a los clones, insp√≠rate en las tendencias y ll√©valas a tu identidad.

6. Imágenes de poca calidad 

Al igual que hablábamos de imágenes pesadas, tampoco puedes caer en el extremo contrario y usar imágenes de poca calidad, pixeladas o con distorsiones. Las imágenes tienen una relevancia fundamental, especialmente en el caso de tiendas online. 

Siempre que sea posible, utiliza im√°genes originales, que muestren tus instalaciones, productos, etc. Si no, recurre a bancos de im√°genes de calidad.

7. Mala combinación de colores

El usuario debe ser el centro del dise√Īo web. Si un contenido est√° trabajado, pero la combinaci√≥n de colores hace que no sea legible, el usuario abandonar√° la p√°gina.¬†

Conf√≠a siempre en los dise√Īadores. Ellos son los expertos que te aconsejar√°n sobre la mejor combinaci√≥n de colores para ofrecer una buena experiencia de usuario.

 

Quiz√°s te interese: La influencia de los colores en el dise√Īo web

 

colores para el layout de una web
Tabla con combinaciones colores. Fuente: Rawpixel

 

8. Tipografía poco legible

En la misma línea del error anterior, escoge bien la tipografía del sitio web. A veces, buscando originalidad, se escogen tipografías poco amigables a las pantallas. 

Escoge siempre que sea posible tipograf√≠as de tipo serif o sans serif, con un tama√Īo suficiente para la lectura. Normalmente, el tama√Īo m√≠nimo para asegurar una buena lectura es del 16px.

9. Demasiado texto

Aportar informaci√≥n de valor, s√≠. Pegar un texto interminable sin formato, nunca. En la web, los usuarios tienden a escanear, no a leer en profundidad. Usa negritas, encabezados seg√ļn la importancia y p√°rrafos cortos y facilitar√°s que el usuario encuentre lo que est√° buscando.

10. Navegación compleja

Plantear una mala arquitectura web es un error de dise√Īo web muy com√ļn. La informaci√≥n de tu p√°gina web siempre debe ser f√°cilmente accesible. Hay una m√°xima si hablamos de dise√Īo web y usabilidad y es que ning√ļn usuario deber√≠a tener que hacer m√°s de 3 clics desde la home para llegar a una secci√≥n.

 

Ning√ļn usuario deber√≠a tener que hacer m√°s de 3 clics desde la home para llegar a una secci√≥n

 

Men√ļs con submen√ļs interminables, muchas p√°ginas de servicios con muy poca informaci√≥n‚Ķ Son muchas las malas pr√°cticas que pueden verse en este sentido. Planifica bien sobre papel qu√© estructura debe tener tu web y, siempre que sea posible, agrupa contenidos pensando siempre en las necesidades de tus usuarios.

 

Cómo evitar los errores web

Evitar los errores web m√°s frecuentes es algo sencillo si trabajas con el equipo adecuado. Contacta con una agencia de dise√Īo web o profesionales que tengan una experiencia contrastada como Yeeply.¬†

Todos los profesionales que forman parte de nuestra red han sido certificados en un proceso muy riguroso para poder garantizar la calidad en cada proyecto realizado. Contar con nosotros como partner digital te evitar√° problemas al abordar el proyecto de dise√Īo de tu web.¬†

 

Cuéntanos qué página web quieres, y nos ponemos manos a la obra. ¡Te esperamos!

Proyecto Web

Escrito por

Yeeply
Yeeply

Yeeply es una plataforma premium especializada en el desarrollo de apps móviles y sitios webs a medida. Desde 2012 nuestros clientes nos confían el desarrollo de sus proyectos, y nos apoyamos a nivel técnico en los mejores profesionales certificados: desarrolladores de aplicaciones móviles o web freelance, empresas de software top, y agencias mobile más punteras. ¡Crear una app o crear una web nunca ha sido tan rápido, confidencial y seguro como con Yeeply! Publica tu proyecto de software en Yeeply y deja que nuestro equipo te ayude durante todo el proceso.