Reconocimiento del problema clave
- A diferencia de las personas, los agentes de IA no necesitan en absoluto CSS, JS del cliente ni imágenes
- Estos elementos solo desperdician tokens y casi no aportan información realmente útil
- Lo que los agentes necesitan es únicamente texto limpio y estructurado
La solución de Vercel
- Uso del mecanismo HTTP de negociación de contenido (Content Negotiation)
- Devolver formatos distintos desde la misma URL según la solicitud del cliente
- Persona (navegador) → experiencia completa con HTML + CSS + JS
- Agente de IA → entrega de Markdown
- Implementado sin un sitio separado ni duplicación de contenido
Cómo funciona (basado en el encabezado Accept)
- Ejemplo de encabezado enviado por un agente
Accept: text/markdown, text/html, */*- → indica que prefiere markdown en primer lugar
- El middleware de Vercel inspecciona el encabezado Accept
- Si prefiere markdown → lo envía a un Route Handler de Next.js
- Convierte el contenido rich-text de Contentful a markdown y responde
- Bloques de código: se conservan los marcadores de resaltado de sintaxis
- Títulos: se preserva la jerarquía
- Enlaces: se mantienen tal cual
Resultados y métricas
- Publicación de blog común
- Versión HTML: aprox. 500KB
- Versión Markdown: aprox. 2KB
- Reducción de tamaño: 99.6%
- Ventajas
- Máxima eficiencia del presupuesto de tokens → enfocarse en información real en vez de markup
- Posibilidad de procesar más contenido por solicitud
- Funcionamiento más rápido + menor probabilidad de alcanzar el límite de tokens
Mantenimiento técnico
- Uso de remote cache de Next.js 16 + slug compartido
- Cuando se actualiza el contenido en Contentful, las versiones HTML y markdown se refrescan al mismo tiempo → se mantiene la sincronización
Soporte para exploración de agentes
- Se ofrece un sitemap dedicado en formato markdown
- Información incluida: fecha de publicación, tipo de contenido, enlaces directos a las versiones HTML/Markdown, etc.
- Los agentes pueden entender el mapa completo del contenido disponible → les facilita elegir el formato óptimo
Significado final
- Reconoce que la forma en que las personas y la IA consumen la web es fundamentalmente distinta
- Un caso práctico de ofrecer una experiencia optimizada para cada cliente
- Un punto de partida importante para una web para personas y también para IA
2 comentarios
Creo que estaría bueno seguir este tipo de cosas.
Quizás la web del futuro podría no tener UI/UX..