Cómo utilizar la IA para crear páginas AMP de su sitio web

¡Hola a todos! Quiero compartir un prompt de IA para la rápida creación de páginas AMP de tu sitio HTML, que personalmente me funciona sin ninguna corrección y se puede subir directamente al sitio.

Hace unos días, los chicos del chat compartieron un enlace a una IA moderna — Cursor, y es un verdadero descubrimiento, tanto para mí como para todos los demás que trabajan con código y crean sitios por sí mismos. La principal ventaja es que trabaja directamente con todo el sitio o un paquete de archivos, ya no hay más copiar y pegar desde Preplexity o GPT. Él mismo crea los archivos y carpetas necesarios, realiza todas las correcciones necesarias al vuelo, describiendo paso a paso todo lo que ha hecho. Solo necesitas indicar la carpeta con los archivos del sitio y escribir qué quieres hacer con ellos. Ya he contratado una suscripción de pago, con buenos límites, se puede elegir para procesar solicitudes diferentes IAs de una lista extensa, y un montón de funciones que aún no conozco))) Pero el prompt que voy a compartir ahora, funcionó incluso con los límites gratuitos en un pequeño sitio de 4 páginas. En esencia, fue una prueba que funcionó de maravilla, y las páginas AMP ya están indexadas y con tráfico)))

Aquí está el prompt, ya pueden editarlo para sus propias páginas, pero la base funciona sin errores:

En la carpeta se han cargado todos los archivos del sitio https://***.com, el sitio consta de 4 páginas escritas en HTML y CSS:

https://***.com
https://***.com/games/
https://***.com/promotions/
https://***.com/payments/

1. Necesitas crear en el directorio raíz una carpeta /amp/
2. Crear en ella versiones AMP de todas las páginas existentes del sitio, para cada página creas un nuevo index.html y lo colocas en nuevas carpetas, cuyos nombres corresponden a los finales de las URL existentes. El archivo index.html para la versión AMP de la página principal lo colocas en la raíz de la carpeta /amp/, los demás en subcarpetas.
3. Al crear páginas amp, utiliza una correspondencia exacta del contenido y diseño de las versiones web de las páginas. Se necesita una copia exacta: título, descripción, menú, logotipo, todas las imágenes y todos los bloques del sitio, todo el texto y todos los encabezados h1-h6, tablas, listas, pie de página, etc. No agregas, corriges ni eliminas contenido que actualmente está en las páginas del sitio. La versión AMP debe copiar al máximo la versión web actual, pero al mismo tiempo estar en un formato amp válido. También conservamos toda la posible microdata que actualmente está en las páginas del sitio.
4. La estructura del menú permanece sin cambios, pero los enlaces en él deben llevar a las URL de las páginas amp, excepto la sección FAQ, que lleva a un ancla en el texto. El menú debe hacerse en estilo hamburguesa, también conservar los botones que están en el encabezado, y hacer el encabezado pegajoso.
5. Los enlaces a la página /play/, en todas partes los cambiamos por un enlace directo: https://***.net/go?subid=bigaff
6. Una vez listas todas las páginas, revísalas en el validador AMP de Google para detectar errores, y corrige si los hay.
7. En las páginas amp, indica el canonical a la versión web de las páginas.
8. En todas las páginas web del sitio, después de la línea , agrega una nueva línea , en lugar de los asteriscos escribe la dirección de nuestra nueva página amp, que corresponde a esta página web.
9. Agrega el contador de Yandex.Metrica en todas las páginas amp, número del contador: ******

De inmediato digo, no soy un experto en escribir prompts, solo comparto mi versión de trabajo, que puede ser útil para ustedes, ya que todos somos perezosos para escribir especificaciones largas, confiando en la inteligencia del IA.