Guía paso a paso para diseñar y publicar cualquier tipo de página web usando Claude AI, y Netlify para dejarla en línea gratis.
Antes de empezar, decide qué tipo de página necesitas. El proceso es exactamente el mismo para todos — solo cambia el contenido que le das a Claude.
Muestra quién eres, tus habilidades, proyectos y formas de contacto. Tu carta de presentación digital para conseguir clientes.
Presenta un negocio, sus servicios, precios y testimonios. Ideal para ti o para tus clientes.
Página enfocada en una sola acción: vender un curso, captar leads, promover un evento o lanzar un producto.
Para publicar artículos, guías o contenido de valor. Ideal para posicionarte como experta en un tema.
Describe el evento, la agenda, los ponentes y el formulario de registro.
CV online, directorio de recursos, galería, página de comunidad y más. El proceso sirve para cualquier idea.
No te paralices eligiendo. Escoge la que más necesitas ahora y publícala. Siempre puedes crear más páginas después usando el mismo proceso.
Hay dos formas de pedirle a Claude que cree tu página. Elige la que más te acomode.
Usa este prompt cuando no sabes exactamente qué escribir. Claude te irá preguntando todo lo necesario antes de crear la página.
Copia y pega esto en Claude AIUsa este prompt cuando ya sabes qué quieres. Reemplaza (AGREGAR CARACTERÍSTICAS) con toda la información de tu página — secciones, contenido, colores y estilo. Agrega o elimina lo que necesites.
Copia, completa con tu información y pega en Claude AICopia esta estructura, reemplaza todo lo que está entre [ ] con tu información real y pégala donde dice (AGREGAR CARACTERÍSTICAS) en el prompt de arriba.
Estructura de contenido — completa y pega en el promptTodo lo que está entre [ ]. Reemplázalo con tu información y borra los corchetes.
Las últimas 6 líneas de CARACTERÍSTICAS. Esas van siempre igual en todos los prompts.
Más secciones copiando el bloque "SECCIÓN X". Tantas como necesite tu página.
Las secciones que no apliquen a tu tipo de página. El prompt se adapta a lo que necesites.
❌ Poner poco contenido esperando que Claude lo invente todo.
❌ Olvidar especificar los colores (Claude elegirá los suyos).
❌ No pedir que sea responsivo — puede verse mal en celular.
❌ Prompt muy corto y genérico: "haz una página bonita".
Con tu prompt listo, sigue estos pasos dentro de Claude AI para obtener tu página.
Ve a claude.ai. Si no tienes cuenta, créala gratis con tu correo. El plan gratuito es suficiente para crear tu página.
Haz clic en "New chat". Cada página que crees debe hacerse en una conversación nueva para no mezclar instrucciones.
Si elegiste la Opción A, pega el prompt y responde las preguntas de Claude. Si elegiste la Opción B, pega el prompt ya completado y envíalo.
Claude mostrará el código de tu página. Revisa que el contenido sea correcto, que los colores estén bien y que la estructura sea la que pediste.
Si algo no quedó bien, dile a Claude exactamente qué cambiar. Por ejemplo: "Cambia el color del botón a #9b7fd4" o "Agrega un botón de WhatsApp con este link". Puedes hacer todos los ajustes que quieras en la misma conversación.
Cuando estés satisfecha, busca el botón de descarga del código. Guarda el archivo como index.html en tu computador.
Selecciona todo el código HTML (Ctrl+A dentro del bloque de código), cópialo y pégalo en el Bloc de Notas. Guarda con el nombre index.html.
Haz doble clic en el archivo index.html. Se abrirá en tu navegador. Verifica que todo se vea bien en pantalla completa y también con la ventana reducida (simula un celular).
Netlify es una plataforma gratuita para publicar tu página en internet en menos de 2 minutos. Solo arrastra y suelta tu archivo.
Es gratis, no necesitas tarjeta de crédito, es muy fácil de usar, te da un link real (tu-sitio.netlify.app) y puedes actualizar tu página cuando quieras subiendo el archivo nuevamente.
Abre netlify.com y haz clic en "Sign up". Puedes registrarte con tu correo de Gmail para más rapidez. El plan gratuito ("Starter") es todo lo que necesitas.
Una vez dentro, haz clic en "Sites" en el menú de la izquierda.
Al final de la página verás una zona gris: "Drag and drop your site output folder here". Arrastra tu archivo index.html a esa zona.
Netlify procesará tu archivo. En menos de 30 segundos tu página estará lista con un nombre como amazing-panda-abc123.netlify.app.
Haz clic en el link que te da Netlify para verificar que todo se vea bien. ¡Ese es el link de tu página publicada!
En la configuración del sitio ve a Site configuration → Site details → Site name y escribe algo como tu-nombre.netlify.app.
Si haces cambios en Claude y descargas una nueva versión, arrastra el nuevo index.html a la misma zona en Netlify. Se actualizará automáticamente y el link seguirá siendo el mismo.
Cada vez que arrastres un nuevo archivo, la URL permanece igual. Puedes mejorar tu página cuantas veces quieras.
SEO significa que Google pueda encontrar y mostrar tu página cuando alguien busca algo relacionado contigo. Aquí lo esencial para empezar.
Las etiquetas SEO ya están integradas en los prompts de la sección anterior. Claude las agregará automáticamente cada vez que crees una página. Esta sección te explica qué son y cómo registrar tu página en Google.
Imagina que Google es una biblioteca gigante. Cuando alguien escribe algo en el buscador, Google va a esa biblioteca y busca qué página responde mejor. El SEO es decirle a Google de qué trata tu página para que la muestre a las personas correctas.
Es lo que aparece en la pestaña del navegador y en los resultados de Google. Debe incluir tu nombre y especialidad.
Elena Peña · Asistente Virtual Chile
El texto pequeño que aparece debajo del título en Google. Máximo 150 caracteres. Describe lo que ofreces y para quién.
Organizo tu negocio de forma remota. Gestión de agendas, correos y procesos administrativos.
Las palabras que tu cliente ideal escribiría en Google para encontrarte. Ponlas también dentro del texto de tu página.
asistente virtual, soporte remoto, organización negocios
Netlify publica tu página pero Google no la conoce todavía. Regístrala tú misma para que empiece a aparecer en búsquedas. Es gratis y tarda 5 minutos.
Este proceso lo verás demostrado en clase con capturas reales. No podrá hacerse en vivo porque el dominio de la mentoría ya está verificado — pero verás exactamente cada pantalla y qué hacer en cada paso.
Ve a search.google.com/search-console e inicia sesión con tu cuenta de Google. Verás una pantalla pidiendo que elijas el tipo de propiedad.
¿Tu página está en Netlify sin dominio propio? Elige Prefijo de la URL y pega tu link completo (ej: https://tu-pagina.netlify.app)
¿Tienes dominio propio? Elige Dominio y escribe solo el dominio (ej: tupagina.com)
Google te dará un código que empieza con google-site-verification=... Haz clic en Copiar y guárdalo. Necesitas pegarlo en el panel DNS de donde compraste tu dominio (GoDaddy, Namecheap, Google Domains, etc.)
Entra al panel de tu proveedor de dominio → busca Registros DNS → Agregar registro → elige tipo TXT → en Nombre escribe @ → en Datos pega el código de Google → guarda.
Haz clic en Verificar. Si aparece el mensaje verde "Propiedad verificada" ¡listo! Google ya sabe que esa página es tuya. Si no verifica de inmediato, espera unas horas y vuelve a intentarlo — los cambios DNS pueden tardar hasta 24 horas.
En el menú izquierdo ve a Inspección de URL → escribe tu link completo → presiona Enter → haz clic en "Solicitar indexación". Esto le dice a Google que vaya a revisar tu página ahora mismo.
Google puede tardar entre 1 y 4 semanas en mostrar tu página en resultados. Mientras tanto comparte tu link en LinkedIn, Instagram y WhatsApp — cada vez que alguien lo visita le da señales positivas a Google.
El código que agregaste en tu DNS debe quedarse ahí para siempre. Si lo eliminas, Google perderá la verificación de tu página.
| Acción | Dificultad | Resultado |
|---|---|---|
| Etiquetas SEO en el HTML (con Claude) | Fácil | Inmediato en el código |
| Google Search Console | Fácil | 1–4 semanas |
| Compartir link en redes sociales | Fácil | Gradual |
| Google Business Profile (negocio local) | Fácil | 1–2 semanas |
| Posicionamiento orgánico real en Google | Medio | 3–6 meses |
No existe el SEO instantáneo. Lo que sí puedes hacer desde hoy: que el código tenga las etiquetas correctas (Claude lo hace por ti), registrar la página en Google Search Console y compartir tu link en redes. El resto llega con el tiempo.
Verifica que tu página esté completa antes de compartir el link con tu mentora y el grupo.
Comparte el link de Netlify en el grupo del programa con este formato:
Mi página web: https://mi-pagina.netlify.app
Tipo de página: [portafolio / landing / negocio / otro]
Herramienta usada: Claude AI + Netlify
Mira cómo se hace todo este proceso en tiempo real. Puedes pausar, rebobinar y seguir la clase a tu propio ritmo.
Este video es de uso interno del Programa de Capacitación para Asistentes Virtuales 2026 de AVA Academia Digital. Por favor no compartas el link fuera del grupo.
