Blog / Plataformas y migraciones
Rediseñar sin perder lo que posiciona: compara cada página antes de lanzar
Un rediseño es la forma más común de perder tráfico que ya ganaste. Cómo reconstruimos un sitio, bajamos la carga en móvil a 1,9 s y comparamos 3.050 páginas antes de que nadie lo viera.
Los rediseños y las migraciones de plataforma son donde los sitios pierden en silencio años de trabajo. Cambian las direcciones, desaparecen encabezados, se rompen enlaces internos, las páginas se vuelven más lentas, y nadie lo nota hasta el reporte de tráfico de un mes después. Para entonces es difícil saber qué cambio hizo el daño.
En una reconstrucción reciente tratamos el lanzamiento como una versión que tenía que demostrar que no empeoraba nada.
Construir sobre una copia completa, no una muestra
Probamos sobre una copia completa del sitio en vivo, con datos reales y todas las páginas, no con un puñado de plantillas en un servidor de pruebas. Los problemas de un rediseño se esconden en la cola larga: el artículo antiguo con un formato raro, la categoría con 400 elementos, la página que nadie abre hace dos años.
Comparar antiguo contra nuevo, página por página
Antes del lanzamiento comparamos 3.050 páginas entre el sitio antiguo y el nuevo. Ninguna empeoró.
Hacerlo más rápido de paso
Carga en móvil
1,9 s
Antes hasta 5,4 s; el umbral de Google es 2,5 s
Código de estilos
−76%
Las páginas cargaban 2.115 estilos de color y usaban 11
Consultas a la base de datos
815 → 134
En la página de listado principal
Los tiempos de carga se midieron en la copia completa antes del lanzamiento, en los cinco tipos de página que más importan. Los datos de visitantes reales llegan después del lanzamiento, y los reportamos por separado.
Lanzarlo como cualquier otro cambio
- Cambios agrupados en una sola versión, con una forma escrita de deshacerla.
- Verificaciones en vivo justo después del lanzamiento: 20 de 20 pasaron.
- Direcciones antiguas redirigidas con intención, no en bloque: 27.734 reglas pasaron a 220.
Una lista antes de tu propio rediseño
- Exporta cada dirección que hoy recibe impresiones en búsqueda. Esa es la lista que no puedes perder.
- Decide a dónde va cada una después del lanzamiento, antes de escribir una línea de código.
- Prueba en una copia completa del sitio, no en unas pocas plantillas.
- Compara lo antiguo y lo nuevo de forma automática, página por página, y lee las diferencias.
- Mide la velocidad en móviles, en las páginas que generan ingresos.
- Ten una forma escrita de deshacer el lanzamiento, y comprueba que funciona.
Este artículo se basa en un proyecto real. Datos del cliente reservados; cada cifra proviene de los datos del propio cliente.
Leer el caso de estudio completo →