Generative Engine Optimization: Cómo Construir Sitios Web Descubribles por AI

Buenos días, JS Nation. Soy Samuel Ouyang, un Ingeniero de Fundición Full Stack. Estoy presentando un enfoque para construir un sitio web detectable por IA usando un concepto llamado Optimización de Motores Generativos, o GEO para abreviar. GEO se trata de ayudar a los desarrolladores a construir sitios que no solo sean amigables con el SEO, sino verdaderamente detectables por IA.

Porque esta es la realidad, LLM como el chat GPT o Perplexity se han convertido en una nueva puerta de entrada a la web. Y si tu contenido no está optimizado para ellos, eres invisible. Así que durante los últimos 20 años, SEO significaba una cosa, el ranking en Google. Te dejabas llevar por las palabras clave, los backlinks y los planos de los 10 mejores. Pero hoy en día, las cosas han cambiado.

En las viejas palabras, la visibilidad significaba el ranking en Google, en los nuevos días en realidad se trata del nuevo mundo. La visibilidad significa que son legibles y confiables por las máquinas. El ranking ya no se trata de los clics. Se trata de si LLM o un motor potente como chat GPT o Perplexity consideran tu sitio como una fuente confiable. La nueva competencia no es como, ¿puedo obtener el tráfico? Se trata de si puedo ganar las citas dentro de la respuesta de IA. De eso se trata el motor generativo. Claro, GEO se basa en cuatro pilares clave.

Primero, está estructurado. Tu contenido debe estar organizado tanto para máquinas como para humanos. Significa que estructura predecible, jerarquía clara y datos limpios. Segundo, semántica. Lo que significa que ya no, significa que necesitamos usar el HTML adecuado, encabezados, etiquetas y esquemas para que la IA pueda interpretar qué es, no solo cómo se ve. Tercero es rápido. Subsegundos, tiempo bajo, señales de confiabilidad. Tanto los usuarios como los rastreadores necesitan tratar la velocidad con confianza. Finalmente, está referenciado. Tu sitio necesita ser referenciado. Los modelos de IA pueden referenciar la fuente, pueden analizar, verificar, y confiar. Ese es un nuevo libro de jugadas. Estructurado, semántico, rápido y referenciado. Si falta uno, perderás la detectabilidad. Recuerda, GEO funciona en todos los marcos modernos, como React, Next.js y Vue.js.

Necesitamos principios y arquitecturas. En primer lugar, el contenido, necesitamos tener una información clara, estructurada. Si el contenido fuente está desordenado, nada aguas abajo te salvará. En segundo lugar, HTML significa que necesitamos usar los encabezados y etiquetas semánticas para que las máquinas puedan inferir significado y jerarquía. Tercero es el JSON link data. JSON link data realmente significa que pongas los datos estructurados en JSON que vive dentro de tu HTML. Esto ayuda a los analizadores a saber exactamente qué es tu contenido, no solo cómo se ve. Y cuarto, tenemos el SEDMAP. SEDMAP es un XML completo para el indexado de páginas para que las consultas puedan descubrir todo de manera fiable. Consultable significa que necesitamos tener tiempos de carga rápidos y ambos tratan la velocidad como una fuente fiable. Estos fundamentos son independientes del marco. No importa que estés usando Next.js, Astra, Nust, o Vue. No importa. El objetivo es un sitio que debería ser comprensible para las máquinas como lo es para los humanos. Estos son los antiguos marcos que investigué y que han sido probados. La clave es que los principios de GEO son independientes del marco. La misma estructura, semántica y financiación más rápida se aplica en todas partes. Y si te gustaría profundizar más, publicaré guías de implementación completas para cada marco. Compartiré ese sitio web dedicado en las diapositivas finales.

Con esos fundamentos en su lugar, ahora podemos exponer endpoints JSON dedicados a IA en la página. Así que básicamente tenemos una página especializada con los enlaces exclusivamente formateados para el consumo de IA. Por ejemplo, JSON de servicio, JSON de resumen, JSON de FAQ, y estos endpoints JSON están simplificados y ricos en esquemas. Exponen tus datos de negocio, precios y FAQs en un formato limpio legible por máquinas. La mejor parte es que no tienes que duplicar tu contenido. Los humanos aún disfrutan de la experiencia completa de React o Next.js, mientras que los rastreadores de IA obtienen JSONs ligeros de la misma fuente de contenido. Es un pequeño cambio arquitectónico pero aumenta dramáticamente la frecuencia con la que el motor de IA, como ChattyBD o Perplexity, puede ciclar sitios de una manera rápida y fiable.

Hoy en día, nuestro sitio tiene endpoints JSON legibles por máquinas. La siguiente pregunta es cómo los rastreadores de IA los encuentran. Tradicionalmente, Google y otros motores de búsqueda dependen de robots, TXT y sitemaps. Road.TXT fue construido con un propósito, el control de acceso.

Indica a los rastreadores qué no hacer y qué hacer, pero nunca fue diseñado para el descubrimiento de datos estructurados. Está diseñado para ser mínimo, sin esquema, sin jerarquía y sin metadatos. Ahí es donde entra el texto de IA. Sigue el moderno, URI bien conocido, un estándar RFC 8615. Ese mismo enfoque que la industria ya usó para cosas como seguridad, TXT, y humans.TXT lo coloca bajo la carpeta .well-known. Proporciona a los rastreadores de IA un punto de entrada predecible, estándar y compatible para estructurar los endpoints JSON.

Por ejemplo, como el JSON de resumen de IA, JSON de FQ de IA y JSON de servicio de IA. Los robots manejan el acceso, y el sitemap maneja el indexado, y el texto de IA maneja el descubrimiento de la estructura. Básicamente, cuando los rastreadores van al robots TXT, encontrarán los sitemaps. A través de los sitemaps, pueden llegar al AI TXT y luego alcanzar este conjunto de archivos JSON estructurados, particularmente para los rastreadores de IA para el análisis.

Este es el sitio web que construí. Este sitio web tiene cuatro páginas dedicadas a IA, y tiene los perfiles de negocio aquí, y también tiene los endpoints JSON compatibles con IA con toda esta información JSON, y también tiene consultas de muestra para que las analice. Cuando la IA, como la capacidad de carga, llega a este sitio web, puede ir a los enlaces y también a los archivos JSON e intentar analizar los datos estructurados en lugar de ir a cada página para entender qué hace este sitio web. Quiero mostrarte los resultados de las citas. En cuanto a las citas, tengo una comparación dual con los sitios web geo-amigables y no geo-amigables con el mismo prompt.

El prompt en realidad es... Oh, lo siento, debería ir aquí. Sí, el skyline. Sí. Así que este es el sitio web llamado Deans Automative, y puedes ir a este sitio web. Este es el sitio web que no fue construido por mí, sino por otros chicos. Estoy haciendo preguntas muy simples. Deans Automative en Mountain View, precio de oficina de servicio de 60k más duraciones. Como puedes ver aquí, no da mucha información significativa, y te pide que llames a Deans Automative con el número y hagas las preguntas. Si vamos al sitio web, que construí para esto, verás... Espera. Verás muy claramente, por ejemplo, Skyline Outline. Estás de suerte. Te da la información exacta de una manera concisa y varias tablas de resumen. La razón es que tengo un sitio web dedicado, tengo una página web dedicada que es particularmente para que los rastreadores de aire pasen la información. Así que esa es la razón por la que podrías mostrar la información de una manera concisa y dar una respuesta directa en lugar de tratar de encontrar los precios de la industria y también las duraciones.

Lo mismo es en realidad para la perplexity. Así que si vamos a las perplexities de Deans Automative, y aquí está Deans Automative en Mountain View, ofertas de servicio de 60k. Te da parte de la información con el precio. Pero solo menciona, como, está usando otros recursos para darte una estimación general de los precios, pero no te da las respuestas directas sobre eso. Y también para las duraciones, no te da la respuesta directa. Solo te da un día hábil completo, algo así. Pero si vamos al que es el Skyline Auto Repair, si vamos aquí, las respuestas son bastante estrictas, muy concisas, te dan el precio y la duración. No necesita pasar por todos los artículos para encontrar la información útil. Bien, así que esto es básicamente lo poderoso que es el GO. Ayuda a tu cliente o potencial clientes a entender tu negocio, entender los detalles de los servicios de una manera más directa y concisa.

Así que vamos a la presentación de PowerPoint que está aquí. Así que básicamente esta es la presentación de PowerPoint que estoy tratando de mostrarte que cubre el SEO versus GO en la búsqueda de IA desde la diapositiva actual. Entonces, ¿qué deberías hacer mañana si quieres que tu sitio sea detectable por IA? Primero que todo, necesitamos implementar el esquema JSON-LD, significa el esquema de datos enlazados JSON para poner el esquema JSON directamente en tu tabla HTML para que esos rastreadores sepan qué es, no cómo se ve. Usamos los encabezados semánticos para hacer la estructura predecible para que las comillas de aire puedan tener éxito y ciertamente proporcionar una respuesta directa, por ejemplo, preguntas frecuentes para que la IA pueda dar una respuesta concisa y directa en lugar de tratar de encontrar la respuesta de diferentes recursos en lugar de tu sitio web.

Y lo que no queremos hacer es que nuestro sitio web no puede ser solo un renderizado solo de JavaScript sin HTML de respaldo. Las disputas tendrán problemas con eso y no podrán obtener información significativa. Y en segundo lugar, no deberíamos confiar solo en las etiquetas OG o meta. No son suficientes para el análisis moderno de IA. Y ciertamente necesitamos prestar atención a la indexación mobile-first porque la velocidad y la estructura, ambas importan para la confianza.

Y aquí están los consejos para probar si tu sitio web realmente es detectable por IA. Puedes probar con Cloud, GPT, o incluso la perplexity y ver cómo la IA interpreta tu contenido. Para recapitular, GEO se trata de construir sitios web para dos audiencias, humanos y máquinas. Como desarrolladores de JavaScript y fundadores, nuestro trabajo no es solo hacer que los sitios sean eficientes y bonitos. En realidad, necesitamos hacerlos detectables por IA.

Para comenzar, creé una lista de verificación GEO dev que podemos revisar. Por ejemplo, puedes escanear este código QR para ir al sitio web. Y así es como se ve el sitio web. Simplemente saldré de la presentación e iré a la lista de verificación GEO dev. Así que aquí, puedes ver que hay una validación de tus sitios. Se basa en reglas bastante simples. Básicamente, tres preguntas. ¿Puedo encontrar tu sitio? ¿Puedo entender tu sitio? ¿Y funciona bien? Todo cubre eso, primero que todo, ¿tu sitio realmente es como el sitemap, tiene el sitemap y el robots.txt para que la IA pueda extraer eso?