Por 
Cada semana alguien nos pregunta si se puede crear una web con Claude, la inteligencia artificial de Anthropic. La respuesta corta es que sí: hoy Claude puede escribir el código de una web completa, desde una página sencilla hasta un tema de WordPress a medida. La respuesta larga es la que importa si esa web tiene que traerte clientes.
Nosotros diseñamos y programamos webs con Claude cada día. En esta guía te explicamos cómo crear una web con Claude paso a paso si quieres hacerlo tú, qué no va a hacer la IA por ti y cómo lo hacemos en moca: el sistema de automatizaciones, comprobaciones y criterio que hay detrás de cada proyecto, con dos casos reales.
En resumen
- Sí, puedes crear una web con Claude: en el chat para una prueba rápida, o con Claude Code para una web de verdad, con archivos, historial y publicación.
- El resultado depende de lo que le des: un buen encargo vale más que el mejor prompt.
- Claude programa muy rápido, pero no conoce tu negocio, no hace tus fotos ni decide qué te diferencia.
- Google no penaliza que una web esté hecha con IA; penaliza el contenido que no ayuda a nadie.
- En moca, Claude trabaja dentro de un sistema propio: manual de cada proyecto, generador de páginas, comprobaciones automáticas, publicación con historial, medición diaria y una persona revisando cada paso.
Qué es Claude y qué puede hacer por tu web
Claude es el asistente de inteligencia artificial de Anthropic. Para crear una página web hay dos formas de usarlo:
- El chat de Claude. Le describes la página y te la enseña al lado de la conversación, en una vista previa que puedes ir corrigiendo. Va muy bien para una maqueta, una landing de prueba o comparar ideas.
- Claude Code. Es la versión que trabaja sobre los archivos de un proyecto: lee el código, lo cambia, ejecuta comandos, prueba y guarda cada cambio con su historial. Funciona en la terminal, en la app de escritorio, en el navegador y en editores de código. Es la que usamos nosotros.
Con Claude Code se puede hacer una web estática en HTML y CSS, un tema de WordPress, una web con un framework moderno o retocar la que ya tienes. Lo que no viene de serie es el dominio, el alojamiento, la ficha de Google y, sobre todo, saber qué tiene que decir tu web para que te llamen a ti.
Cómo crear una web con Claude, paso a paso
Si quieres probarlo tú, este es el orden que te recomendamos. Sirve igual para una web de una página que para una de diez.
1. Escribe el encargo antes de abrir Claude
Apunta en un documento a qué te dedicas, en qué zona trabajas, qué servicios quieres vender primero, quién es tu cliente ideal, qué te diferencia (garantía, plazos, certificaciones reales) y qué quieres que haga quien visita la web: llamarte, escribirte por WhatsApp o pedir presupuesto. Claude rellena los huecos con frases genéricas; cuantos menos huecos, mejor web.
2. Elige dónde vas a trabajar
Para una primera idea, el chat. Para una web que vas a publicar, Claude Code en una carpeta propia, a ser posible con git para poder volver atrás. Si ya tienes WordPress, puedes pedirle un tema a medida o un tema hijo, pero haz siempre una copia de seguridad antes de tocar nada.
3. Pide primero el plan, no la web
Pídele que te haga preguntas y te proponga el mapa de páginas (inicio, servicios, zonas, quiénes sois, contacto) y qué irá en cada una. Corrige el plan. Es mucho más barato cambiar una lista que rehacer diez páginas.
4. Genera página a página y revisa en el móvil
Pide una página cada vez y ábrela en el móvil, porque la mayoría de tus clientes llegarán desde ahí. Comprueba que el botón de llamar y el de WhatsApp se vean sin bajar, que los textos se lean sin hacer zoom y que la página cargue rápido. Para la velocidad tienes PageSpeed Insights, gratis.
5. Revisa el SEO a mano, aunque lo escriba Claude
Cada página necesita su propio título y descripción, un solo H1, textos que digan qué haces y dónde, imágenes con texto alternativo, datos estructurados (schema) de tu negocio y un sitemap. Claude sabe escribir todo eso. Lo que te toca a ti es comprobar que sea verdad y que cada página responda a una búsqueda real de tus clientes.
6. Publica y conéctalo todo
Necesitas dominio, alojamiento, certificado HTTPS, un formulario que llegue de verdad a tu correo, Google Search Console, una analítica que respete la privacidad, y el aviso legal, la política de privacidad y la de cookies. Es la parte que más se olvida y la que más problemas da.
7. Mantenla viva
Una web no se acaba el día que se publica: hay que actualizarla, comprobar que el formulario sigue llegando y añadir trabajos y páginas nuevas. Guarda las instrucciones del proyecto en un archivo para que, la próxima vez, Claude no empiece de cero.
Un ejemplo de encargo para Claude
Así empezaría un buen encargo. Cambia lo que va entre corchetes por los datos reales de tu empresa:
«Vamos a crear la web de [empresa], una empresa de [servicio] en [zona]. Queremos que nos pidan presupuesto [tipo de cliente] de [ciudades]. Servicios por orden de importancia: [lista]. Nos diferencia: [garantía, plazos, certificaciones]. Tono cercano, de tú y sin tecnicismos. Antes de escribir código, hazme las preguntas que necesites y propón el mapa de páginas con el título, la descripción y el H1 de cada una. La web tiene que ser rápida, verse bien en el móvil, tener siempre a mano los botones de llamar y de WhatsApp, incluir datos estructurados de LocalBusiness y no inventar nada que no te haya dicho: ni reseñas, ni cifras, ni años de experiencia.»
La última frase es la más importante. Si no se lo dices, la IA tiende a rellenar con reseñas, clientes y cifras que nadie le ha dado, y eso en una web de empresa es un problema serio.
Lo que Claude no hace por ti
Trabajando con Claude a diario, esto es lo que sigue dependiendo de una persona:
- Saber qué te diferencia. Claude escribe bien, pero no sabe que respondes en el día o que tus técnicos están certificados. Si no se lo das, escribe lo mismo que tu competencia.
- Decidir. Puede proponerte veinte portadas; elegir la que funciona para tu cliente es criterio, no código.
- Lo real. Las fotos de tus trabajos, tus reseñas, tus precios y tus datos de contacto. Nada de eso se puede generar sin engañar a quien te lee.
- Comprobar que funciona fuera del ordenador de quien la hizo. Formularios, correos, móviles antiguos, velocidad real y avisos legales.
- Responder del resultado. Si algo falla un sábado, alguien tiene que enterarse y arreglarlo.
Google lo dice a su manera: premia el contenido útil y fiable, se haya producido como se haya producido, y considera spam usar la IA para generar contenido con el único fin de manipular el ranking (lo explica en Google Search Central). La IA no es el problema; el contenido vacío, sí.
Cómo creamos webs con Claude en moca
Cuando alguien oye que trabajamos con IA, a veces imagina que escribimos una frase y sale una web. Es casi al revés: hemos dedicado muchas horas a construir un sistema para que Claude trabaje con nuestras reglas, que cada cambio se compruebe antes de llegar a tu web y que nada importante dependa de la memoria de nadie. Estas son sus piezas.
1. Un manual vivo para cada proyecto
Cada web tiene su repositorio con un manual que Claude lee antes de tocar nada: colores exactos, tipografías, cómo se publica, qué no se puede hacer y cada decisión que has tomado tú, con su fecha. Si un día nos dices «no vuelvas a poner esa línea», queda escrito y no vuelve a aparecer. Es la diferencia entre una IA que empieza de cero cada vez y una que conoce tu proyecto.
2. Un generador de páginas propio
Nuestras webs estáticas no salen de una plantilla comprada. Las monta un programa nuestro que une las páginas, los textos en castellano y en catalán, el menú, los datos estructurados para Google, el sitemap y las versiones ligeras de las imágenes para el móvil. Las preguntas frecuentes que ves en una página y las que lee Google salen del mismo sitio, así que nunca dicen cosas distintas.
3. Comprobaciones automáticas antes de publicar
Ningún cambio se publica sin pasar una batería de comprobaciones: que la web se genere sin errores, que el código JavaScript sea válido, que no haya enlaces internos rotos y que los datos estructurados sean correctos. Para lo visual, un navegador automático (Playwright) abre las páginas en tamaño ordenador y móvil y hace capturas que revisamos. También lo usamos para medir la fluidez: así encontramos en nuestra portada unas reglas de estilo que frenaban el scroll, y pasamos de 57 fotogramas lentos a 1.
4. Publicación con historial
Cada cambio es un paso pequeño, guardado en git con su descripción, y se publica con un único comando. Si algo no convence, se vuelve atrás en segundos. En los proyectos de WordPress publica una acción automática que solo puede escribir en la carpeta del tema, así que un error nunca toca el resto de la instalación.
5. Auditorías generadas a medida
Antes de proponerte nada analizamos tu web actual. Una plantilla y un generador propios montan una auditoría personalizada con lo que cualquiera puede ver en tu web, las diez heurísticas de usabilidad de Nielsen y una nota sobre 100 que pesa sobre todo el diseño y la experiencia (60 %), después Google (30 %) y lo técnico (10 %). Te llega por enlace y se lee en tres minutos.
6. Medición cada día, sin tocar nada
Unas tareas programadas recogen cada mañana, y varias veces al día, los datos de la web (con Umami, que no usa cookies), de Google Search Console, de Microsoft Clarity para quien acepta cookies y de la ficha de Google, y los llevan a un panel interno. Así vemos qué páginas traen visitas y qué busca la gente que llega, artículo por artículo.
7. Imagen y vídeo con IA, revisados a mano
Usamos Gemini para ilustraciones y renderizamos los vídeos de nuestros casos fotograma a fotograma con un navegador automático. Lo generado con IA se revisa, se indica y nunca sustituye una foto real de tu trabajo.
8. Personas en cada decisión
Todo lo anterior existe para que nosotros, Marc y Lucía, dediquemos el tiempo a lo que no se automatiza: entender tu negocio, decidir la estrategia, dirigir el diseño y revisar cada texto. Nada se publica en tu web sin tu visto bueno. Lo contamos con más detalle en cómo trabajamos.
Caso real: la web de Pablo Escayola
Pablo Escayola es asesor inmobiliario independiente y vende propiedades en Barcelona, la Costa Brava y la Cerdanya. Tenía una audiencia enorme en redes, pero ninguna web propia. Le hicimos la marca personal y una web en WordPress con un tema hecho a medida, sin constructores visuales.
Así se ve el sistema en un proyecto real:
- Un manual del proyecto con la dirección de arte (fondo travertino, tinta y un granate de acento), la tipografía, el modo oscuro y reglas como no cargar fuentes ni scripts de terceros, por privacidad y velocidad.
- Un catálogo de propiedades a medida: buscador con filtros, fichas con el vídeo de cada casa y sus últimos vídeos de TikTok en la portada.
- Tres idiomas, castellano, catalán e inglés, con los textos fijos del tema traducidos en sus archivos de idioma.
- Más de 130 cambios guardados con su historial y publicados de forma automática, solo en la carpeta del tema.
- Un panel sencillo para que Pablo gestione sus propiedades, contactos y blog sin depender de nadie.
- Una página privada para subir propiedades desde el móvil que crea la ficha, reduce las fotos y la traduce sola. Lo contamos en automatizar con Claude: caso real.
Claude escribió buena parte del código; las decisiones de marca, de diseño y de qué contar fueron nuestras y de Pablo. Tienes el proceso completo en el caso de Pablo Escayola y su web en pabloescayola.es.
Caso real: nuestra propia web
La mejor prueba del sistema es la web que estás leyendo. mocabcn.com está hecha con el mismo método: generador propio, castellano y catalán, datos estructurados en cada página, herramientas gratis que funcionan en tu navegador y una zona interna con nuestro ERP, los presupuestos y las métricas. Desde el 2 de octubre de 2026 hemos guardado y publicado más de 600 cambios, cada uno con sus comprobaciones. A ese ritmo no se llega tecleando más rápido, sino con un sistema.
En la marca trabajamos igual. En la identidad de Supra Group, la construcción del símbolo se dibuja paso a paso en la propia página del caso, y su animación se renderizó fotograma a fotograma desde el mismo proyecto.
¿Hacerla tú con Claude o encargarla?
Depende de lo que necesites. Si quieres una página para probar una idea y tienes tiempo, Claude es una herramienta estupenda y esta guía te sirve. Si tu web tiene que traerte clientes cada mes, la diferencia no está en la IA (usamos la misma que puedes usar tú), sino en todo lo que la rodea.
| Tú con Claude | Con moca web | |
|---|---|---|
| Coste | Tu suscripción de Claude, dominio y alojamiento | 1.090 € sin IVA, hasta 8 páginas (dominio y alojamiento aparte) |
| Tu tiempo | Aprender, probar y corregir | Unas 3 o 4 horas en todo el proyecto |
| Textos y SEO | Lo que sepas tú | Textos escritos por nosotros, SEO técnico y Search Console |
| Comprobaciones | Las que hagas a mano | Automáticas en cada cambio, más nuestra revisión |
| Puesta en marcha | Por tu cuenta | Dominio, HTTPS, correo, formulario y WhatsApp conectados |
| Después | Tú | Mantenimiento opcional con moca care |
Tienes todo lo que incluye en moca web, y si quieres comparar precios en general, lo explicamos en cuánto cuesta una página web para una empresa de servicios.
Preguntas frecuentes
Puedes hacer pruebas en el chat con el plan gratuito, que tiene límites de uso. Para trabajar sobre los archivos de una web con Claude Code necesitas un plan de pago; consulta los precios actuales en la web de Anthropic. Y cualquier web publicada necesita, además, dominio y alojamiento.
Para una maqueta en el chat, no. Para publicar una web que funcione bien, ayuda mucho: hay que entender qué hace cada archivo, revisar los cambios, configurar el alojamiento y darse cuenta de cuándo la IA se equivoca.
No por estar hechas con IA. Google dice que premia el contenido útil y fiable sin importar cómo se haya creado, y que usar IA para generar contenido con el fin de manipular el ranking va contra sus políticas de spam. Lo que importa es que lo que dice tu web sea verdad y le sirva a quien la lee.
Sí. Puede programar un tema a medida o modificar uno que ya exista. Así hicimos la web de Pablo Escayola: un tema propio, sin constructores visuales, con un panel sencillo para que él gestione sus propiedades.
Una página de prueba, en una tarde. Una web de empresa lista para traer clientes, con estrategia, textos revisados, SEO y todo conectado, nos lleva de 3 a 5 semanas, y la mayor parte de ese tiempo no es escribir código.
Claude para programar y revisar, y Gemini para imágenes, junto con herramientas como Figma, WordPress, Search Console y PageSpeed Insights. Cada decisión la tomamos y la revisamos nosotros, y lo generado con IA se indica.