La pastilla de «Nuevo» sobre el título ya delata.

Lo que dicen los números

El estudio de taste-skill sobre 247 webs de One Page Love y Awwwards las separó entre las mejor puntuadas y las más flojas (el puntaje lo pone un panel de modelos, no un jurado humano). La pastilla sobre un título, medida en la página, da así:

• Pastilla arriba de un título: 5 % de las mejores y 26 % de las flojas. Cinco veces más en las flojas.
• Pastillas en general, juzgadas por el panel: 14 % contra 34 %.
• Entre las fallas de las 54 webs flojas, el mismo estudio cuenta unas 9 que son exactamente esta portada: título centrado, pastilla, dos botones y una captura del producto.

Adrian Krebs llegó a lo mismo por otro lado. Cuando puntuó cerca de 1.400 páginas de Show HN por patrones de diseño de IA, preguntó a diseñadores qué los delata, y «la insignia justo encima del título del hero» quedó en la lista, al lado del violeta y de las tarjetas con ícono arriba.

Por qué la IA la pone siempre

Porque viene de las portadas de productos de software, donde nació con sentido: anunciar una versión o una ronda de inversión. Los modelos aprendieron que una portada «seria» la tiene, y la ponen aunque la web sea de un estudio de yoga.

Y porque llena un hueco. El título y la bajada suelen ser genéricos, y la pastilla parece agregar algo concreto sin tener que inventar un dato. El resultado es peor: una frase que dice «Nuevo» en una web que salió ayer.

Hay una ironía más. La versión 2.5 de taste-skill, que salió el 3 de noviembre de 2026, ya no la prohíbe: su sistema permite una pastilla arriba del título como único texto pequeño del hero. Las recetas anti-slop también se vuelven molde, como conté en el post sobre las etiquetas en mayúsculas.

Cómo revisarla en tu web

Mira la primera pantalla de tu inicio. Si hay un elemento pequeño y redondeado justo arriba del título principal, es esto. En el código suele verse así:

<div class="inline-flex items-center gap-2 rounded-full border px-3 py-1 text-sm">
  Nuevo: integración con Slack
</div>
<h1>…</h1>

El Slop Score la marca con el nombre «Pastilla de novedad en el hero», así que si tu resultado la nombra, ya sabes de qué elemento habla.

Qué hacer en su lugar

1. Si no hay novedad, bórrala. Es el caso más común. El título queda más arriba y se lee antes.
2. Si la hay, ponle fecha. «3 de noviembre: exportar a PDF» dice algo; «Nuevo: exportar a PDF» deja de ser cierto en un mes y nadie la cambia.
3. Sácala del hero. Una novedad real cabe en una franja fina arriba de todo, en una línea de texto debajo de los botones o en la página de cambios, enlazada.
4. Que sea un enlace a algo. Si la anuncias, que lleve a la nota o a la función, no a ningún lado.

Si le pides la web a una IA, escríbelo en el brief: «sin pastilla ni insignia arriba del título; si hay una novedad, va con fecha y como enlace en una línea de texto». En la guía de prompts están las otras líneas que conviene prohibir desde el principio. Hoy puedes abrir tu inicio, mirar qué hay encima del título y, si no es una noticia con fecha, borrarlo.