Una etiqueta en mayúsculas no delata; tres sí.

Una etiqueta pequeña en mayúsculas arriba de un título es un recurso editorial de siempre. Lo que delata a una web hecha con IA es que aparezca sobre cada sección, tres veces o más, siempre con el mismo tamaño y el mismo espaciado.

Por @ignapradosAI slop3 min de lectura

Es la línea que está arriba de casi todos los títulos que genera la IA: FUNCIONES, CÓMO FUNCIONA, PRECIOS, TESTIMONIOS. Letra de 12 px, mayúsculas, letras separadas, a veces en gris y a veces en el color de acento. En Tailwind se escribe text-xs uppercase tracking-widest y sale sola.

Cuando audito una web la busco siempre, pero no la marco por estar. La marco por repetirse. Y ahí los datos le dan la razón al ojo.

Lo que dicen los números

El estudio de taste-skill juntó 248 webs de One Page Love y de los Sites of the Day de Awwwards, y las separó entre las mejor puntuadas y las más flojas (el puntaje lo pone un panel de modelos, no un jurado humano). Midió estas etiquetas en la página:

  • Alguna etiqueta pequeña en mayúsculas con espaciado: 16 % de las mejores y 57 % de las flojas.
  • Tres o más: 6 % de las mejores y 43 % de las flojas.
  • Una etiqueta sobre el título, juzgada por el panel: 32 % contra 45 %. Casi no separa.

La diferencia está en la cuenta. Una sola aparece en webs muy buenas; tres o más casi no. Por otro lado, Jenny Ouyang midió 120 páginas hechas con IA y encontró etiquetas pequeñas en mayúsculas con mucho espaciado en el 42 %.

En la página de patrones la tengo como «Etiqueta en mayúsculas sobre cada título». La palabra que importa es «cada».

Por qué la IA la pone en todas partes

Porque resuelve un problema que la IA no sabe resolver de otra forma: separar secciones. Una página generada suele tener diez bloques con la misma estructura (título, párrafo, grilla). Sin una jerarquía real, la etiqueta funciona como un cartel que dice «aquí empieza otra cosa».

El problema es que no dice nada nuevo. Si la etiqueta dice PRECIOS y el título dice «Planes para cada etapa», la persona lee dos veces lo mismo. Y si todas las secciones la tienen, deja de marcar nada: es ruido con buena tipografía.

Cómo revisarla en tu web

Busca en tu código estas clases y cuenta cuántas veces aparecen en la página de inicio:

uppercase
tracking-wider
tracking-widest
text-transform: uppercase
letter-spacing: 0.1em

Si están arriba de tres o más títulos, haz esto, en este orden:

Qué hacer en su lugar

  1. Borra las que repiten el título. Si la etiqueta y el título dicen lo mismo, sobra la etiqueta. Suele ser la mayoría.
  2. Deja una, como mucho, donde de verdad haya que orientar: una fecha, una categoría, el nombre de un caso. Una etiqueta que da un dato vale; una que nombra la sección, no.
  3. Si la dejas, quítale el disfraz. Minúscula normal, sin espaciado extra, en gris y apenas más pequeña que el texto. En este sitio las etiquetas son así, y se leen mejor.
  4. Separa las secciones con lo que de verdad las separa: cambios de ancho, de fondo, de escala del título o más aire entre bloques.
.etiqueta {
  font-size: 0.875rem;
  color: #6b6b6b;
  text-transform: none;
  letter-spacing: 0;
}

Si le pides la web a una IA, dilo en el brief: «sin etiquetas en mayúsculas arriba de los títulos». En la guía de prompts está esa línea, junto con las otras que conviene prohibir desde el principio. Hoy puedes abrir tu inicio, contar las etiquetas y borrar todas las que repiten su título.

Fuentes

Preguntas frecuentes

¿Las etiquetas en mayúsculas hacen que una web parezca hecha con IA?

Una sola, no: aparece en muchas webs muy cuidadas. Tres o más arriba de cada título, con el mismo tamaño y espaciado, sí: en el estudio de taste-skill está en el 43 % de las webs flojas y en el 6 % de las mejores.

¿Qué pongo en lugar de la etiqueta arriba del título?

Casi siempre nada: el título ya dice de qué trata la sección. Si hace falta orientar, una etiqueta en minúscula, en gris y sin espaciado extra, con un dato que el título no tenga.