Infraestructura Web + GEO · Caso propio de agencia

raccoonweb.es: Máxima velocidad, cero dependencias y GEO nativo en el edge global.

Una agencia que vende desarrollo ultrarrápido y citabilidad en IA no puede predicar con plantillas hinchadas de WordPress. Diseñamos e implementamos nuestra infraestructura desde cero con arquitectura JAMstack pura, distribución edge en Cloudflare Pages y un sistema semántico pionero para motores generativos. Sin humo: estos son los datos reales en producción.

Proyecto raccoonweb.es
Tipo de servicio Web Edge + GEO + CRO
Arquitectura JAMstack puro (0 frameworks)
Alojamiento Cloudflare Pages (Anycast)
01 · El reto de ingeniería

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.
02 · Arquitectura y Ejecución

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.
03 · Stack Tecnológico

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.

HTML5 Semántico CSS3 Vanilla (Design Tokens) JavaScript Vanilla (2.2 KB) Cloudflare Pages Edge CDN Web3Forms API Schema.org JSON-LD llms.txt Standard

¿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.

04 · Diferenciador GEO

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-Extended y Cohere-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 con WebSite, FAQPage y TechArticle, consolidando el grafo de conocimiento para buscadores semánticos.
05 · Evidencia en Producción

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):

~29KB Transferencia Base

HTML + CSS + JS minificados (28,9 KB medido).

79 / 96 / 100 / 100 Lighthouse Scores

Perf 79 · A11y 96 · Best Practices 100 · SEO 100 (mobile, oct 2026).

3,1s / 4,0s FCP / LCP

Core Web Vitals: FCP 3,1s · LCP 4,0s · CLS 0 · TBT 80ms.

0 Bases de Datos

Arquitectura estática sin base de datos propia: superficie de ataque SQL eliminada.

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.

¿Tu web actual tarda más de 2 segundos en cargar o es invisible para la IA?

Pedir diagnóstico gratuito