Una página web es como un lienzo en blanco. El diseñador la hace a su antojo o siguiendo las pautas indicadas por su cliente.
Si el autor es un profesional habrá tenido en cuenta diversos aspectos, los inmediatamente visibles y aquellos que pasan desapercibidos en un primer vistazo, pero que contribuyen al éxito o a la buena calidad de la obra.
¿Quieres estar seguro de si tu web cumple ciertos preceptos comunes o básicos?, ¿estás pensando en elaborar o encargar una web? Te indicamos algunas características de buenas prácticas que por desgracia no siempre se tienen en cuenta.
Siguiéndolas no se garantiza el éxito del sitio web, pero se tendrán ciertas garantías de que estará bien hecha, será legal y segura.
Página de inicio
La portada o la página de inicio es la más importante, y seguramente será la más visitada de tu web.
Muchas personas sobre complican el diseño o la información a mostrar. Acaban teniendo una página lenta y con diversos fragmentos de información de temas dispersos. Olvidan la regla de oro, que es:
La portada debe mostrar al usuario, desde un primer momento, de forma clara y sin necesidad de hacer scroll, a que se dedica tu negocio y su especialidad.
Adicionalmente o a continuación de esto puedes enumerar tus principales productos o servicios (no el catálogo completo), algunas ventajas o características diferenciadoras, e incluir contenido para generar confianza al posible cliente, como remitirle a los trabajos realizados, clientes destacados, o incluir algunas opiniones y reseñas…
Si tu negocio tiene un marcado acento local, como un restaurante o una tienda de barrio, podrías a lo sumo indicar hacia la mitad o final de la portada tu localización, con mapa (incrustado o enlace).
Diseño multidispositivo o responsive
El aspecto de tu web debe adaptarse al tamaño y dimensiones del dispositivo con que acceda, sea un teléfono móvil, una tablet, o un ordenador, con distintas resoluciones de pantalla.
El teléfono móvil es el principal medio usado hoy en día para navegar por internet. Debería probarse el diseño de la web con diferentes móviles y resoluciones distintas, comprobando que se puede navegar por ella correctamente y acceder a todos los contenidos.
Localización y contacto
Si disponemos de un local o cede central es aconsejable indicar su dirección, e incluso incrustar un mapa o enlazar a su ubicación en Google Maps.
Deberemos facilitar al cliente la labor de ponerse en contacto con nosotros. Lo mínimo sería disponer de un formulario de contacto en nuestra web. Sería recomendable permitir alguna forma de contacto más, como número de teléfono, WhatsApp, chat online, perfiles de redes sociales…
Referencias (opiniones, clientes y trabajos realizados)
Es interesante incluir en tu web un apartado con trabajos y proyectos realizados, o bien indicar algunos de tus principales clientes. Puedes incluir también algunas reseñas u opiniones de tus clientes.
Esto generará confianza a un usuario que navegue por tu web y quiera tener referencias de tus productos o servicios.
Carga rápida
Todos los informes reflejan la tendencia de los usuarios a abandonar sitios web lentos. La velocidad de carga es además un factor cada vez más determinante para el posicionamiento de la misma en los buscadores.
Debes procurar que tu web tarde unos 2 segundos (o menos) en cargar o poderse interactuar con ella. Esta comprobación debe hacerse en un teléfono móvil y no en un ordenador, pues tienen una potencia más limitada, tardando más en procesar e interpretar las páginas web.
Deberás tener en cuenta o realizar un mínimo de WPO (web performance optimization) para acelerar la velocidad de carga. Algunas acciones típicas de optimización a este respecto son:
- usar compresión Gzip en el servidor (el servidor enviará los ficheros comprimidos para acelerar la carga de la página)
- agrupar varios ficheros CSS en uno solo, y lo mismo para los ficheros JS (esto reduce el número de llamadas a ficheros externos a descargar)
- usar formato de imagen Webp (reduce considerablemente el tamaño de las imágenes JPG y PNG sin pérdida de calidad visible)
- usar cachés
Hay infinidad de detalles más. Teniendo en cuenta sólo estos 4 puntos notarás como tu web carga más rápida.
Para WordPress existen diversos plugins (gratuitos y de pago) para hacer optimizaciones básicas de velocidad, algunos de los más populares son:
- WP Rocket (de pago, plugin general de optimización)
- Autoptimize (gratis, plugin general de optimización)
- WebP Express (para servir las imágenes en formato WebP)
- W3 Total Cache (el plugin más completo de cachés)
Cumplir la legalidad y la protección de datos
Son varias las leyes y normativas en materia de legalidad y protección de datos a cumplir por cualquier sitio web, por sencillo que sea.
De forma muy resumida, tu web deberá tener o cumplir lo siguiente:
- texto de aviso legal (identificando al propietario de la web, condiciones de acceso y utilización, propiedad intelectual e industrial, legislación aplicable y jurisdicción…)
- política de privacidad (identificar al responsable del tratamiento de los datos, cómo se recogen y tratan los datos personales, con qué objeto y finalidad, que tipos de datos se recaban, la legitimación para recabarlos, por cuanto tiempo se conservarán, su cesión a otras partes, informar de los derechos del usuario y como ejercerlos…)
- política de cookies (informar qué es una cookie y los tipos de existen, los tipos de cookies usados en tu web, su finalidad y las empresas responsables de las cookies de terceros que emplees, informar al usuario de cómo puede bloquear y gestionar las cookies…)
- mostrar un aviso al acceder informando del uso de cookies, así como la posibilidad de aceptarlas o rechazarlas
- no instalar ninguna cookie hasta que el usuario las acepte
- dar la posibilidad al usuario de revocar el consentimiento previamente otorgado
- en los formularios que recaben algún dato personal:
- incluir una casilla de verificación para indicar que el usuario ha leído y entendido la política de privacidad antes de poder usar o enviar el formulario
- añadir, justo después del formulario, una capa de información básica de protección de datos, con un enlace además a la política de privacidad completa.
- guardar una copia de los formularios enviados, sea en base de datos o por e-mail, para poder demostrar la aceptación por parte del usuario en caso de reclamación.
Seguridad
Realiza copias de seguridad (backups) de tu web (ficheros y base de datos), ya sean diarias, semanales, mensuales… Dependerá de la frecuencia con que actualices tu web.
La seguridad es una de esas cosas que no resultan apreciables, pero debemos tener en cuenta para evitar que ataquen o hackeen nuestra web. Protege tu web.
Si por ejemplo usas WordPress (el gestor de contenidos más empleado), algunas acciones básicas para hacer tu web más segura podrían ser:
- modificar la URL por defecto del panel de administración (usando por ejemplo el plugin WPS Hide Login o Easy Hide Login)
- limitar el nº de accesos incorrectos al panel de la web (por ejemplo con este plugin)
- usar HTTPS
- añadir cabeceras de seguridad HTTP
- mantener actualizadas la versión de plugins, plantillas y WordPress
- eliminar plantillas y plugins no usados
- cambiar el prefijo de las tablas de la base de datos «wp_» por otro aleatorio
- no usar el usuario «admin» como administrador, usar otro nombre.
- instalar algún plugin de seguridad como Wordfence, iThemes Security o Sucuri Security.