Fibromecánica.
Sitio web corporativo para empresa industrial. SEO técnico, performance 90+ y diseño mobile-first. La web como canal comercial, no como brochure.
fibromecanica.bigcode.cl ↗El sitio anterior no representaba el negocio.
El cliente operaba con un sitio anterior estático, lento y sin estructura SEO. Para una empresa industrial cuyo proceso comercial parte por una búsqueda en Google de su rubro, llegar a la primera página requiere algo más que existir online: requiere arquitectura de información, jerarquía semántica, performance y contenido optimizado.
El sitio existente cargaba lento en móvil (donde el 60% del tráfico aterriza), no tenía sitemap.xml ni schema.org, las imágenes pesaban megabytes y el HTML era un desastre estructural. Resultado: posicionamiento débil y conversiones por formulario casi inexistentes.
Sitio rediseñado con SEO desde el sprint 0.
Construimos un sitio nuevo donde cada decisión técnica está subordinada a dos objetivos: performance medible y posicionamiento orgánico. Diseño moderno alineado con identidad B2B industrial, navegación clara y CTAs concretos para captura de leads.
Arquitectura SEO
Jerarquía H1-H6 correcta. Schema.org Organization + LocalBusiness + Service. Sitemap.xml con prioridades. Robots.txt limpio. Open Graph y Twitter Cards. Meta descriptions únicas por página. URLs limpias y canónicas. Internal linking entre productos y servicios.
Performance Core Web Vitals 90+
Imágenes en WebP/AVIF con lazy loading. CSS y JS minificados, code splitting. Fonts con font-display: swap. CDN con edge caching. Preconnect a recursos externos críticos. Resultado: Lighthouse Performance superior a 90 en móvil al lanzamiento.
Mobile-first real
No responsive después: diseñado en móvil primero, escalado a desktop. Navegación con drawer accesible, formularios con teclado virtual contextual, tap targets ≥48px, contraste AA cumplido.
Stack apropiado al caso.
Para un sitio corporativo con poca lógica dinámica, el over-engineering es enemigo. Stack acotado a lo que el problema necesita.
Frontend
SEO técnico
Performance
Operación
Métricas defendibles.
Performance móvil
Largest Contentful Paint
cobertura
WCAG
Performance: Lighthouse 90+ en móvil al lanzamiento, validado en PageSpeed Insights con datos de campo (CrUX). LCP, FID y CLS dentro del rango "Good" de Core Web Vitals.
SEO: indexación completa en Google Search Console en menos de 2 semanas. Schema.org validado sin errores. Estructura preparada para escalar contenido (blog, casos de éxito, fichas de producto) cuando el cliente lo decida.
Lo que aprendimos.
Over-engineering es un anti-patrón
Un sitio corporativo no necesita Next.js, GraphQL ni microservicios. HTML semántico bien hecho con CSS moderno y JS vanilla entrega Lighthouse 95+ y SEO impecable. Elegir el stack más simple que resuelve es competencia, no falta de ambición.
SEO técnico se hace en el sprint 0
Si esperas hasta el lanzamiento para pensar en SEO, ya perdiste. Schema, sitemap, jerarquía, performance: todo se decide en el primer sprint. Después es retrabajo.
Mobile-first es donde aterriza el cliente
En B2B industrial chileno, el 60-70% del tráfico orgánico llega desde móvil. Diseñar para desktop primero y adaptar después es servir a la minoría. Mobile-first es una decisión de negocio, no estética.