En los más de 15 años desarrollando páginas web para empresas, asociaciones y particulares, he pasado por diferentes codificaciones y estilos, desde crear páginas web en html y asp en entorno Windows hasta los CMS de hoy en día.
También a lo largo de ese tiempo he encontrado proveedores de servicio buenos, malos y todo lo que va entre medias de esas 2 categorías. En los años 2000 en España no había proveedores competitivos, ni en precio ni en el servicio ofrecido, estando muy por detrás de lo que otros países como EE.UU. ofrecían en esos momentos. Pero bueno, esto quizás es mejor dejarlo para otro artículo porque tiene mucha historia.
En la actualidad hay 2 proveedores con los que trabajo habitualmente: IONOS (antiguo 1&1) y webempresa. Es precisamente en el Centro de Ayuda del primero donde encontré un artículo muy interesante, que guardé por si en el futuro me atrevía a redactar algo parecido:
De este texto he extraído el contenido para este primer artículo que publico en mi recién estrenado blog. En algunos casos he dejado tal cual ese texto, en otros lo he modificado según mi propio criterio. En cualquier caso, espero que os sea de ayuda y guía para aquellos que pensáis tener vuestra propia página web.
6 Claves para tener un sitio web de éxito
Las siguientes recomendaciones son básicas para crear un sitio web optimizado y rentable.
1. Menos es más: un diseño simple es más estético
La gran mayoría de los visitantes de una web prefieren un diseño fácil de entender, claro y moderno para que resalte el contenido. Puedes influir positivamente en estos criterios teniendo en cuenta los siguientes puntos.
Textos y fuentes
Es recomendable usar fuentes sin serifa, como Arial u Open Sans, para el texto del cuerpo. El texto será más fácil de leer.Las letras con serifa, “serif”, también llamadas de tipo “Roman”, son aquellas que tienen remates en las terminaciones de sus caracteres, como por ejemplo la tipografía Caslon.
Fuente: Google Fonts
Las letras sin serifa, “sans serif”, también llamadas comúnmente “de palo seco” o de tipo “Gothic”, son las que no tienen estos remates, como por ejemplo la tipografía Open Sans.
Fuente: Google Fonts
Si es posible, utiliza solo una fuente en tu sitio web. O, por ejemplo, utiliza una fuente con serifa para los titulares y una fuente sin serifa para el texto del cuerpo. Esto permite lograr un tipo de letra armonioso que mejore la legibilidad del contenido.
Colores
Al elegir los colores, asegúrate de que haya suficiente contraste entre el color de la fuente y el color de fondo para que el texto sea fácil de leer. Por ejemplo, no utilices texto azul sobre fondo negro o texto blanco sobre fondo amarillo.
Este texto no se lee bien
Este texto tampoco se lee bien
2. Usabilidad y navegación: guía a tus visitantes visualmente por tu sitio web
La jerarquía visual determina el orden en que los elementos son percibidos por el ojo humano. Esto te permite llamar la atención de los visitantes de tu sitio web sobre la información más importante. Puedes determinar la jerarquía visual de tu web principalmente con el tamaño, el color, los contrastes, la disposición y la repetición de los elementos de texto e imagen.
Los criterios más importantes para la jerarquía visual de una web son:
- Posición (arriba o abajo en la página)
- Tamaños (grandes o pequeños)
- Imágenes (vídeo, imágenes, símbolos)
- Contraste (color y espacio en blanco)
Por ejemplo, es más probable que un visitante vea un vídeo colocado en la parte superior de una página. Un texto será leído cuando se combina con imágenes interesantes.
3. Cómo destacar: formula encabezamientos claros y utiliza palabras clave
Textos precisos y claros son de importancia crucial para el éxito de tu web, de modo que los visitantes puedan entender fácilmente los mensajes más importantes. Trata de escribir textos interesantes y convincentes que llamen la atención sobre tu industria o proyecto.
Al mismo tiempo, los textos de alta calidad representan un verdadero valor añadido para tus visitantes y los motores de búsqueda también valoran positivamente la relevancia del contenido. Aquí encontrarás algunos consejos para los títulos y textos.
Títulos
Probablemente crees que los títulos deben ser extremadamente originales. No te preocupes, normalmente no es así. La mayoría de los sitios web de éxito utilizan títulos descriptivos que transmiten un mensaje claro e indican a los visitantes a primera vista si están "en el lugar correcto".
El título debe ser corto y expresivo. Trata de limitarte a lo esencial.
Textos
El contenido es la clave para un sitio web de éxito. Lo bueno, si breve, dos veces bueno: describe tu servicio o producto lo más brevemente posible, ya que a la mayoría de las personas no les gusta leer mucho texto. Es recomendable el uso de sinónimos y términos semánticamente relacionados a tus palabras clave.
Trata de diferenciarte de tus competidores con tu propio estilo y elección de palabras, y proporciona a tus visitantes nueva información. De esta manera animarás a los visitantes a leer los textos.
4. Lenguaje visual de calidad: asegúrate de que tus imágenes coincidan con el contenido de la página y tengan la resolución correcta
Las imágenes son una excelente forma de visualizar el contenido y los mensajes. Sin embargo, hay algunos aspectos básicos a considerar antes de publicar imágenes en tu web:
- El contenido y los mensajes de tu web deben coincidir con tus imágenes. Deben corresponder a tu sector industrial: si vendes zapatos, no debe visualizarse el contenido con las fotos de un restaurante.
- Elije la resolución óptima para que tus imágenes se muestren con la nitidez necesaria y los tiempos de carga de tu web se mantengan dentro de límites razonables. El equilibrio adecuado es especialmente importante en este caso: las imágenes no deben ser borrosas para proporcionar un valor añadido a los visitantes de tu web. Sin embargo, si el tamaño del archivo de tus imágenes es demasiado grande, esto tendrá un efecto negativo en el tiempo de carga y respuesta de tu sitio web.
- Para conseguirlo hay que tener en cuenta 3 factores: Peso, Tamaño y Calidad. Lo ideal es que pesen menos de 300KB. Como consejo decirte que los formatos .png suelen pesar más que los .jpg, así que guardando como jpg ya estás reduciendo peso (si no necesitas que tenga fondo transparente en cuyo caso tiene que ser png). Luego está el tamaño de la imagen, para web es suficiente con 2400px en su lado más largo si es para una imagen a pantalla completa en un monitor grande, si es para otro sitio de la web el tamaño puede ser incluso menos, 1024px. Y por último la calidad, yo las guardo en Photoshop con calidad media y es más que suficiente. Así se reduce el peso de una imagen para que sea óptima para web y el rendimiento sea lo mejor posible.
Fuente: https://help.leadsquared.com/what-is-a-responsive-landing-page/
5. Estructura de la página: crea nombres fáciles de entender para tus puntos de navegación y asegúrate de que los enlaces funcionan
Una navegación clara y sencilla ayuda tanto a los motores de búsqueda como a tus visitantes a orientarse mejor en tu sitio web.
La referencia de la navegación al contenido debe estar presente en todo momento. Asegúrate de que los enlaces funcionan y llevan a las páginas correctas. No hay nada más frustrante para los visitantes de un sitio web que un enlace roto o que no salta al contenido deseado.
Los motores de búsqueda también se benefician en cierta medida de una navegación clara y, por lo tanto, pueden determinar el papel que desempeña una página en particular en la estructura general del sitio web.
6. Revisión final de tu sitio web antes de publicarlo
Antes de publicar tu web, debes examinarla detenidamente y comprobar los siguientes puntos:
- Todos los temas se presentan con contenidos elaborados y atractivos.
- Todas las páginas, textos, imágenes y elementos relevantes están disponibles y tienen el SEO básico para un buen posicionamiento orgánico.
- Los visitantes encontrarán fácilmente tu información de contacto y los textos legales: aviso legal, política de privacidad, política de cookies. Y en el caso de tiendas online, los Términos y condiciones de venta. No olvides el banner de aceptación de cookies. Si no sabes cómo buscar las cookies que utiliza tu web, o como poder adaptar correctamente el RGPD, consulta con un desarrollador experto.
- La navegación es lógica y tiene un hilo conductor. Consejo: pídele a un amigo o familiar que compruebe que la navegación y los enlaces funcionan.
- Comprueba la versión adaptable de tu web en un teléfono móvil y tableta. Con casi todos los kits de construcción de sitios web y CMS (sistemas de gestión de contenidos, por ejemplo WordPress) puedes ver una vista previa de la versión móvil en tu ordenador para comprobarla directamente y hacer los cambios necesarios.