Las métricas de diseño y desarrollo web que importan son aquellas que vinculan el sitio con los resultados comerciales: tasa de conversión en páginas clave, finalización de tareas, Core Web Vitals, tasas de errores y tiempo de actividad, y la rapidez con la que el equipo implementa correcciones. El pulido visual y el recuento de páginas no son métricas. Un rediseño debe juzgarse según si los visitantes encuentran lo que buscaban más rápido y actúan con más frecuencia.
Muchos proyectos web se aprueban por gusto. A alguien sénior le gusta la página de inicio, el sitio se lanza y nadie comprueba meses después si rinde mejor que el anterior. Definir las métricas antes de que comience el diseño cambia eso.
Un sitio web es una herramienta con un trabajo: generar clientes potenciales, vender productos, responder preguntas de soporte, reclutar personal. Medir te dice si el diseño hace ese trabajo. También resuelve desacuerdos. Cuando dos partes interesadas discuten sobre un diseño, una métrica clara y una prueba terminan la discusión más rápido que las opiniones.
Las métricas también protegen el proyecto después del lanzamiento. Los sitios se deterioran a medida que se añade contenido, se acumulan plugins y se multiplican los scripts. Una línea base te permite detectar cuándo el rendimiento decae.
¿En qué métricas comerciales debe juzgarse un sitio web?
Empieza por los resultados. Elige las acciones que representan valor para el negocio y haz un seguimiento de ellas como conversiones en GA4.
- Tasa de conversión por página clave: páginas de productos, precios, contacto, registro.
- Volumen de clientes potenciales o ventas procedente de tráfico orgánico y directo, que es el que el sitio más influye.
- Ingresos por sesión para comercio electrónico.
- Tasa de finalización de formularios: inicios frente a envíos, lo que revela fricción en el propio formulario.
- Microconversiones: suscripciones a boletines, descargas de folletos, clics para llamar.
Compara estos datos para los mismos meses antes y después de un rediseño, y segmenta por dispositivo. Una tasa de conversión móvil muy por debajo de la de escritorio suele apuntar a un problema de diseño móvil en lugar de a una diferencia de audiencia.
¿Qué te dicen los Core Web Vitals?
Los Core Web Vitals son las medidas publicadas por Google sobre velocidad de carga, interactividad y estabilidad visual. Los umbrales para una buena experiencia son Largest Contentful Paint (LCP) inferior a 2,5 segundos, Interaction to Next Paint (INP) inferior a 200 milisegundos y Cumulative Layout Shift (CLS) inferior a 0,1, medidos en el percentil 75 de las visitas reales.
Consulta los datos de campo en Search Console en Core Web Vitals y en PageSpeed Insights. Los datos de campo provienen de usuarios reales en el Chrome UX Report; los datos de laboratorio de Lighthouse son útiles para la depuración, pero no coinciden con lo que experimentan los visitantes.
Causas comunes cuando fallan las métricas vitales
- LCP: imágenes de cabecera sobredimensionadas, respuesta lenta del servidor, CSS o fuentes que bloquean el renderizado.
- INP: JavaScript pesado, scripts de terceros, grandes controladores de eventos en clics.
- CLS: imágenes sin ancho y alto, banners de carga tardía, cambio de fuentes web.
Establece un presupuesto de rendimiento en el proyecto, como un peso máximo de página y recuento de scripts, y compruébalo antes de cada lanzamiento.
¿Cómo mides la usabilidad, no solo la velocidad?
La velocidad es necesaria pero no suficiente. Un sitio rápido con una navegación confusa sigue perdiendo visitantes. Las métricas de usabilidad muestran si las personas pueden completar tareas.
Realiza pruebas basadas en tareas con de cinco a ocho usuarios por ronda: pídeles que encuentren un precio, reserven una demo o localicen una política de devoluciones, y registra el éxito, el tiempo y los errores. Herramientas como Maze o Lookback hacen que las pruebas remotas sean prácticas. Las grabaciones de sesiones y los mapas de calor de Microsoft Clarity o Hotjar muestran dónde los visitantes reales dudan, hacen clics de frustración (rage clicks) o abandonan.
- Tasa de éxito de tareas para las de tres a cinco tareas más importantes.
- Tiempo por tarea, comparado entre diseños antiguos y nuevos.
- Clics de frustración y clics muertos en páginas clave, reportados en Clarity.
- Consultas de búsqueda en el sitio con cero resultados, que revelan contenido o etiquetas faltantes.
¿Qué métricas de desarrollo muestran la calidad de construcción?
La calidad de desarrollo se manifiesta en cómo se comporta el sitio a lo largo del tiempo. Un sitio bien construido se mantiene rápido y estable a medida que el contenido crece; uno frágil se rompe con cada actualización.
- Tiempo de actividad (Uptime), monitoreado con un servicio como UptimeRobot o Better Stack.
- Tasa de errores del servidor: respuestas 5xx en registros o monitoreo.
- Errores de JavaScript por sesión, desde una herramienta como Sentry.
- Problemas de accesibilidad encontrados mediante comprobaciones automatizadas como axe, además de pruebas manuales de teclado.
- Frecuencia de despliegue y tiempo para solucionar un error reportado.
La accesibilidad merece una mención especial. Las directrices WCAG 2.2 en el nivel AA son el objetivo común; las herramientas automatizadas detectan solo una parte de los problemas, así que incluye comprobaciones manuales para la navegación por teclado y etiquetas de lectores de pantalla.
¿Cómo encajan las métricas de SEO en un rediseño?
Los rediseños pueden perder tráfico de búsqueda si las URL cambian sin redirecciones o si se corta contenido. Rastrea los clics orgánicos y las impresiones en Search Console para las páginas clave antes del lanzamiento, mantén un mapa de URL de antiguas a nuevas y configura redirecciones 301 para cada dirección modificada.
Después del lanzamiento, vigila el informe de Páginas en Search Console para detectar nuevos errores y compara los clics orgánicos semana a semana. Una caída en las primeras semanas es común mientras Google vuelve a rastrear; una caída que persiste después de un mes requiere investigación.
Un plan de medición de ejemplo
Por ejemplo, un bufete de abogados regional que rediseña su sitio podría establecer objetivos de una mayor tasa de finalización del formulario de contacto en dispositivos móviles, todos los Core Web Vitals en el rango bueno para sus veinte páginas principales, ninguna pérdida de clics orgánicos después de ocho semanas y cero errores 404 de URL antiguas. Cada objetivo tiene una fuente: GA4, Search Console y un rastreo. Los objetivos específicos vendrían de la propia línea base del bufete.
¿Cómo deben reportarse los resultados a los clientes?
Mantén los informes breves y vinculados a los objetivos acordados al principio. Un resumen mensual de una página con un puñado de métricas, su tendencia y una acción recomendada funciona mejor que una exportación larga. Usa Looker Studio para fusionar los datos de GA4 y Search Console en una sola vista.
Informa de los problemas con honestidad. Si la conversión móvil cayó después del lanzamiento, dilo, explica la causa probable y propón una solución. Los clientes confían en los equipos que sacan a la luz los problemas antes de que se los pidan.
¿Qué debes evitar medir?
Algunos números parecen progreso y significan poco. Las páginas vistas totales aumentan cuando la navegación es confusa y la gente hace clic buscando algo. El tiempo promedio en el sitio aumenta cuando las páginas son difíciles de escanear. La tasa de rebote en configuraciones de analítica más antiguas dependía de peculiaridades de seguimiento; GA4 la reemplazó por la tasa de interacción por una razón.
El número de páginas lanzadas, el número de componentes construidos y las inscripciones a premios de diseño son resultados de producción (outputs), no resultados de impacto (outcomes). Deben ir en un registro de proyecto, no en un informe sobre si el sitio funciona.
- Reemplaza las páginas vistas con conversiones y éxito de tareas.
- Reemplaza el tiempo en el sitio con sesiones comprometidas y profundidad de desplazamiento en páginas clave.
- Trata cualquier métrica que aumente cuando los usuarios luchan como una señal de advertencia.
Por dónde empezar esta semana
Registra tu línea base hoy: tasa de conversión por página clave y dispositivo de GA4, estado de Core Web Vitals de Search Console y clics orgánicos para tus páginas principales. Guarda los números con la fecha.
Luego, elige la única página que más importa para los ingresos y mira diez grabaciones de sesiones en Clarity. Anota dónde se estanca la gente. Esa lista se convierte en el primer conjunto de cambios de diseño que vale la pena probar.
Sigue leyendo: Diseño y Desarrollo Web · Diseño Web