El viernes por la tarde, 30 de octubre, a las 17:28, abrí el portátil y le pedí a un asistente de IA que le echara un vistazo a UrbanKID. El sábado, hacia las 15:00, el sitio que estás leyendo ahora era otro. Con una noche de sueño, corta, incluida. No escribí ni una línea de código y no entré ni una sola vez en el panel de administración.
Dana escribió la primera entrada de UrbanKID en marzo de 2009. Esperaba un bebé, yo la miraba y los dos creíamos saber lo que venía. Han pasado 17 años. Los niños han crecido, el sitio ha reunido más de 6.000 artículos, decenas de autores y comentarios de personas que nos escribían a las 3 de la madrugada con un bebé en brazos. Y poco a poco, como cualquier casa en la que vives demasiado tiempo, se llenó de cosas que ya no veías.
Lo empecé junto a Matei Garici, cuando éramos compañeros en MediaPro Interactiv. Orlando Nicoară nos dio entonces la oportunidad, y algo de dinero para contratar a un redactor, de trabajar en un proyecto del corazón además del trabajo. Más tarde, Vivi Floricică y Roxana Jilăveanu mantuvieron vivo UrbanKID durante muchos años como redactoras jefe.
Banners. Scripts de anuncios. Plugins olvidados. Una página que descargaba 8,7 MB en el móvil, unas cuatro fotos grandes y otros 285 trocitos de código, para enseñarte unos cuantos titulares. ¿Y para qué? Por unos pocos dólares al mes.
Volví de vacaciones y lo miré como un extraño
Pasamos unos días en España. Valencia, el mar, mucho caminar, unos hijos que ya me llegan al hombro y opinan de todo. Cuando vuelves de un sitio bonito, ves tu casa de otra manera. Abrí urbankid.ro en el móvil y me dio un poco de vergüenza.
17 años de portadas
Antes de contaros qué cambió, mirad cómo era la portada a lo largo de los años. Las saqué de Internet Archive, esa biblioteca maravillosa que recuerda internet mejor que nosotros. Deslizad hacia la izquierda.
Capturas de Internet Archive. Si falta alguna imagen, también falta en el archivo.
Cómo se hizo, en palabras sencillas
Imagina un albañil rapidísimo, que nunca se cansa y ha leído todo lo que se ha escrito sobre casas. No tiene gusto y no sabe cómo quieres vivir. Pero si le dices «quiero más luz aquí», ha terminado antes de que te hagas un café. Así es, más o menos, trabajar hoy con un asistente de IA.
Empecé con una conversación en ChatGPT, donde describí lo que quería: un diseño más moderno, que luciera los artículos y los autores, cargara rápido y se viera bien en el móvil. Recibí una página. Se la pasé a Claude, el asistente que hizo el resto, conectado directamente al sitio. Luego vino mi parte: mirar, decir qué no me gustaba y mandar capturas desde el móvil.
«El logo es demasiado pequeño.» «Aquí está un poco aburrido.» «Este enlace lleva a una página vacía.» «¿Por qué ya no funcionan las fotos?» Esa fue toda mi programación. El sitio nuevo estuvo al lado del viejo, en otra dirección, hasta que dije «adelante». Vosotros no visteis nada hasta entonces.
- LimpiezaActualizaciones, seguridad, plugins viejos a la basura. No se pintan paredes húmedas.
- El diseño nuevoUna sola página, como punto de partida.
- El cambioLa portada nueva y todos los artículos, con el aspecto nuevo.
- EnlacesArtículos viejos enlazados entre sí, para que ninguno se quede solo.
- Por la mañana, con el móvilLeí como un visitante y fui encontrando lo que no funcionaba.
- Páginas de categoríaUna pequeña revista, con filtros por autor y año.
- Las ilustracionesPara que se parezca más a un sitio hecho por personas.
Lo de «menos de 24 horas» es verdad, pero no os dejéis engañar. El diseño en sí, desde la primera idea hasta el sitio en línea, llevó 2 horas y 45 minutos. El resto fue hacerlo nuestro. Y aún queda trabajo: voy a traducirlo entero a varios idiomas.
26 → 88la nota de velocidad de Google, en el móvil
46 → 100la misma nota, en el ordenador
8,7 → 0,8 MBlo que descarga tu móvil para la portada
42 → 5,3 shasta que aparece lo principal de la página, en un móvil lento
Qué cambió
Cambiamos
- Divi, de 4 a 5. No estaba previsto. Llegó como un regalo inesperado de las actualizaciones, y después revisé cada tipo de página.
- El aspecto, en todas partes. Portada, artículos, categorías, autores, hasta la página de error.
- Los anuncios. Los quité todos, con los scripts que te seguían. Unos dólares al mes no valían vuestra paciencia.
- Los párrafos. 4.455 artículos viejos eran un solo bloque de texto. Ahora respiran: de 28.889 párrafos a 59.513.
- Cómo encuentras las cosas. Filtros, enlaces entre artículos, estanterías con toda la biblioteca.
- Lo que ve Google. Más de 9.000 páginas de etiquetas vacías salieron de las búsquedas.
Mantuvimos
- Todos los textos. Tal y como se escribieron. Lo comprobé palabra por palabra, en los 6.085 artículos.
- Las direcciones. Los enlaces antiguos siguen funcionando.
- Los comentarios. Todos. Son la mitad del sitio.
- 30 páginas hechas a mano. Festivales, mapas, cosas dibujadas con cariño. Se quedan como estaban.
- La sonrisa del logo. Y «ser padres es fun». Sobre todo cuando no lo es.
Dos rincones con reglas propias
No todo en UrbanKID es un artículo normal. Dos secciones tienen un aspecto hecho solo para ellas, porque la gente llega allí buscando otra cosa.
Pui de compuneri (redacciones)
560 esquemas de redacciones, empezados por Sandra y continuados por Roxana. Los alumnos suelen llegar la noche antes de entregar los deberes, así que cada uno está ahora en una hoja de cuaderno, con líneas y margen, y al lado pone claramente: léelo, luego cierra la página y escribe con tus palabras. Sin ruido alrededor, con otros temas a mano.
Cuca Cuca
«Cuca-cuca» era la palabra de Ioana para cualquier pantalla, y el proyecto ganó la categoría Audio-Vídeo en Webstock en 2012. Ahora parece una pequeña tele: filas de vídeos, eliges la edad del niño y le das al play en la propia página. Muchos vídeos habían desaparecido de YouTube, así que revisé cada enlace y quedan 70 que funcionan de verdad.
Cómo usé la IA, y dónde no me ayuda
La IA leyó toda la biblioteca, movió, comprobó, reparó. Quitó los anuncios, encontró por qué la página cargaba lenta, comparó todos los textos para asegurarse de que no se perdía ni una palabra. Cosas por las que habría pagado a un equipo y esperado meses.
Pero también se equivocó. Una vez acortó una redacción de 393 palabras a 9. Se dio cuenta ella sola, antes de que os llegara. Otra vez vació la página del diario de Dana, y esa la pillé yo, desde el móvil, el sábado por la mañana. Y las fotos viejas: descubrí más de 2.300 imágenes que ya no cargaban, algunas desde hacía años, sin que lo supiéramos. Muchas las reparé. Otras se perdieron para siempre, incluidas galerías de los primeros años.
Las ilustraciones del sitio también están hechas con IA, siguiendo mis indicaciones.
¿Qué sigue siendo humano? Saber lo que quieres. Notar cuando algo suena falso. Que te importen quienes leen. Nadie hace eso por ti, por rápido que escriba.
me recordó algo.
Qué es Respira for WordPress
Tengo que contaros algo: Respira es mi producto. Lo creé yo, desde cero, y ahora le dedico casi todo mi tiempo.
Es un plugin para WordPress que deja que un asistente de IA, como ChatGPT o Claude, trabaje directamente en tu sitio. En el mismo maquetador que ya tienes, con una copia de seguridad antes de cada cambio, para que siempre puedas volver atrás. «Respira» significa lo mismo en rumano: puedes respirar, porque cualquier cambio se puede deshacer.
Esta renovación es también una prueba en carne propia. Si os interesan los detalles técnicos, las cifras y todos los errores apuntados uno a uno, lo he puesto todo en un caso de estudio en respira.press.
¿Y ahora?
Ahora, por favor, rompedlo. Recorredlo como una casa nueva, abrid todas las puertas y decidme en los comentarios qué no funciona, qué echáis de menos o qué era mejor antes. La portada antigua sigue aquí, por nostalgia.
Gracias por estar aquí, algunos desde hace 17 años. Ser padres es fun. Sigue siendo verdad.
0 Comentarios