Crea y publica tu primera web con ChatGPT Sites

Paso a paso

1. 1

   Define una web pequeña y útil

   Vamos a trabajar con Alex Ríos, un fotógrafo ficticio de retratos profesionales. Su objetivo es que una persona vea su trabajo y solicite información sobre una sesión. El primer alcance será una sola página: presentación, servicios, galería, proceso, preguntas frecuentes y contacto por correo. No necesita pagos ni reservas automáticas. Escribe qué debe poder hacer el visitante antes de pensar en colores: ver retratos, entender el servicio y encontrar el contacto.

2. 2

   Prepara el briefing y las fotografías

   Rellena la plantilla descargable de esta guía. Para el ejemplo: retratos para perfiles profesionales, marca personal y equipos; tono cercano; estilo editorial con fotografías grandes. Añade entre cuatro y seis fotos que puedas publicar y describe qué muestra cada una. Si faltan tarifas, plazos o detalles, indícalo como pendiente. Las imágenes de demostración no deben presentarse como trabajos de un fotógrafo real. Sustituye también el nombre y el contacto del ejemplo antes de usar la web para tu negocio.

3. 3

   Abre Sites y entrega un encargo completo

   Abre Sites desde ChatGPT y utiliza el prompt de abajo. Adjunta el briefing y las imágenes. Solicita una primera versión para revisar sin publicar todavía. Comprueba que el encargo incluya un botón de contacto visible, una galería cómoda en móvil y textos basados en tus datos. Si ChatGPT necesita aclaraciones, responde con información real: no le pidas que complete la experiencia profesional, los testimonios o las condiciones por su cuenta.

4. 4

   Mejora la primera versión con cambios concretos

   Revisa primero el mensaje principal. ¿Se entiende que haces retratos profesionales? Después mira la jerarquía: el trabajo debe verse pronto y el contacto debe localizarse sin buscarlo. Pide una modificación por objetivo, por ejemplo: «Reduce la presentación a dos frases y mantén el botón de contacto visible» o «En móvil, muestra la galería en una columna y conserva el encuadre de las caras». Verifica el resultado de cada cambio antes de añadir otro.

5. 5

   Comprueba la web como si fueras un cliente

   Abre la vista móvil y la de escritorio. Comprueba que las caras no queden cortadas, que el texto se lea y que no aparezca desplazamiento horizontal. Recorre todos los enlaces. El botón de correo debe abrir un mensaje dirigido a tu dirección correcta; eso no equivale a que se haya enviado ni garantiza que el visitante tenga una aplicación de correo configurada. Muestra también la dirección como texto. Revisa nombres, servicios y cualquier afirmación. Retira marcadores y datos de demostración de tu versión comercial.

6. 6

   Publica con la dirección proporcionada por Sites

   Cuando termines la revisión, pide publicar la versión revisada para que cualquiera con el enlace pueda visitarla. Comprueba la audiencia configurada y conserva la URL que Sites devuelva al confirmar la publicación. Pruébala desde una ventana sin sesión: una vista previa accesible para ti no demuestra que tus clientes puedan entrar. Puedes comenzar con esa dirección sin comprar un dominio. Consulta el bloque de planes y dominios de esta guía antes de dar por hecho que el alojamiento será ilimitado.

7. 7

   Conecta tu dominio, si quieres usar tu propia dirección

   Este paso es opcional. Si la función está disponible, abre los ajustes del sitio y añade el dominio o subdominio que ya poseas. Sites te indicará qué registros DNS necesita: copia exactamente esos nombres, tipos y valores en tu proveedor de dominio. No reutilices valores de una captura o de otro proyecto. Conserva los registros ajenos al cambio, especialmente los del correo. Después actualiza el estado en Sites y espera a que la validación y HTTPS estén listos. Abre la dirección nueva y comprueba que carga la web correcta. El registro y la renovación del dominio se gestionan por separado.

8. 8

   Haz una actualización y verifica lo que cambia

   Practica con una modificación pequeña: cambiar la descripción de una sesión o sustituir una fotografía. Indica qué debe conservarse, revisa el resultado y pide publicar la versión actualizada. Abre de nuevo el enlace compartido y comprueba el cambio tanto en móvil como en escritorio. Guarda el briefing, las imágenes originales y los prompts de mejora para poder repetir el proceso sin reconstruir las decisiones desde cero.