Visibilidad en IA para webs en Next.js y a medida.
En una web a medida, todo lo que necesitan los rastreadores de IA está en tu código. La auditoría de Citable te dice qué fichero cambiar, mide si la IA te cita y entrega artículos con fuentes a tu propio blog por un webhook firmado o por la API REST.
Por qué la IA cita (o no) las webs de Next.js
La mayoría de los rastreadores de IA no ejecutan JavaScript. Una página renderizada en el servidor (o generada en estático) les da el texto completo; una que se rellena en el navegador les da un cascarón vacío. En Next.js eso se decide página a página, así que conviene comprobarlo.
Cuando la auditoría detecta Next.js le habla a quien programa: para cada problema dice dónde se cambia (app/robots.ts, el metadata de la página, app/sitemap.ts…). La medición semanal enseña después en qué preguntas la IA responde con la página de otro, y Citable escribe los artículos.
Lo que suele frenar a una web de Next.js
La auditoría semanal de Citable reconoce Next.js y, para cada problema, te da los pasos dentro del propio Next.js.
01
Contenido que sólo aparece con JavaScript
Si el texto llega tras una petición en el cliente, la auditoría avisa de un cascarón vacío de JavaScript o de poco texto. Genéralo en el servidor o en estático.
02
robots, sitemap y llms.txt en el código
robots en app/robots.ts (o public/robots.txt), el sitemap en app/sitemap.ts y llms.txt en public/llms.txt. La auditoría te da las reglas de robots corregidas cuando hay un rastreador de búsqueda de IA bloqueado.
03
Un noindex puesto de más
El campo robots del metadata de una página, o una cabecera X-Robots-Tag en next.config, puede ocultar páginas que quieres que citen. Quítalo sólo en esas páginas, nunca en app/layout.tsx: entrar, carrito o búsqueda interna deben conservar el suyo.
04
Metadata, canonical e idioma
Título y descripción en el metadata de cada página, el canonical en alternates.canonical, el idioma en <html lang> de app/layout.tsx y un único <h1> por página.
Conectar Next.js a Citable
Son unos minutos. A partir de ahí cada artículo llega a tu CMS, como borrador o publicado solo, según cómo configures la publicación.
- 1
Crea tu cuenta de Citable y añade tu web: la web, tus competidores y las preguntas de tus clientes.
- 2
Abre Ajustes → CMS y publicación de esa web y elige Next.js.
- 3
Añade a tu app de Next.js el route handler del ejemplo y despliégalo.
- 4
Pega en Citable su URL como webhook.
- 5
Guarda el secreto de firma en las variables de entorno de tu app (CITABLE_WEBHOOK_SECRET).
- 6
En la misma pestaña, elige cómo se publican los artículos: programada, con ventana de aprobación, o «Sólo borradores».
Qué necesitas
- Una ruta de tu app que reciba un POST y verifique la firma (ejemplo abajo)
- O una clave de API (página Desarrolladores) para leer los artículos con GET /api/v1
Qué publica Citable en Next.js
Borrador o publicado
Igual que el webhook: borrador salvo publicación automática. O trae tú los artículos desde la API v1 cuando quieras.
Se despublica desde Next.js
El webhook envía título, slug, resumen, HTML y markdown, JSON-LD (Article y FAQPage), imágenes con su texto alternativo, fuentes, idioma, etiquetas y fecha, firmado con X-Citable-Signature. Manda «publicar: false» salvo que actives la publicación automática; tu receptor decide qué hacer y responde con el id (y la URL si queda publicado).
Campos que rellenamos
- Markdown y HTML del artículo
- Título, slug, resumen, JSON-LD, imágenes y fuentes
Citable en Next.js: preguntas
Lo que más nos preguntan antes de empezar. Si te falta algo, escríbenos.
Escríbenos¿Tengo que usar Next.js?
No. El webhook es un POST firmado a cualquier URL https, así que vale para cualquier stack y para Zapier, Make o n8n. El route handler de Next.js de la página de integraciones es sólo un ejemplo listo para copiar.
¿Puedo ir a buscar los artículos en vez de recibirlos?
Sí. Crea una clave en la página Desarrolladores y lee los artículos (markdown, HTML, fuentes, FAQ) con la API REST v1.
¿Cómo verifico el webhook?
Comprueba la cabecera X-Citable-Signature (t=…,v1=…) con HMAC-SHA256 sobre «t.cuerpo» y el secreto que se enseña una vez al conectar, y rechaza marcas de tiempo de más de 5 minutos. Tu endpoint tiene que responder en menos de 10 segundos.
¿Los rastreadores de IA leerán mi web en Next.js?
Si las páginas se renderizan en el servidor o en estático, sí, salvo que las bloqueen robots o un noindex. La auditoría semanal de Citable revisa las dos cosas desde fuera.
¿Puede Citable prometer que la IA citará mi web?
No, ni Citable ni nadie. Citable mide cada semana cuánto te menciona y te cita cada IA, con su margen de confianza, publica artículos con fuentes para los huecos y te enseña cuándo una URL publicada empieza a salir citada.
Mira qué dice la IA de ti antes de conectar nada.