Checklist antes de publicar el sitio de un cliente

Antes de publicar el sitio de un cliente conviene recorrer siempre la misma lista: contenido real sin textos de relleno, cada página vista en un teléfono de verdad, todos los links y formularios probados uno por uno, títulos y descripciones únicos por página, imágenes comprimidas, favicon e imagen para compartir, dominio con certificado y redirecciones, analítica instalada y una copia de seguridad. No es una lista para memorizar: es una lista para tener guardada y ejecutar igual en todos los proyectos, porque el error que se escapa nunca es el difícil, es el obvio que ese día no miraste.

Lo que sigue está ordenado por el momento en que conviene revisarlo, y se hace entero el día anterior, no diez minutos antes de apretar publicar.

1. Contenido

Es lo que más se rompe y lo primero que ve el cliente.

• Ningún texto de relleno vivo en ninguna página. Buscá en todo el sitio las palabras que usás como marcador y también "lorem".
• Ninguna imagen de ejemplo olvidada, ni foto de banco donde iba una del cliente.
• Todos los datos de contacto correctos: teléfono, mail, dirección, horarios. Probá el teléfono y mandá un mail al mail.
• Los links a redes van a las cuentas del cliente y no a las de otro proyecto.
• Ortografía y tildes revisadas de punta a punta, incluidos botones, menús y mensajes de error.
• Nombres propios, marcas y precios verificados con el cliente, no deducidos.
• El año del pie de página, si está escrito a mano.
• Página 404 con contenido propio y una salida hacia el inicio.

2. Estructura y navegación

• Cada link del menú lleva a donde dice. Probalos todos, uno por uno.
• Cada botón hace algo. Los que no tienen destino definido no se publican.
• Los links externos abren en pestaña nueva; los internos, no.
• El logo lleva al inicio.
• No queda ninguna página huérfana a la que no se llega desde ningún lado.

3. Mobile de verdad

Abrilo en un teléfono real. El modo responsive del navegador no muestra lo mismo.

• El menú se abre, se cierra y se puede usar con una mano.
• Nada se sale del ancho de pantalla. Deslizá horizontalmente: si el sitio se mueve, hay algo desbordado.
• Los textos se leen sin hacer zoom.
• Los botones tienen tamaño suficiente para el dedo y no están pegados al borde inferior donde vive la barra del navegador.
• Las imágenes no se deforman ni recortan la parte importante.
• Los elementos fijos —barra superior, botón de WhatsApp, avisos— no tapan contenido ni el botón principal.
• Probá también en horizontal y en una pantalla chica. Los teléfonos viejos siguen existiendo.

4. Formularios

El punto donde un sitio "terminado" falla más seguido, y el más caro: un formulario roto es un cliente perdido que nadie ve.

• Enviá el formulario de verdad y confirmá que el mensaje llega.
• Confirmá a quién llega y que no caiga en spam.
• Los campos obligatorios están marcados y validan.
• Hay un mensaje de éxito visible después de enviar. Sin eso, la gente envía tres veces.
• Hay un mensaje de error entendible cuando algo falla.
• Si hay protección anti-spam, probá que no bloquee a una persona real.
• Si hay respuesta automática, leela: es lo primero que el cliente del cliente va a recibir.

5. SEO técnico básico

Nada de esto reemplaza una estrategia, pero su ausencia sí hace daño.

• Cada página con un título propio, distinto y descriptivo.
• Cada página con su meta descripción.
• Un solo encabezado principal por página, y una jerarquía coherente debajo.
• Imágenes con texto alternativo real, no el nombre del archivo.
• URLs limpias, en minúscula, sin caracteres raros ni números sueltos.
• Sitemap generado y accesible.
• El archivo de robots permite el rastreo. Muy importante: si el sitio estuvo bloqueado durante el desarrollo, desbloquealo. Es el error más común de todo el rubro.
• Ninguna página de producción con la etiqueta de "no indexar" heredada del entorno de pruebas.
• Canónicas apuntando a la versión definitiva del dominio.
• Idioma declarado en el documento.

6. Compartir y marca

• Favicon en su lugar y visible en la pestaña.
• Imagen para redes definida, del tamaño correcto, con el texto legible en miniatura.
• Título y descripción para redes escritos a propósito, no heredados.
• Pegá el link en un chat y mirá la vista previa. Es la prueba definitiva y tarda cinco segundos.

7. Velocidad

• Todas las imágenes comprimidas y en un formato moderno.
• Ninguna imagen servida a un tamaño mucho mayor del que se muestra.
• Videos pesados sin reproducción automática, o directamente alojados en un servicio de video.
• Fuentes: las mínimas necesarias, con los pesos que realmente usás.
• Medí la carga con una herramienta de rendimiento y mirá el resultado en móvil, que es donde duele.
• Revisá qué cargó el sitio de más: rastreadores viejos, librerías que quedaron de una prueba.

8. Accesibilidad mínima

No hace falta una auditoría completa para hacer lo básico bien:

• Contraste suficiente entre texto y fondo. El texto gris claro sobre blanco es el pecado favorito del rubro.
• Se puede navegar con el teclado y se ve dónde está el foco.
• Los enlaces dicen a dónde van. "Hacé clic acá" no dice nada.
• Las imágenes decorativas no molestan a un lector de pantalla; las informativas están descriptas.
• Ningún dato se comunica solo por color.

9. Dominio y publicación

• El dominio apunta bien, con y sin las tres uves dobles.
• Certificado activo: el sitio carga en HTTPS y no muestra advertencias.
• Todo el tráfico redirige a una versión canónica.
• Si había un sitio anterior, las URLs viejas con tráfico redirigen a las nuevas. Sin esto, un rediseño puede tirar abajo posiciones que costaron años.
• Analítica instalada y verificada con una visita real.
• El sitio dado de alta en la herramienta para webmasters del buscador y el sitemap enviado.
• Correo del dominio funcionando, si el cliente lo usa.

10. La entrega, que también es parte del trabajo

Publicar no es terminar. Lo que hagas acá define si el cliente vuelve.

• Accesos entregados y a nombre del cliente: dominio, hosting o plataforma, analítica, correo. El dominio a nombre del cliente siempre.
• Una copia de seguridad guardada del estado publicado.
• Un video corto —cinco minutos alcanzan— mostrando cómo edita lo que puede editar. Vale más que un manual de veinte páginas y te ahorra meses de consultas.
• Qué incluye la garantía y hasta cuándo, dicho por escrito.
• Qué es mantenimiento y cómo se contrata.
• La factura final enviada, si quedaba saldo.
• Y para vos: capturas del sitio terminado, en desktop y mobile, guardadas hoy. Dentro de un año el cliente lo va a haber cambiado y ese caso ya no vas a poder contarlo.

Cómo usar esta lista

Copiala una vez a donde sea que gestiones tus proyectos y ejecutala completa en cada entrega, aunque el sitio sea chico. La disciplina de recorrer siempre lo mismo es justamente lo que evita el mensaje del lunes a la mañana.

Un truco que ayuda más de lo que parece: hacé la última pasada en un dispositivo que no usaste durante el proyecto y con la sesión cerrada. Vas a ver el sitio como lo ve un desconocido, que es el único punto de vista que importa.

En Akila Web Campus los cursos de Framer cubren la parte de implementación de casi todo esto —formularios, CMS, versiones mobile, publicación— y en Recursos hay plantillas y componentes listos para reutilizar entre proyectos, que es la otra mitad de entregar rápido sin bajar la calidad. Si querés que alguien mire tu sitio antes de que lo mire el cliente, la comunidad del campus es exactamente para eso.