← Volver a casos de éxito
Caso de Éxito · Diseño Web · WordPress → React

Cómo rediseñamos el sitio de una empresa de servicios — de plataforma lenta a una máquina de SEO y leads

Mercado Internacional · Empresa de Servicios Profesionales · Menos de 3 semanas

React + TypeScriptNode.jsSEO TécnicoTracking AttributionSchema JSON-LDGoogle Sheets

16×

HTML más liviano (800KB+ → menos de 60KB)

4.5×

Más rápido (casi 2s → menos de 0.5s)

100K+

Búsquedas/mes en keywords target

<3 semanas

Plataforma rota → producción

El cliente

Industria

Empresa de servicios profesionales

Mercado

Mercado internacional

Servicios

La empresa ofrecía múltiples servicios profesionales a clientes en varios países

Años en operación

Más de una década

Stack anterior

CMS tradicional con page builder

Problema

El sitio web no reflejaba la calidad del trabajo que la empresa entregaba a sus clientes

El problema

Un sitio que no reflejaba la calidad del negocio

Una empresa de servicios nos contrató para rediseñar su presencia web completa. Llevaban más de una década entregando resultados a sus clientes, pero su sitio web no reflejaba esa calidad.

Estado inicial · Plataforma legacy con page builder

Páginas:1 home + unas pocas internas genéricas
Blog posts:0
Peso del HTML:más de 800 KB (la home sola)
Tiempo respuesta:casi 2 segundos
Tracking:Google Analytics básico (sin attribution, sin CAPI, sin Enhanced Conversions)
Schema markup:0
Sitemap URLs:menos de 10
Formulario:Contact Form 7 → email (sin Sheets, sin attribution)
Posicionamiento:Invisible en Google para keywords de su industria
Fase 2 · Arquitectura

Stack moderno desde cero

No "mejoramos" el sitio de WordPress. Lo reemplazamos completamente con un stack diseñado para SEO, conversión y tracking desde el primer día.

Componente
Plataforma anterior
Stack nuevo
Frontend
PHP + page builder (plataforma legacy)
React + TypeScript + Vite
Backend
CMS tradicional con plugins
Node.js + Express
Estilos
CSS del page builder (bloated)
Tailwind CSS
Routing
WordPress pages
SPA + lazy loading por ruta
Formulario
Contact Form 7 → email
API propia → Resend + Sheets + Attribution
Tracking
Google Analytics copy-paste
dataLayer custom + attribution.ts + 16 CTAs
Fase 3 · Contenido

Más de 30 artículos basados en data — no en opiniones

Primero, Google Keyword Planner API para identificar keywords con volumen real y baja competencia. Después, un artículo específico para cada keyword.

Volumen total potencial de la estrategia de contenido

Cientos de miles de búsquedas/mes

Ningún competidor hispano estaba atacando estos keywords con contenido de calidad.

Categoría
Artículos
Volumen
Ejemplo
Tracking & Analytics
5
Nicho técnico · LOW comp
Meta CAPI en Shopify, GTM Server-Side, Custom Pixels
Marketing & Estrategia
7
8,600/mes
SEO vs SEM, Performance Max, Marketing para Restaurantes
IA & Tecnología
5
400,000+/mes
Herramientas IA Gratis, ChatGPT para Negocios, Crear Imágenes con IA
Templates & Herramientas
6
24,000+/mes
Plantillas de Cotización, Google Sheets Fórmulas, Buyer Persona
Cheat Sheets & Recursos
4
53,000+/mes
Tamaños de Redes Sociales, Bancos de Imágenes, Google Ads Scripts
Tesoros Enterrados
6
17,000+/mes
Punto de Equilibrio (con calculadora), WhatsApp Business, Margen de Ganancia
Fase 4 · SEO Técnico

Cada detalle técnico cuenta

Los 60 aliases son clave: si alguien linkea a una URL con typo o variante, redirige al canonical. Cero 404s por URLs mal escritas.

Elemento
Antes
Después
Sitemap
<10 URLs
casi 50 URLs con lastmod y prioridad
Schema JSON-LD
0
6 tipos: Organization, WebSite, ProfessionalService, Article, BreadcrumbList, FAQPage
OG tags
Genéricos
Únicos por página con imagen personalizada
hreflang
No existía
5 variantes (es, es-MX, es-AR, es-CO, es-US)
Canonical URLs
No existía
Cada página con canonical + 60 aliases que redirigen
FAQ Schema
No existía
En las 7 páginas de servicio (rich snippets en Google)
Title + Description
Configuración por defecto del CMS anterior
Únicos por página, keywords researched, largo óptimo
Fase 5 · Tracking

Sistema de tracking nivel enterprise

No es "instalar Google Analytics." Es un sistema completo donde la atribución viaja con el lead aunque llene el formulario semanas después de la primera visita.

GCLID (Google Ads click ID)

Persistente 90 días en localStorage

FBCLID (Meta click ID)

Para Meta CAPI server-side

UTM parameters completos

source, medium, campaign, content, term

7 eventos custom en dataLayer

page_view, generate_lead, form_submit, conversion_lead_thankyou, whatsapp_click, cta_click, page_not_found

16 CTAs con IDs únicos

Un solo tag de GTM mide TODO el sitio

Enhanced Conversions ready

GCLID viaja con cada lead desde el formulario

Meta CAPI ready

FBC capturado — funciona sin tocar el código cuando configuras GTM Server-Side

7 puntos de conversión trackeados

Formulario en home page

Arriba del fold, siempre visible

Formulario en /contacto

Completo con servicios y presupuesto

WhatsApp flotante

En todas las páginas con pulse animation

Sticky bar

«Auditoría gratis» aparece al scrollear

Exit intent modal

Cuando el mouse sale de la ventana

CTAs en cada blog post

Llevan al formulario o a la página de servicio

Share buttons en artículos

WhatsApp, LinkedIn, Twitter, copiar link

Resultados · Antes vs Después

De sitio invisible a máquina de SEO y leads

Métrica
WordPress
React (nuevo)
Mejora
Peso del HTML
más de 800 KB
menos de 60 KB
16× más liviano
Tiempo de respuesta
casi 2 segundos
menos de medio segundo
4.5× más rápido
Páginas de servicio
1 genérica
8 landing pages individuales
8× más páginas
Blog posts
0
más de 30
De 0 a más de 30
URLs en sitemap
<10
casi 50
5× más indexable
Schema markup
0
6 tipos
De invisible a rich snippets
Timeline

Menos de 3 semanas · Plataforma rota a producción

Días 1–2Research

Keyword research con Google Keyword Planner API, análisis de competencia, definición de arquitectura

Días 3–5Arquitectura

Setup del stack React + Node.js, estructura de páginas, componentes base, sistema de diseño

Días 3–10Contenido

Más de 30 artículos de blog + 8 landing pages de servicio + copy de home y secciones principales

Días 6–10SEO técnico

Schema JSON-LD, sitemap, OG tags, hreflang, 60 aliases, FAQ Schema en páginas de servicio

Días 8–12Tracking

dataLayer, attribution.ts, 16 CTAs tracked, Enhanced Conversions ready, Meta CAPI ready

Días 10–14Formulario + Backend

Resend, Google Sheets auto-log, spam protection (rate limit + honeypot), página /gracias

Días 14–16QA + Producción

Auditoría completa, fixes, CSS variables centralizadas, share buttons en todos los artículos

Lecciones clave

Lo que aprendemos en cada rediseño

1.

Tu sitio web es tu primer entregable

Si tu empresa entrega servicios profesionales de calidad pero tu sitio no lo refleja, pierdes credibilidad antes de decir «hola.» Tu sitio debe SER la demostración de lo que haces.

2.

El contenido basado en data gana al contenido basado en opiniones

No escribimos «los 5 tips de marketing que debes saber.» Investigamos qué busca la gente, cuánto volumen tiene, y cuánta competencia hay. Después escribimos exactamente eso.

3.

El tracking no es un «nice to have» — es la base

Sin tracking, no sabes si tu sitio funciona. Implementar tracking desde el día 1 significa que desde el primer lead tienes datos completos de atribución.

4.

Más de 30 artículos > 1 artículo «perfecto»

Muchos pasan meses escribiendo 1 artículo. Publicamos más de 30 artículos accionables en días. La probabilidad de que varios posicionen bien es MUCHO mayor que la de 1 solo artículo.

5.

La velocidad afecta todo

De más de 800KB/casi 2s a menos de 60KB/menos de 0.5s. Mejora SEO (Core Web Vitals), conversión (cada segundo = 7% menos conversiones), y bounce rate.

¿Tu sitio web necesita el mismo tratamiento?

Tu sitio carga lento y los visitantes se van antes de ver tu contenido

Tienes WordPress con 30 plugins que no usas y no sabes cuáles quitar

Tu formulario de contacto envía a email y nada más (sin attribution, sin Sheets)

No sabes de dónde vienen tus leads — no tienes attribution

Tu competencia se ve más profesional online

Diseñamos y reconstruimos sitios web orientados a conversión — con tracking integrado, SEO técnico, y contenido basado en data. Tu sitio es tu vendedor 24/7 — debería ser el mejor de tu equipo.

Solicitar rediseño web →
WhatsApp