Todo
Energía
optimizadas una por una
en el noreste de México
HTTP activas (CSP, HSTS…)
cada solicitud de cotización
Sitio nuevo de principio a fin para una empresa de mantenimiento eléctrico industrial en Monterrey. La identidad usa Oswald como tipografía de titulares —condensada, de lectura técnica— sobre una paleta oscura con azul GESE, y un hero a pantalla completa con fotografía real de centro de datos. El recorrido está pensado para el comprador industrial: servicios, infraestructura crítica, proceso de trabajo, sectores atendidos, cobertura regional, preguntas frecuentes y contacto. Todo con animaciones de entrada al hacer scroll, menú móvil a pantalla completa y pantalla de carga con la marca. Sin plantillas ni page builders: HTML, CSS y JavaScript propios.
La arquitectura se construyó alrededor de la intención de búsqueda: cinco páginas de servicio (UPS, plantas de emergencia, ingeniería eléctrica, calidad de energía y media tensión) y seis landings de ciudad del noreste —Saltillo, Reynosa, Apodaca, Torreón, Nuevo Laredo y Monclova— cada una con su parque industrial, distancia desde Monterrey y sectores dominantes. Cada página lleva su propio title, meta description, Open Graph y canonical. Los datos estructurados incluyen LocalBusiness con coordenadas y dirección, Service con catálogo de ofertas y FAQPage para las preguntas frecuentes. Las URLs son limpias (/ups, /saltillo) con redirección 301 desde .html, y el sitemap.xml con prioridades declaradas está enlazado desde robots.txt.
El sitio se entregó con una configuración de seguridad completa a nivel servidor, no solo con HTTPS. Una Content-Security-Policy con lista blanca limita desde dónde puede cargarse cada recurso (scripts, estilos, fuentes, imágenes y conexiones), bloquea objetos incrustados y restringe form-action y base-uri al propio dominio. Se suman HSTS a un año, protección contra clickjacking, bloqueo de sniffing de tipo MIME, política de referencia estricta y desactivación de cámara, micrófono y geolocalización. El listado de directorios queda deshabilitado y los errores caen en una página 404 propia en lugar de exponer la estructura del servidor.
Todas las fotografías del sitio se convirtieron a WebP y la imagen del hero —el elemento LCP— se precarga con fetchpriority="high" para que aparezca primero; el resto se carga en diferido con loading="lazy". En el servidor se activó compresión GZIP para HTML, CSS, JS, XML y JSON, más caché de navegador de seis meses para imágenes y de un mes para hojas de estilo y scripts. Al no usar frameworks ni librerías externas de UI, el sitio carga únicamente su propio CSS y JS.
Cada página empuja al mismo objetivo: la cotización. Hay botón de WhatsApp fijo en la navegación, formulario de cotización con nombre, empresa, teléfono y servicio, teléfono directo 81 3423-4466 y dirección con mapa de referencia en Monterrey Centro. La medición corre con Google Analytics 4 y Google Tag Manager, lo que permite atribuir qué páginas de servicio y qué ciudades generan las solicitudes reales.
/reynosa · /torreon
/nuevo-laredo · /monclova
Sitio recién publicado: el seguimiento de posiciones inicia con la indexación. La base técnica —arquitectura de URLs, datos estructurados, sitemap y velocidad— ya está entregada y verificable en el código.
Lista blanca de orígenes para scripts, estilos, fuentes, imágenes y conexiones. object-src 'none', base-uri y form-action limitados al propio dominio.
HTTPS obligatorio durante un año: el navegador no vuelve a intentar una conexión sin cifrar.
SAMEORIGIN. Impide que el sitio se incruste en un iframe ajeno para suplantar clics.
nosniff. El navegador respeta el tipo de archivo declarado y no lo reinterpreta.
strict-origin-when-cross-origin. Limita los datos de navegación que se filtran a terceros.
Cámara, micrófono y geolocalización desactivados a nivel documento.
¿Tu empresa industrial
necesita un sitio así?
Diseño web, SEO local por ciudad, seguridad del servidor y medición de leads. Todo en un solo entregable.