Antes de entregar una web a tu cliente: 10 comprobaciones

Entregar una web es más fácil cuando tienes una lista que repites siempre. Esta es la nuestra, pensada para freelancers y microagencias: diez comprobaciones ordenadas de lo más visible a lo más técnico, cada una con su porqué y una forma gratuita de hacerla. Esto no es asesoramiento legal ni una auditoría de seguridad: es una lista de revisión práctica.

1. Enlaces a Aviso Legal, Privacidad y Cookies

Por qué importa: son lo primero que un cliente (o su asesor) busca en el pie de página, y un enlace roto o ausente se nota.

Cómo revisarlo: abre la portada y una página interior, baja hasta el pie y pulsa cada enlace legal. Comprueba que los tres existen en todas las plantillas de página, que abren la página correcta y que no llevan a un texto de ejemplo de la plantilla. El contenido de esas políticas es cosa del cliente y de su asesor, no de esta lista.

2. Formularios: casillas de consentimiento y aviso de datos

Por qué importa: una casilla premarcada o un formulario sin información sobre el uso de los datos son errores de diseño frecuentes.

Cómo revisarlo: recorre cada formulario (contacto, reserva, newsletter) y comprueba tres cosas: que ninguna casilla viene marcada de serie, que la aceptación de la privacidad es una casilla aparte de la de recibir comunicaciones comerciales, y que junto al botón de envío hay un texto breve que dice quién trata los datos y enlaza a la política de privacidad. Si la web tiene un asistente de chat con IA, comprueba también que se indica que es una IA.

3. Cookies y scripts antes del consentimiento

Por qué importa: es un fallo frecuente en webs entregadas con prisa: analítica o píxeles que cargan antes de que el visitante decida.

Cómo revisarlo: abre una ventana de incógnito, F12, pestaña Red (Network), recarga sin aceptar nada y filtra por dominios de terceros; mira también Aplicación > Cookies. Repite tras aceptar y tras rechazar.

4. HTTPS y cabeceras

Por qué importa: el candado, la redirección de http a https y unas cabeceras razonables son parte de una instalación bien hecha.

Cómo revisarlo: escribe la URL con http:// y comprueba que redirige a https:// sin avisos. Pasa el dominio por el Observatory de MDN y revisa el informe con criterio: no todas las cabeceras tienen sentido en todas las webs.

5. Título, meta descripción y H1

Por qué importa: son lo que se ve en Google y al compartir, y es fácil dejar el título de la plantilla.

Cómo revisarlo: en cada página, Ctrl+U para ver el código fuente y busca <title>, name="description" y <h1>. Cada página debe tener su propio título y su propia descripción, y un único H1 que diga de qué trata. Para ver cómo queda al compartir, pega la URL en un chat privado contigo mismo antes de entregarla.

6. Imágenes: texto alternativo

Por qué importa: ayuda a quien usa lector de pantalla y a que el contenido se entienda si la imagen no carga.

Cómo revisarlo: WAVE marca las imágenes sin alt. Después lee los textos que hay: deben describir lo que aporta la imagen («Fachada del local en la calle Mayor»), no repetir el nombre del archivo. Las imágenes solo decorativas llevan alt="".

7. Peso y formato de imágenes, y rendimiento real

Por qué importa: una foto de 4 MB en la portada es una de las causas más habituales de una web lenta.

Cómo revisarlo: pasa la portada y una página interior por PageSpeed Insights, en móvil. Fíjate en los avisos sobre imágenes (tamaño, formato moderno como WebP o AVIF, dimensiones declaradas, carga diferida) y en los scripts que bloquean el renderizado. Si hay que convertir o reducir fotos, Squoosh lo hace gratis en el navegador.

8. Enlaces rotos

Por qué importa: un 404 en el menú el día de la entrega resta confianza.

Cómo revisarlo: Screaming Frog SEO Spider tiene versión gratuita hasta 500 URLs; rastrea el sitio y filtra por códigos 4xx. El comprobador de enlaces del W3C también sirve para sitios pequeños.

9. Accesibilidad básica

Por qué importa: contraste, foco de teclado y etiquetas de formulario afectan a visitantes reales.

Cómo revisarlo: pasa la página por WAVE, navega entera con la tecla Tab y comprueba que ves siempre dónde está el foco y que cada campo tiene su etiqueta.

10. Formulario de contacto y spam

Por qué importa: un formulario sin protección acaba llenando la bandeja del cliente de basura.

Cómo revisarlo: envía una prueba real y comprueba que llega al buzón correcto. Revisa qué protección tiene (captcha, honeypot, plugin) y envía varios formularios seguidos para ver cómo reacciona.

Antes de dar la web por entregada

Repite la lista en el dominio definitivo, no solo en el de pruebas: los enlaces, el HTTPS y los scripts de terceros cambian al mover una web. Guarda una nota con lo que revisaste y la fecha; si el cliente pregunta más adelante, sabrás qué estaba bien el día de la entrega.