De WordPress a una web clean code que convierte tráfico de Google Ads en leads dentro de HubSpot
¿Qué problema resolvía?
Gesthion operaba su web sobre WordPress: lenta, dependiente de plugins y difícil de medir. Las campañas de Google Ads llevaban tráfico a páginas que no estaban pensadas para convertir, así que buena parte de la inversión publicitaria se diluía. Y los leads llegaban dispersos, sin un camino claro hacia el equipo comercial ni un registro ordenado en el CRM.
El reto tenía dos caras: por un lado, una base técnica frágil que había que sustituir; por otro, un embudo de captación que no existía como tal. Había que resolver las dos a la vez para que la publicidad rindiera.
Qué construimos
c6n reconstruyó gesthion.co como un sitio estático clean code —HTML5 semántico, CSS crítico inline y JavaScript vanilla mínimo—, sin CMS ni base de datos que mantener. Sobre esa base montó el embudo de captación:
- Migración de WordPress a clean codeSe sustituyó el CMS por HTML estático: más rápido, más seguro y sin plugins ni actualizaciones de terceros que vigilar. Menos mantenimiento, mejor rendimiento para las campañas.
- Landing de campaña de Google AdsEl tráfico de pago aterriza en una página con una sola intención: captar el lead. Oferta de diagnóstico gratuito de 30 minutos, un rostro visible del equipo y prueba social, sin distracciones que resten conversión.
- Agendamiento embebido de HubSpot MeetingsEl usuario reserva una cita con el equipo comercial sin salir de la página; la reserva entra en HubSpot como contacto y oportunidad, en el flujo habitual de ventas.
- Speed-to-lead por WhatsAppEl formulario prepara un mensaje de WhatsApp con los datos del lead para un contacto inmediato, acortando el tiempo de respuesta comercial.
- Medición de conversiones de punta a puntaGoogle Tag Manager, Meta Pixel y eventos de dataLayer (form_submit, meeting_booked, schedule_open) permiten atribuir cada conversión a su campaña y optimizar la inversión con datos reales.
- SEO + GEO nativosDatos estructurados schema.org, sitemap, hreflang y contenido answer-first, para que la captación de pago conviva con posicionamiento orgánico y citabilidad en asistentes de IA.
Bajo el capó
El sitio es estático multipágina —una URL por intención— servido directamente, sin base de datos ni backend. El stack es deliberadamente sobrio: HTML5 semántico, CSS crítico inline y JavaScript vanilla mínimo para la interacción y la medición. Al no haber CMS, desaparece la superficie de ataque y el mantenimiento propios de WordPress.
- HTML5 semántico
- CSS crítico inline
- JavaScript vanilla
- Sitio estático (sin CMS)
- HubSpot Meetings (CRM)
- Google Ads · GTM
- Meta Pixel
- WhatsApp Business
Arquitectura
Sitio estático multipágina servido directamente (una URL por intención), sin base de datos ni backend; JavaScript vanilla mínimo para interacción y medición.
Integraciones
HubSpot Meetings (agendamiento y CRM), Google Ads como fuente de tráfico, Google Tag Manager y Meta Pixel para la medición, y WhatsApp Business para el speed-to-lead.
Seguridad · RGPD
Sitio estático sin superficie de CMS ni base de datos que comprometer; cabeceras y buenas prácticas vía .htaccess. Sin exposición de datos personales en el código.
Accesibilidad
HTML semántico con roles y etiquetas ARIA, foco gestionado en el modal, navegación por teclado y respeto a prefers-reduced-motion.
SEO + GEO
Datos estructurados schema.org (Organization, ProfessionalService, Service, FAQPage, Review/AggregateRating), sitemap.xml con 31 URLs, hreflang, canonical y contenido answer-first orientado a SEO y GEO.
Este es el tipo de proyecto que c6n aborda desde su servicio de diseño y desarrollo web: construir la web como una máquina de captación, no como un folleto.
Qué cambió
Gesthion pasó de un WordPress difícil de mantener a una web rápida, medible y sin dependencias de servidor, con un embudo de captación completo: del clic en Google Ads al lead dentro de HubSpot, listo para el equipo comercial. Las landings de campaña tienen una sola intención —convertir— y cada evento del embudo se puede medir y optimizar, de modo que la inversión publicitaria trabaja con datos reales en lugar de a ciegas.
Preguntas frecuentes sobre Gesthion
¿Por qué migrar de WordPress a una web clean code?
WordPress añade plugins, base de datos y actualizaciones que hay que mantener y que ralentizan el sitio. Una web clean code (HTML estático) es más rápida, más segura y no depende de un CMS: menos mantenimiento y mejor rendimiento para las campañas.
¿Cómo llega un lead de Google Ads al equipo comercial?
El tráfico de la campaña aterriza en una landing con una sola intención. Desde ahí el usuario agenda una cita en el calendario embebido de HubSpot o deja sus datos en el formulario, que además prepara un WhatsApp inmediato. La reserva queda en HubSpot como contacto y oportunidad para el equipo comercial.
¿Qué se integra con HubSpot?
El agendamiento de citas (HubSpot Meetings) está embebido en las landings: cuando alguien reserva un diagnóstico, se crea el contacto y la oportunidad en el CRM de HubSpot, de modo que el equipo comercial trabaja el lead desde su flujo habitual.
¿Cómo se mide el retorno de la inversión en Google Ads?
El embudo está instrumentado con Google Tag Manager, Meta Pixel y eventos de dataLayer (inicio de formulario, envío, apertura del calendario y reserva confirmada). Eso permite atribuir conversiones a las campañas y optimizar la inversión con datos reales.
¿La web sigue posicionando en Google tras la migración?
Sí. El sitio se construyó con SEO y GEO nativos: datos estructurados schema.org, sitemap, hreflang, canonical y contenido answer-first, de forma que posiciona en búsqueda orgánica y puede ser citado por asistentes de IA, en paralelo a la captación de pago.
Fuentes
¿Quieres algo así para tu negocio?
Cuéntale a CA.IA el proceso o la idea que quieres convertir en software. En 48h te decimos si encaja y cómo lo construiríamos — visible desde el día uno.
Hablar con CA.IA — gratisO directamente: agenda 30 min · WhatsApp · hola@c6n.eu
Diagnóstico en 48h · Máximo 4 clientes activos · c6n.eu