Adios

Guía de sitios web mediante prompts

Cómo crear un sitio web empresarial con IA en Adios

Puedes crear un sitio web empresarial con IA dando al agente datos verificados del negocio, un mapa de páginas y una acción del cliente, y revisando después el código fuente generado, los formularios, el diseño móvil, los metadatos y el despliegue. Adios mantiene ese trabajo en un espacio de trabajo respaldado por código fuente en lugar de limitarlo a una maqueta visual desechable.

El ejemplo es un sitio multipágina de un negocio ficticio de reparaciones locales. Incluye servicios, áreas de servicio, información del negocio, contacto, privacidad y un recorrido para solicitar presupuestos. Todos los datos específicos del negocio siguen siendo entradas explícitas o marcadores visibles; la IA no puede inventar motivos de confianza. Explorar más proyectos que puedes crear con IA.

Ejemplo de creación / Sitio web de servicios locales

Un recorrido del cliente respaldado por datos reales del negocio

Un sitio empresarial útil dice qué hace la empresa, dónde trabaja, por qué debe confiar en ella el visitante y qué sucede cuando pide ayuda.

01

Páginas

Inicio, servicios, áreas, acerca, contacto, privacidad.

02

Acción

Un recorrido funcional para solicitar un presupuesto.

03

Buscar

Metadatos únicos, mapas de sitios y esquemas veraces.

04

Prueba

Comprobaciones de móviles, formularios, accesibilidad y compilación.

00

Antes del prompt

Trae datos que la IA no tiene permitido adivinar

Recopila el área de servicio real, los servicios, los datos de contacto, las políticas y las pruebas antes de generar páginas. La información que falta debe seguir como marcador de posición, no convertirse en ficción persuasiva.

ENTRADA / 01

Datos reales del negocio

Anota el nombre exacto, los servicios, las ubicaciones, los datos de contacto y las restricciones operativas.

ENTRADA / 02

Una acción del cliente

Elige llamar, solicitar un presupuesto o reservar. No hagas que tres acciones compitan en cada pantalla.

ENTRADA / 03

Confianza demostrable

Usa solo las licencias, años, reseñas, personas, fotos, garantías y afiliaciones proporcionados.

ENTRADA / 04

Destino del formulario

Decide dónde van los datos personales, quién los recibe, cómo funcionan los errores y qué texto de privacidad se aplica.

Si solo necesitas una página promocional en lugar de un sitio multipágina, crear una landing page con IA instead.

01

Datos antes del texto

Convertir información verificada del negocio en un plan de páginas

Sustituye los campos entre corchetes por información real o márcalos como pendientes. El agente debe separar los datos de las carencias y esperar antes de escribir textos de marketing.

Prompt de descubrimiento del sitio web
Ayúdame a convertir los datos reales de mi negocio de servicios en un plan de sitio web. No escribas textos ni edites archivos todavía.

Datos del negocio:
- Nombre del negocio: [NAME]
- Área de servicio: [REAL LOCATIONS]
- Servicios principales: [SERVICES]
- Cliente ideal: [CUSTOMER]
- Acción principal: [CALL, REQUEST A QUOTE, OR BOOK]
- Datos de contacto: [REAL DETAILS OR CLEAR PLACEHOLDERS]
- Pruebas que puedo demostrar: [LICENSE, YEARS, REVIEWS, PHOTOS, OR NONE]
- Dirección de la marca: [COLORS, TONE, AND VISUAL REFERENCES]

Planifica el sitio multipágina útil más pequeño. Separa los datos que he proporcionado de la información que falta. No inventes reseñas, premios, certificaciones, cifras de clientes, ubicaciones, precios, garantías ni resultados de antes y después.

Devuelve el mapa de páginas, el objetivo de cada una, la navegación principal, el contenido y las imágenes necesarios, los campos de formularios, las consideraciones de privacidad y el plan de pruebas móviles. Espera mi aprobación antes de editar.

Lo que una respuesta útil contiene

  • Un pequeño mapa de páginas vinculado al recorrido del cliente
  • Una lista visible de los datos que faltan
  • Una acción primaria coherente
  • Requisitos de formularios, privacidad y móviles
02

Crear a partir de datos aprobados

Generar el sitio multipágina sin inventar motivos de confianza

Este prompt conserva el proyecto existente e integra los marcadores de posición, formularios, accesibilidad, metadatos y pruebas en la creación en lugar de dejarlos para la limpieza final.

Prompt de creación del sitio web
Crea el sitio web empresarial aprobado en este espacio de trabajo de Adios.

Requisitos:
- Inspecciona y conserva el framework actual, el gestor de paquetes, la ruta de salud y adios.yaml.
- Crea las páginas aprobadas con una acción principal clara y una navegación coherente.
- Usa solo los datos del negocio que he proporcionado. Señala los datos que faltan con marcadores de desarrollo visibles en lugar de inventarlos.
- Haz que los encabezados, enlaces, botones, formularios, estados de foco y mensajes de error se puedan usar con teclado y lector de pantalla.
- Haz que el diseño funcione en teléfonos pequeños, tabletas y pantallas de escritorio.
- Añade títulos y descripciones únicos, un patrón de URL canónicas, robots.txt, sitemap.xml y datos estructurados veraces solo cuando la página visible los respalde.
- Optimiza las imágenes locales y no añadas un script nuevo de terceros sin explicar por qué.
- Si el sitio incluye un formulario de captación, valídalo en el servidor y explica dónde van los envíos. No recopiles datos personales sin indicarlo.
- Mantén los secretos y las credenciales de proveedores fuera del código fuente.
- Añade o actualiza las pruebas de navegación, del formulario principal y de las rutas de metadatos.
- Ejecuta las comprobaciones existentes de lint, pruebas y compilación.

Muéstrame los archivos modificados, todos los marcadores que debo sustituir, los resultados de las comprobaciones y una lista de verificación de la vista previa página por página. No despliegues.

Lo que una respuesta útil contiene

  • Páginas distintas con navegación consistente
  • Marcadores visibles en lugar de afirmaciones inventadas
  • Un destino de formulario definido y validado
  • Metadatos, accesibilidad y pruebas de compilación
03

Revisar como un cliente

Comprueba cada afirmación, acción, punto de adaptación y estado de fallo

Usa este prompt después de tu propia revisión en móviles y escritorio. Pide al agente que corrija problemas confirmados sin añadir nuevas afirmaciones de marketing.

Prompt de revisión del sitio web
Revisa este sitio web empresarial desde la perspectiva de un cliente que lo visita por primera vez. Corrige solo problemas confirmados y no inventes nuevas afirmaciones.

Comprueba:
- que la primera pantalla diga qué hace el negocio, dónde trabaja y qué hacer después;
- que cada afirmación de servicios y ubicaciones coincida con los datos que he proporcionado;
- que funcionen la navegación, los formularios, los enlaces de teléfono y correo y las llamadas a la acción;
- que sean claros los comportamientos de éxito, validación, privacidad, spam y fallo del formulario;
- que no aparezcan reseñas, logotipos, premios, certificaciones, estadísticas ni pies de fotos de archivo falsos;
- que sean coherentes los títulos, las descripciones, las URL canónicas, robots.txt, sitemap.xml y los datos estructurados visibles;
- que las imágenes tengan texto alternativo útil cuando haga falta y las decorativas se traten como decorativas;
- que las páginas sean legibles y utilizables en anchos de móvil y escritorio; y
- que pasen lint, las pruebas y la compilación de producción existentes.

Devuelve los problemas encontrados, los cambios realizados, el contenido pendiente que debo proporcionar y los recorridos exactos que debo probar en la vista previa.

Lo que una respuesta útil contiene

  • Afirmaciones acordes con los datos proporcionados
  • Formularios y acciones de contacto funcionales
  • Metadatos de búsqueda consistentes
  • Vías de prueba móviles y de accesibilidad
04

Reemplazar cada marcador de posición

Preparar juntos el sitio, el formulario, los metadatos y el dominio

Una dirección provisional o un formulario de prueba pueden dañar rápidamente la confianza. Este último prompt hace un inventario y se detiene antes del cambio en producción.

Prompt de revisión de la versión del sitio web
Prepara este sitio web para una publicación de Adios aprobada por una persona. No despliegues todavía.

Verifica los marcadores del nombre de host de producción, las URL canónicas, robots.txt, sitemap.xml, los requisitos de consentimiento de analítica, el destino del formulario, el enlace de privacidad, los datos de contacto, la ruta de salud, el comando de compilación y adios.yaml.

Enumera cada elemento que aún contenga un marcador de posición. Después dame una lista final de verificación de móviles, escritorio, formularios, metadatos, accesibilidad y dominio personalizado. Detente para obtener mi aprobación antes del despliegue en producción.

Lo que una respuesta útil contiene

  • Un inventario completo de los marcadores de posición
  • Coherencia entre nombre de host, canónicas, robots y sitemap
  • Un formulario y un recorrido de privacidad verificados
  • Una pausa explícita antes de publicar
T

Prueba el resultado

Una compilación correcta es el comienzo de la revisión

Abre la vista previa y realiza tú mismo los recorridos importantes. Pide pruebas al agente, pero no confundas su resumen con tu aprobación.

PRUEBA / 01

Ruta del cliente

  • La primera pantalla denomina el servicio, el área real y la acción primaria.
  • Cada elemento de navegación, enlace telefónico, enlace de correo electrónico, formulario y CTA tiene un resultado útil.
  • Los estados de éxito, validación, spam y fallo del proveedor explican qué sucede después.
PRUEBA / 02

Confianza y búsqueda

  • Cada afirmación del negocio está proporcionada, se puede demostrar o aparece visiblemente como marcador de posición.
  • Los títulos, las descripciones, las URL canónicas, robots, sitemap y el esquema visible son coherentes.
  • No aparece ninguna reseña, logotipo de cliente, premio, certificación, ubicación ni resultado falsos.
PRUEBA / 03

Experiencia

  • Las páginas funcionan con teclado y siguen siendo legibles en anchos de teléfono, tableta y escritorio.
  • Las imágenes tienen dimensiones, texto alternativo adecuado y ningún desplazamiento evitable del diseño.
  • Pasan las comprobaciones de lint, pruebas, compilación, salud y formularios.

Punto de aprobación humana

Conectar el dominio solo después de finalizar los datos y los formularios

Usa la vista previa para comprobar cada página en anchos de teléfono y escritorio, sustituye todos los marcadores de desarrollo y confirma el destino real del formulario antes de aprobar la versión y vincular el nombre de host de producción.

alojar y desplegar el sitio web terminado creado con IA
  1. 01Sustituye o elimina todos los marcadores de desarrollo y las afirmaciones no verificadas.
  2. 02Envía formularios válidos e inválidos y confirma su destino real.
  3. 03Verificar títulos, canónicas, robots, mapa de sitio, esquemas visibles y enlaces de privacidad.
  4. 04Ejecuta comprobaciones de móviles, teclado, accesibilidad, lint, pruebas, compilación y salud.
  5. 05Aprueba la versión, vincula el dominio verificado y repite el recorrido principal del cliente.
?

Preguntas antes de comenzar

Lo que promete esta guía y lo que no

¿Puede la IA crear un sitio web empresarial completo?

La IA puede generar el código fuente, las páginas, los formularios, los metadatos y la interfaz adaptable, pero el negocio debe proporcionar datos precisos, pruebas, políticas, datos de contacto y la aprobación final. La guía mantiene visible la información que falta en lugar de pedir a la IA que la adivine.

¿En qué se diferencia del creador de landing pages de Adios?

El creador de landing pages es el camino más rápido para una página promocional. Esta guía cubre un sitio web multipágina respaldado por código fuente con navegación, contenido de servicios y ubicaciones, un flujo de formularios, metadatos, pruebas y un despliegue revisado.

¿Se posicionará en Google un sitio web generado por IA?

Ninguna herramienta puede prometer posiciones en los resultados. Un sitio útil sigue necesitando contenido preciso y distintivo, páginas rastreables, metadatos correctos, buen rendimiento, enlaces pertinentes, autoridad real y tiempo para que lo evalúen los buscadores y los usuarios.

¿Puedo editar el sitio web después de publicarlo?

Sí. El código fuente permanece en el espacio de trabajo y puede conservarse en Git. Haz el siguiente cambio, revísalo en la vista previa, repite las comprobaciones y aprueba una nueva versión mientras la actual sigue en línea.

Empieza con un espacio de trabajo que se pueda revisar

Da el primer prompt a Adios y aprueba después el plan.

Abrir Adios