Modo
Agendar llamada
Guía del tema

Páginas web con IA

Cómo armar una web con IA que cargue rápido, se vea propia y convierta visitas en consultas, sin perder lo que Google ya conocía.

En 30 segundos

Respuesta rápida

Una web para vender tiene que cargar rápido, explicar en segundos qué haces y para quién, y llevar a una sola acción, como agendar o escribir. Con Claude Code se arma y se publica sin saber programar, pero lo que decide si convierte es medir cada botón y no perder las direcciones viejas que Google ya conoce.

Qué tiene que tener
Un mensaje claro arriba, una sola acción principal y pruebas de que lo que dices es real.
Qué medir
Cada botón de contacto, formulario y reserva, además de la velocidad en el celular.
Si cambias de web
Cada dirección vieja tiene que llevar a su página nueva, o se pierde lo que Google ya conocía.
Que no parezca hecha con IA
Skills de diseño y una referencia visual propia, no el primer resultado del agente.

Por dónde empezar

Si recién arrancas, lee en este orden. Cada paso es una nota corta.

  1. Armar la primera versión con Claude CodeCómo armar una web profesional con Claude Code en 1 línea
    5 min
  2. Darle un diseño que no se vea genérico5 herramientas para que tu web no parezca hecha con IA
    9 min
  3. 5 min

#¿Se puede hacer una web profesional con IA?

Sí: con Claude Code se arma una web completa pidiéndola en lenguaje común, y se publica sin saber de servidores. El agente escribe el código, arma las páginas y las animaciones, y una herramienta de publicación la sube a internet con su propia dirección. En cómo armar una web con Claude Code mostramos un sitio entero que parte de una sola línea, y en crear una web app con IA sin saber programar, el stack para algo más grande, con base de datos, pagos y servidor.

Lo que la IA no decide sola es qué tiene que decir la web y para quién. Antes de pedirle nada, conviene tener escrito el mensaje principal, a quién le hablas y cuál es la única acción que quieres que haga la visita: agendar, escribir por WhatsApp o pedir un presupuesto.

#¿Por qué tantas webs hechas con IA se parecen?

Porque el agente, sin indicaciones de diseño, repite las mismas decisiones por defecto: los mismos degradés, las mismas tarjetas y la misma tipografía. La salida es darle criterio: skills de diseño, una referencia visual propia y herramientas que le permitan mirar lo que construyó antes de darlo por terminado.

Las opciones que probamos están en 5 herramientas para que tu web no parezca hecha con IA, que incluye el MCP de Figma para partir de tu diseño y el de Playwright para que el agente revise la página en el navegador, y en 3 skills para mejorar el diseño de Claude, que se usan juntas. Otra vía es partir de componentes ya diseñados, como los de 21st.dev que usamos en la web armada con Claude Code.

#¿Qué tiene que medir una web para saber si funciona?

Cada acción que puede terminar en un cliente: los botones de contacto, los formularios enviados y las reservas. Sin eso, una web puede tener muchas visitas y nadie sabe cuántas terminaron en una consulta. En Google Analytics, cada una de esas acciones se marca como evento clave, por ejemplo llegar a la página de gracias después de dejar los datos, y así se cuenta cuántas veces pasa (ayuda de Google Analytics).

La velocidad también se mide. Google usa tres métricas, las Core Web Vitals, que miran cuánto tarda en aparecer el contenido principal, cuánto tarda en responder a un toque y cuánto se mueve la página mientras carga (web.dev). Conviene mirarlas por separado en celular y en computadora, como sugiere la misma guía.

#¿Qué pasa con Google cuando cambias de web?

Si las direcciones viejas no llevan a las nuevas, Google muestra páginas que dan error y se pierde lo que ya traían. La guía de Google para mudar un sitio pide armar antes un mapa de cada dirección vieja con su nueva, usar redirecciones permanentes (301 o 308) directas, sin cadenas, y mantenerlas por lo general al menos un año (Google Search Central).

Mandar todo a la página de inicio no sirve: Google puede tratar esas redirecciones como páginas que no existen. Cada dirección tiene que llevar a la página que la reemplaza, y conviene actualizar también los enlaces propios que apuntaban a la vieja.

#¿Cómo se publica y se mantiene?

Con una plataforma que publica cada cambio y un dominio propio. Subir un proyecto de Claude Code a internet explica cómo hacerlo con un comando que revisa la seguridad antes de publicar. Después, la web se mantiene igual que se hizo: pidiéndole a Claude Code el cambio y revisando lo que tocó antes de subirlo.

#¿Qué conviene revisar antes de publicar?

Que la web haga lo que tiene que hacer con una persona real del otro lado, no solo que se vea bien. Una lista corta:

  • El mensaje principal y la acción, visibles sin bajar.
  • Cada botón de contacto funcionando y marcado como evento clave.
  • Los formularios probados de punta a punta: que el dato llegue al correo o al CRM.
  • Título y descripción en cada página, y el sitio verificado en Search Console con su mapa enviado.
  • Las Core Web Vitals revisadas en celular.
  • Si reemplaza a una web vieja, el mapa de redirecciones listo.

En el sitio de RE/MAX Patagon varios de estos puntos ya están resueltos: las direcciones del sitio anterior llevan a su página nueva, los 11 botones de contacto reportan en Google Analytics, el formulario llega por correo y el sitio está verificado en Search Console, con su mapa enviado.

#¿Cuándo conviene que la haga una agencia?

Cuando la web es la que trae los clientes y no puede fallar: con medición, formularios conectados al CRM y una mudanza sin perder lo que Google ya conocía. La agencia web de Claura diseña y desarrolla el sitio con IA, con SEO técnico incluido. Y si la web ya tiene visitas pero pocas consultas, la optimización de conversión pone la reserva dentro de tu web, un filtro corto antes de agendar y recordatorios por WhatsApp para que la persona aparezca.

Todo lo que escribimos sobre el tema

5 notas, ordenadas por subtema. Cada una resuelve una pregunta concreta.

Diseño que no parezca hecho con IA 2

Skills y herramientas para que el agente diseñe con criterio y revise lo que construyó.

Skills para hacerlo con tu agente

Instrucciones listas para Claude o ChatGPT que hacen una tarea del tema siempre igual.

Ver todas las skills

Las palabras del tema

Lo mínimo para entender cualquier nota de esta guía.

Claude Code
Claude Code es la CLI oficial de Anthropic que permite usar el modelo Claude directamente desde la terminal.
Ver el glosario completo
Cuando no alcanza con leer

Dónde se traba la mayoría

  1. Una web linda que no mide nada

    Sin analítica ni botones medidos no se sabe cuántas visitas terminan en una consulta ni en qué paso se van.

  2. El cambio de web que borra lo ganado

    Las direcciones viejas que Google mostraba dan error y se pierde lo que ya traían.

  3. Formularios que pierden consultas

    Un formulario largo o un calendario que se abre en otra pestaña, y la persona se va sin dejar sus datos.

Lo que hacemos en Claura para destrabarlo

Caso realRE/MAX PatagonSu sitio nuevo reemplazó al WordPress anterior con redirecciones, los 11 botones de contacto medidos en Google Analytics y un formulario que llega por correo.Agendar una llamada

?Preguntas frecuentes sobre Web

¿Puedo hacer una página web con IA sin saber programar?

Sí. Con Claude Code le pides la web en lenguaje común y el agente escribe el código, arma las páginas y te ayuda a publicarla. Saber programar ayuda a revisar, pero no es un requisito. Lo mostramos en cómo armar una web con Claude Code y, para una aplicación con base de datos y pagos, en crear una web app con IA.

¿Cómo hago que mi web no parezca hecha con IA?

Dándole criterio de diseño al agente en vez de aceptar su primer resultado: skills de diseño como frontend-design o Impeccable, una referencia visual de tu marca y una herramienta para que revise en el navegador lo que construyó. Las comparamos en 5 herramientas para que tu web no parezca hecha con IA y en 3 skills para mejorar el diseño.

¿Qué son las Core Web Vitals?

Son las tres métricas con las que Google mide la experiencia de una página: cuánto tarda en mostrar el contenido principal (LCP), cuánto tarda en responder a un toque o un clic (INP) y cuánto se mueve mientras carga (CLS). Se consideran buenas con un LCP de 2,5 segundos o menos, un INP de 200 milisegundos o menos y un CLS de 0,1 o menos, según web.dev.

¿Redirección 301 o 302 al cambiar de web?

Para una mudanza definitiva, una permanente: 301 o 308. Con ellas Google muestra la página nueva en los resultados; con una 302 o una 307, que son temporales, sigue mostrando la vieja, por eso sirven solo para algo pasajero, como un servicio caído por un rato. Lo explica la guía de redirecciones de Google.

¿Cómo publico una web hecha con Claude Code?

Con una herramienta de publicación que toma tu proyecto, revisa que no tenga problemas de seguridad comunes y lo sube a internet con una dirección propia; después le conectas tu dominio. En subir tu proyecto de Claude Code a internet mostramos cómo hacerlo con un solo comando y qué tipos de proyecto soporta.

¿Conviene una agencia o hacerla yo con IA?

Si la web es una prueba o un proyecto personal, hacerla con Claude Code es una buena forma de empezar; antes de publicarla, repasa qué revisar antes de publicar. Si es la que trae tus clientes, conviene que alguien se ocupe de la medición, los formularios conectados al CRM, el SEO técnico y una mudanza sin perder lo que Google ya conocía. Eso hace la agencia web de Claura.

Fuentes e inspiración

Tu marketing automatizado en 30 días.

Auditoría gratuita de 30 minutos. Te mostramos qué partes de tu marketing podemos automatizar.

Elegí qué cookies usamos