Sitio web

Mide mi sitio alojado página por página, pasa todos los controles de calidad e informa del antes y el después

Mide un sitio estático en producción alojado en Opus Growth sin tocarlo, corrige los problemas por orden de prioridad y repite las mismas mediciones. Velocidad, accesibilidad, SEO, preparación para la búsqueda con IA y diseño móvil quedan en una sola tabla de antes y después.

Cuándo usarlo

Cuando tu sitio en vivo en el hosting de Opus Growth va lento, suspende las comprobaciones de accesibilidad o SEO o no está listo para la búsqueda con IA, y quieres medir cada página y llevarla al estándar.

Qué obtienes

Recibes un informe de antes y después por página y dispositivo sobre velocidad, accesibilidad, SEO, preparación para búsqueda con IA y diseño móvil, más la lista de archivos corregidos y puntos pendientes.

¿Cambia algo en mi cuenta?

Solo con tu aprobación. El asistente muestra primero una vista previa de cada cambio y espera tu confirmación.

Funciona con

SEO Intelligence, Search Console

Completa antes de enviar

[site address][server name][site key, or "main site"][business name][industry][services][phone][address][service area][opening hours][email][where the real photos are]
Mi sitio [site address] está en línea en mi servidor de hosting de Opus Growth. El nombre del servidor es [server name] y, si es un sitio adicional, su clave es [site key, or "main site"]. Quiero llevar este sitio al máximo nivel pasando cada página por controles medibles. Primero mide sin cambiar nada, después corrige los problemas por orden de prioridad y por último vuelve a medir exactamente igual. No des el trabajo por terminado hasta que se cumplan los criterios de abajo. Datos del negocio, con "none" donde no los sepa: [business name], [industry], [services], [phone], [address], [service area], [opening hours], [email], [where the real photos are]. 1. Preparación. Lee las guías con site_design_guide y site_seo_guide. Lista los archivos con site_list_files y la versión actual con site_versions, y anótala como punto de restauración. Haz una lista de las páginas publicadas, sin contar la página 404. No llames a scaffold_site, porque sobrescribe el index.html y la carpeta assets existentes. 2. Medición previa, sin cambiar nada: 1. En cada página, obtén con core_web_vitals la puntuación de rendimiento en móvil y escritorio, el LCP, el CLS y el TBT. 2. En la página de inicio y en [most important service page], usa seo_audit para listar, elemento por elemento, los fallos de accesibilidad móvil, SEO y buenas prácticas. Esta herramienta consume créditos, así que dime antes cuántas llamadas vas a hacer. 3. Con site_run_command, ejecuta `node seo-check.mjs`, `node design-check.mjs` y `npx --yes html-validate "**/*.html"` en la raíz del sitio. Si las herramientas del kit no están en la raíz, usa seo_technical_audit en lugar de estas tres e indícalo en el informe. 4. Abre cada página con site_preview a 360, 390, 768 y 1440 píxeles de ancho. Busca desplazamiento horizontal, titulares que se desborden, elementos superpuestos y zonas táctiles de menos de 44 píxeles. 5. Lee la página de inicio con site_read_url y text=true. Dime si un navegador que no ejecuta JavaScript ve el menú, los enlaces internos, el teléfono y la dirección. Con la misma herramienta, comprueba que robots.txt, sitemap.xml y llms.txt devuelven 200. 6. Marca esta lista para la búsqueda con IA: ¿robots.txt está abierto a GPTBot, OAI-SearchBot, ChatGPT-User, ClaudeBot, Claude-User, Claude-SearchBot, PerplexityBot, Perplexity-User, Google-Extended, Applebot-Extended, Bingbot y CCBot?; ¿sitemap.xml lleva fechas lastmod reales?; ¿llms.txt ofrece un resumen breve y preciso del sitio y de sus páginas clave?; ¿cada página incluye JSON-LD unido en un único grafo @id (Organization, el subtipo de LocalBusiness correcto, WebSite, WebPage, BreadcrumbList en todas las páginas salvo la de inicio, FAQPage solo donde se muestren preguntas reales)?; ¿la página de servicio responde la pregunta directamente en su primer párrafo?; ¿hay una fecha de última actualización visible y datos del negocio? Pon todo esto en una tabla de "antes" por página y dispositivo. 3. Plan de correcciones. Ordena los hallazgos así, muestra archivo por archivo qué va a cambiar y espera mi aprobación: 1. Acceso: enlaces internos rotos, direcciones que devuelven 404, canonicals incorrectos, bloqueos en robots.txt, noindex no deseados. 2. Contenido: marcadores de posición sin rellenar, títulos y descripciones ausentes o duplicados, más o menos de un h1, cuerpos de menos de 150 palabras. No inventes nada; no escribas horarios, coordenadas, valoraciones, precios, reseñas, premios ni cifras de clientes que yo no te haya dado, pregúntamelos. 3. Accesibilidad: contraste, niveles de encabezado saltados, imágenes sin texto alternativo, zonas táctiles de menos de 44 píxeles. El pie de página por defecto del kit usa títulos de columna en gris claro que no cumplen el contraste y son elementos h4 que rompen el orden de los encabezados; reescríbelos como párrafos normales con texto en gris oscuro. 4. Menú y pie de página: `<site-nav>` y `<site-footer>` se imprimen con JavaScript, de modo que los navegadores que no lo ejecutan nunca ven el menú ni los datos de contacto, y la página se desplaza cuando carga el menú. Escribe un pequeño script `chrome-stamp.mjs` que los imprima como HTML estático en cada página: lee site.config.js igual que seo-stamp.mjs, reescribe en cada ejecución la zona entre `<!-- chrome:nav:start -->` y `<!-- chrome:nav:end -->` (chrome:footer para el pie), construye el menú móvil con `<details>` y sin JavaScript, pone aria-current en la página actual, mantiene cada enlace con al menos 44 píxeles de alto e imprime el nombre, la dirección y el teléfono en el pie. Sigue gestionando el menú únicamente desde site.config.js. 5. Validez del HTML: `<!DOCTYPE html>` en mayúsculas, sin atributos style en línea, un type en cada input, `&nbsp;` en lugar de espacios en un teléfono visible (html-validate lo informa como tel-non-breaking), width y height en cada imagen. 6. Esquema y archivos AEO: completa las carencias de la lista AEO de arriba. Coloca el JSON-LD específico de cada página al final del body. Vuelve a estampar el grafo base con `node seo-stamp.mjs`. Si hay que cambiar una dirección, redirige la antigua con un 301 usando site_redirects; nunca uses un meta refresh. 7. Rendimiento: sustituye el CDN de Tailwind Play por CSS compilado y minificado, aloja tú mismo las fuentes, regenera las imágenes en WebP y AVIF con srcset, elimina los scripts que no se usen y comprueba las cabeceras de caché con site_headers. Ninguna petición puede salir del origen del propio sitio, favicon incluido. 4. Aplicar tras mi aprobación. Después de cada cambio, vuelve a ejecutar `node seo-stamp.mjs`, `node chrome-stamp.mjs` y la compilación del CSS, en ese orden. Si algo se rompe, vuelve a la versión que anotaste con site_restore. 5. Medición posterior: repite todas las mediciones del paso 2 en las mismas páginas y dispositivos. Usa runs=2 en seo_audit, porque los resultados de laboratorio varían de una ejecución a otra. Criterios: en cada página, rendimiento móvil de al menos 95 y accesibilidad, buenas prácticas y SEO de 100; en escritorio, las cuatro al menos en 95; seo-check con 0 errores y 0 avisos; design-check con 0 errores (explica cada aviso); html-validate con 0 errores; ningún desbordamiento en los cuatro anchos. Corrige y vuelve a medir cualquier página que no cumpla un criterio. 6. Tras publicar: confirma con site_read_url que la página de inicio en línea ha cambiado, envía sitemap.xml con gsc_submit_sitemap y muestra el estado de indexación de la página de inicio con gsc_url_inspect. Mi propiedad de Search Console es [Search Console property, or "none"]. Da formato a la salida así: primero un resumen de dos frases. Después una tabla de antes y después: página, dispositivo, rendimiento, accesibilidad, buenas prácticas, SEO, LCP, CLS. Luego una tabla de controles: control, antes, después. Después la lista de archivos modificados y el motivo de cada cambio. Por último, todo lo que no se haya podido corregir o que esté a la espera de información mía.

Resultado de ejemplo

Un ejemplo del resultado que da este prompt. La estructura procede de la salida real de las herramientas; cifras y nombres son ficticios.

Resultado de ejemplo (en un sitio de demostración ficticio; el negocio es ficticio, las puntuaciones se midieron realmente en esta demo)

Se midieron en Lighthouse, en tres momentos, cuatro páginas de un sitio ficticio, Defne Mali Müşavirlik: como el esqueleto del kit sin tocar, con contenido y schema añadidos pero con la pila CDN del kit todavía en su sitio, y después de pasar todos los gates. Completar el contenido eliminó los errores de seo-check, pero bajó el rendimiento en móvil; la mejora real vino de imprimir el menú de forma estática y eliminar todas las solicitudes de terceros.

PáginaDispositivoAntes (esqueleto)Intermedio (contenido, CDN)Después
InicioMóvil92 / 93 / 96 / 10073 / 94 / 100 / 100100 / 100 / 100 / 100
ServiciosMóvil94 / 93 / 96 / 10075 / 94 / 100 / 100100 / 100 / 100 / 100
Quiénes somosMóvil92 / 93 / 96 / 10086 / 94 / 100 / 100100 / 100 / 100 / 100
ContactoMóvil93 / 94 / 96 / 10091 / 94 / 100 / 100100 / 100 / 100 / 100
ServiciosEscritorio100 / 92 / 96 / 10083 / 93 / 100 / 100100 / 100 / 100 / 100

Orden de las puntuaciones: rendimiento / accesibilidad / buenas prácticas / SEO. El LCP de la página de inicio en móvil bajó de 2,8 s a 1,5 s y el CLS de 0,304 a 0; las solicitudes pasaron de 18 a 6, las solicitudes de terceros de 11 a 0 y el peso de la página de 465 KB a 80 KB.

GateAntesDespués
seo-check22 errores, 12 advertencias0 errores, 0 advertencias
design-check4 errores0 errores, 1 advertencia (sin movimiento, una decisión de estilo deliberada)
html-validate8 errores0 errores
Desbordamiento 360/390/768/1440ningunoninguno
Lista AEOsin robots, sitemap, llms.txt ni schematodo presente, 12 crawlers permitidos

Cambios destacados:
1. Los títulos de columna h4 en gris claro del footer del kit no pasaban el contraste ni el orden de encabezados; chrome-stamp.mjs los convirtió en párrafos gris oscuro dentro de un footer estático.
2. El menú se imprimía con JavaScript, por lo que la página se desplazaba 0,3 en la primera carga; un menú estático con un menú móvil <details> dejó el CLS en cero.
3. html-validate señaló los espacios del número de teléfono visible como tel-non-breaking; se corrigió con &nbsp;.
4. Sin favicon, la consola mostraba un error 404; se añadió un favicon SVG local.

Pendiente de tu parte: no se indicaron el horario de atención ni un enlace al mapa, así que se dejaron fuera del schema.

Un sitio de ejemplo creado con este prompt

Minimalismo suizo, una sola familia tipográfica (Switzer), un único acento en verde oscuro, cuadrícula de servicios con líneas finas, estática y sin JS

Creado para una marca ficticia siguiendo este prompt al pie de la letra. Las puntuaciones se midieron con Lighthouse en cada página.

Puntuaciones de Lighthouse (página más baja)
MóvilEscritorio
Rendimiento100100
Accesibilidad100100
Buenas prácticas100100
SEO100100

Controles superados

  • seo check: önce 22 hata 12 uyarı, sonra 0 hata 0 uyarı
  • design check: önce 4 hata, sonra 0 hata, 1 uyarı (hiç hareket yok: İsviçre-minimal tarzda bilinçli)
  • html validate: önce 8 hata, sonra 0 hata
  • overflow: 360/390/768/1440 taşma yok, konsol hatası yok, 44 px altı dokunma hedefi yok
  • external requests: önce (içerikli CDN hali) 18 istek, 11 dış, 465 KB; sonra 6 istek, 0 dış, 72 ile 82 KB
  • tailwind before after: CDN yığınıyla mobil performans 73 ile 91, derlenmiş CSS ve kendi fontlarla her sayfada 100
  • folders: once/site = kit starter kopyası, ara/site = içerik+şema CDN'li, sonra/site = site/ son hal
Capturas de pantalla
Mide mi sitio alojado página por página, pasa todos los controles de calidad e informa del antes y el después: Móvil
Móvil
Mide mi sitio alojado página por página, pasa todos los controles de calidad e informa del antes y el después: Escritorio
Escritorio

Medido el: 2026-10-11

Búsquedas relacionadas

Estos prompts funcionan mejor cuando tu asistente de IA está conectado a tus cuentas con Opus Growth.

Conecta tus cuentas gratis

Más prompts

Sitio webCambia tras tu aprobaciónDemo en vivo

Crea un sitio editorial de experto con sección de guías y schema de autor

Pide a tu asistente que construya el sitio de un experto con portada tipo revista, guías extensas y un perfil de autor. Tipografía serif, schema Article y Person y artículos fechados y con fuentes dan como resultado una publicación que la gente lee y que las respuestas de IA pueden citar.

Cuándo usarloCuando eres un experto, consultor o autónomo y tu web parece un folleto que no demuestra tu experiencia ni es citada por buscadores y respuestas de IA.

SEO Intelligence, Search Console
Sitio webCambia tras tu aprobaciónDemo en vivo

Crea el sitio de un negocio familiar con look clásico y estándares modernos

Pide a tu asistente que construya un sitio con el espíritu de una etiqueta antigua y un letrero de tienda para un productor de tercera generación, con marco y textura de papel. El aspecto es antiguo, la construcción es nueva: mobile first, sin JavaScript, fuentes alojadas en el propio sitio, WebP, schema Product y HowTo.

Cuándo usarloCuando diriges un negocio familiar de producción o una tienda y quieres un sitio con el aspecto de una etiqueta antigua y un letrero de comercio, pero que cargue rápido en el móvil y supere las pruebas de SEO y accesibilidad.

SEO Intelligence, Search Console
Sitio webCambia tras tu aprobaciónDemo en vivo

Crea una web minimalista suiza para un despacho jurídico o contable con señales de confianza

Hace que tu asistente construya un sitio estático para un despacho, sobre una cuadrícula estricta y con la jerarquía sostenida por una sola familia tipográfica. Incluye las señales de confianza que exige un sector YMYL: perfiles de los profesionales, una nota informativa fechada y con fuentes, textos que respetan las normas de publicidad profesional y schema Person.

Cuándo usarloCuando diriges un despacho de abogados o una asesoría contable y necesitas un sitio web creíble y rápido que genere confianza sin infringir las normas de publicidad profesional.

SEO Intelligence, Search Console
Sitio webCambia tras tu aprobaciónDemo en vivo

Crea un sitio corporativo multipágina sin JavaScript y entrégalo con puntuación 100

Pide a tu asistente que construya un sitio estático, rápido y accesible para un negocio corporativo como arquitectura, ingeniería o consultoría. El menú y el pie de página son HTML estático, las fuentes y el CSS están alojados por ti y cada página se mide antes de la entrega.

Cuándo usarloCuando necesitas un sitio corporativo de varias páginas, rápido y accesible, para un estudio de arquitectura, ingeniería o consultoría, sin nada de JavaScript.

SEO Intelligence, Search Console