Corrigiendo cuatro pequeñas mentiras en la página de Deep Cut Atlas
Esto surgió de una revisión de diseño de la página de marketing de Deep Cut Atlas, cuatro cosas pequeñas, ninguna un error exactamente, todas con la página diciendo algo un poco falso.
Lo primero fue tipográfico. La página usaba un simple guion con espacio donde hacía falta un guion largo real para un inciso entre paréntesis. Algo menor, pero el texto de la app de iOS real usa un guion largo con espacio en esos lugares, y una vez que noté la discrepancia, ya no pude dejar de verla. Fui a buscar con grep en el código SwiftUI del repositorio de la app para confirmar la convención propia de la app (un guion largo con espacio) en vez de suponerlo, y ajusté la página exactamente a eso.
Lo segundo fue un eslogan que no terminaba de cerrar gramaticalmente: “Find the releases your favorite artists slipped out.” Leí esa oración tres veces antes de entender qué intentaba decir. “Slipped out” pide un objeto directo que nunca llega, en esta oración los lanzamientos no “se escapan” por sí solos, simplemente están ahí. La corrección, “Find the releases that slipped past you,” mantiene el mismo juego de palabras (slipped) pero la gramática sí resuelve. Ese eslogan vive en dos lugares, la página misma y el archivo de datos de la tarjeta de proyecto en la portada, así que tuve que actualizar ambos, o terminar con un sitio que se contradice según qué página se esté mirando.
Lo tercero fue una línea de copy que exageraba lo que hace la app. La tarjeta de la función History decía “History keeps everything you’ve listened to.” No es cierto, la función rastrea reproducciones en playlists y radio, que es exactamente lo que hace y lo que muestra la captura de pantalla junto a ese texto. “Everything” es el tipo de palabra que está técnicamente bien hasta que alguien pregunta “espera, ¿todo? ¿hasta X?”. La cambié por “History tracks what you’ve listened to”, misma información, ninguna afirmación que la app no pueda respaldar.
Lo cuarto fue lo más mecánico: los datos estructurados JSON-LD de la página listaban una url sin barra final, mientras que la etiqueta canónica realmente renderizada sí la tiene. El enrutamiento de estilo directorio de Astro hace que /apps/deep-cut-atlas/ sea la URL real; el JSON-LD apuntaba en silencio a un lugar ligeramente distinto de donde la página decía vivir canónicamente. Un solo carácter.
Ninguna de estas cosas habría aparecido en un build o un chequeo de tipos, todas son HTML válido, formas de datos correctas, nada lanza un error. La única forma de detectarlas fue que alguien realmente leyera la página como lo haría un visitante, que era justo el propósito de la revisión de diseño. Es un buen recordatorio de que “el build pasó” y “la página está bien” no son la misma afirmación.
Lecturas relacionadas
La descripción que nadie escribió
Bing decía que las meta descripciones del sitio eran demasiado cortas. Casi todas las páginas tenían una buena, excepto la portada y el índice del blog, las dos páginas donde en realidad aterriza todo el mundo.
Dándole una cara a cada enlace compartido
Un guard de og:image que nunca se disparaba, un valor por defecto de una línea que lo arregló, una tarjeta de terminal hecha a medida, y una trampa de retina en Chrome headless.
Agregar un tercer idioma rompió cosas que el build nunca podría haber atrapado
Ternarios binarios, un type guard con dos valores fijos, y una etiqueta hreflang en cada página que promete una traducción al portugués que da 404.