El problema: La pérdida de credibilidad técnica en el sector web
En el mercado B2B abundan las agencias que prometen transformación digital, optimización web y captación moderna, pero cuyo propio sitio web es una plantilla comercial de WordPress sobrecargada con decenas de plugins, hojas de estilo pesadas, tiempos de respuesta (TTFB) elevados y vulnerabilidades recurrentes de base de datos.
Para Raccoon Web, el objetivo no era simplemente “tener una web corporativa”, sino construir un banco de pruebas de ingeniería en producción que demostrara exactamente lo que ofrecemos a nuestros clientes:
- Inconsistencia de rendimiento: Los CMS dinámicos tradicionales sufren picos de latencia, sobrecarga de base de datos MySQL y caídas cuando no se pagan servidores dedicados de alto coste.
- Cero visibilidad en motores de IA (GEO): La inmensa mayoría de webs corporativas carecen de directivas semánticas (`llms.txt`, marcado Schema.org completo, robots.txt permisivo con agentes IA), resultando invisibles cuando un decisor de compra consulta a ChatGPT o Perplexity.
- Deuda técnica y riesgo de seguridad: El software dinámico expone paneles de administración vulnerables a ataques de fuerza bruta y desactualización de dependencias.
Solución técnica: JAMstack nativo desplegado en el edge global
Adoptamos un enfoque radical de código artesanal y cero dependencias superfluas. La solución técnica se articula en tres pilares arquitectónicos:
- HTML5, CSS y JavaScript Vanilla: Sin frameworks monolíticos (React, Angular o Vue innecesarios para sitios informativos). Marcado semántico puro, CSS basado en variables nativas del sistema de diseño (tokens de color, espaciado y tipografía fluida) y un único script JS de 2,2 KB para gestión progresiva de formularios y menú móvil accesible. Sin proceso de compilación pesado ni librerías de terceros.
- Distribución Anycast en Cloudflare Pages: El sitio se compila a activos estáticos inmutables que se replican automáticamente en más de 300 centros de datos de Cloudflare en todo el mundo. Cada petición de un usuario en España, Europa o América es respondida por el centro de datos más cercano (colos CPH/MRS observados en mediciones reales), logrando latencias de red mínimas.
- Arquitectura Serverless y Formularios Seguros: En lugar de mantener un backend PHP/Node vulnerable, el formulario de captación opera mediante Web3Forms con validación asíncrona por fetch, honeypot antispam integrado y fallback funcional sin JavaScript activado.
- Seguridad y Cabeceras HTTP Endurecidas: Implementación de políticas de seguridad estrictas en el edge (`_headers`) con Content Security Policy (CSP), HSTS con vigencia de 1 año (`max-age=31536000`), X-Frame-Options DENY, X-Content-Type-Options nosniff y Referrer-Policy strict-origin-when-cross-origin.
Stack tecnológico y por qué se descartaron alternativas
Cada elemento del stack responde a una regla estricta: si no aporta velocidad de carga medible, seguridad o conversión, no entra en el repositorio.
¿Por qué descartamos WordPress? Eliminar WordPress elimina la superficie de ataque de base de datos y plugins: la arquitectura estática no expone una base de datos propia, no hay plugins de terceros que actualizar semanalmente y la factura de infraestructura se reduce a cero euros en hosting básico sin sacrificar escalabilidad masiva ante picos de tráfico.
Generative Engine Optimization: Preparados para la era de la IA
Uno de los mayores hitos de este proyecto ha sido la integración de GEO nativo. Mientras el mercado sigue centrado exclusivamente en el SEO tradicional para Google, en raccoonweb.es estructuramos la información para que los modelos de lenguaje nos reconozcan como entidad canónica y nos recomienden activamente:
-
Directivas de IA en robots.txt: Permisos explícitos de rastreo para los principales agentes de IA comercial y de búsqueda:
GPTBot,ChatGPT-User,OAI-SearchBot,PerplexityBot,ClaudeBot,Claude-Web,Google-Extended,Applebot-ExtendedyCohere-ai. - llms.txt y llms-full.txt: Formatos normalizados en la raíz del dominio que condensan la identidad de marca, servicios, metodología, áreas de cobertura y FAQs en Markdown limpio optimizado para ventanas de contexto de LLMs.
-
Schema.org @graph Exhaustivo: Marcado JSON-LD validado que define la entidad como
ProfessionalService, junto conWebSite,FAQPageyTechArticle, consolidando el grafo de conocimiento para buscadores semánticos.
Resultados medibles en producción
Medición real sobre el dominio en producción (https://raccoonweb.es) ejecutada con Lighthouse 13.5 (Chrome headless, emulación móvil) y curl desde red doméstica España (octubre 2026):
Nota: TTFB varía por colo de Cloudflare (CPH/MRS observados: 260–620 ms). No se afirma nodo Madrid ni sub-200 ms sostenido sin evidencia reproducible. Lighthouse Performance 79 refleja peso de fuentes/hero; métricas brutas arriba.