Sitios web corporativos

Qué incluye un sitio de Whitewater

Todo proyecto entrega la misma base. El diseño y las palabras cambian según el cliente, el piso de ingeniería no se mueve.

Construido para ser encontrado

Para la mayoría de las empresas, la búsqueda orgánica es la principal vía por la que llega un cliente nuevo. Eso convierte al SEO en un requisito de construcción, no en un añadido de última hora de otra agencia.

• Estructura primero. Una página por intención de búsqueda, con encabezados que responden la pregunta que escribió quien busca y enlaces internos que hacen legible la jerarquía.
• Higiene del head en cada página. Un título y una meta descripción únicos, exactamente una URL canónica, y tarjetas sociales que se renderizan bien al pegar el enlace en un chat.
• Datos estructurados a partir del contenido visible. El marcado de organización, servicio y ruta de navegación se genera desde la misma fuente que renderiza la página, así que los datos que lee un buscador nunca pueden divergir de lo que ve una persona.
• Índice legible por máquinas. Un índice de mapas del sitio que cubre cada idioma, un archivo robots que apunta hacia él, y un llms.txt para los rastreadores que hoy resumen sitios para las personas.
• Indexación instantánea. Cada despliegue en producción notifica al endpoint de IndexNow con las URL cambiadas, así los motores que lo soportan conocen un cambio en minutos y no en su próximo rastreo.
• Core Web Vitals por construcción. Entrega estática, activos inmutables con hash y ningún script de terceros son la ruta más corta hacia buenos datos de campo, que a su vez son una señal de posicionamiento.
• Lo que no vamos a prometer. Nadie puede venderte un puesto en el buscador. Construimos la base técnica y editorial que permite que un buen contenido compita, la medimos después del lanzamiento y te decimos con claridad qué partes escapan a nuestro control.

Usable por todos, no solo por la mayoría

La accesibilidad es a la vez una exposición legal, una señal de búsqueda y una señal de calidad. Tratamos el nivel AA de WCAG 2.2 como piso mínimo y lo verificamos de forma mecánica en lugar de afirmarlo en un folleto.

• Auditado por página, por tamaño de pantalla, por esquema. Una auditoría automatizada corre en cada página compilada en anchos de teléfono, tableta y escritorio, en modo claro y oscuro, y cualquier violación bloquea el despliegue.
• Soporte real de teclado. Un enlace de salto como primera parada, un anillo de foco visible en todas partes, y un orden de tabulación que sigue la página.
• Contraste en ambos esquemas. Los colores de texto e interfaz se verifican contra sus fondos reales, con el mismo rigor en oscuro que en claro.
• Movimiento que pide permiso. Todo lo que se mueve se desactiva para quien tenga configurada la reducción de movimiento, y en su lugar se muestra un cuadro estático.
• Marcado semántico. Landmarks, un encabezado por nivel y en orden, campos de formulario etiquetados y texto alternativo descriptivo en cada imagen.
• Objetivos cómodos. Todo elemento interactivo supera el mínimo de 24 píxeles, verificado por medición y no a simple vista.
• Manos también en el teclado. Las verificaciones automáticas detectan mucho, pero no todo, así que además probamos el sitio con teclado y lo leemos en tamaños pequeños antes de publicarlo.

Un solo sitio, en cada idioma en el que vendes

Un widget de traducción encima de una página en inglés es invisible para los buscadores e incómodo de leer. El multilingüismo real es una decisión de rutas y de redacción, tomada desde el principio.

• Una ruta por idioma. Cada página existe en su propia URL en cada idioma, así cada una puede indexarse, enlazarse y compartirse.
• Señales correctas. Un conjunto de hreflang con un x-default en cada página, además de un canonical que apunta a la página misma y no al original en inglés.
• Derecha a izquierda resuelto en el layout. La hoja de estilos usa propiedades lógicas en todo el sitio, así el árabe refleja toda la composición en lugar de parchearla.
• Escrito, no traducido por máquina. El texto se redacta en cada idioma con la voz de la marca. Un texto automático se lee como automático, y los compradores lo notan.
• Tipografías dimensionadas con honestidad. Las fuentes se subconjuntan por alfabeto y el texto no latino recurre a una tipografía del sistema en vez de enviar megabytes a un teléfono.
• Un cambio de idioma que no necesita JavaScript. Enlaces simples entre la misma página en cada idioma, sin cookies y sin adivinar redirecciones.

Blindado, y el correo llega

Un sitio corporativo es una superficie de ataque pequeña que vale la pena mantener pequeña, y un formulario de contacto no sirve de nada si su correo termina en spam.

• Una política de seguridad de contenido real. Sin permiso para scripts en línea: cada script en línea está fijado por hash y todo lo demás se rechaza, lo que impide que un script inyectado se ejecute.
• Cabeceras de transporte y de navegador desde el primer día. Seguridad de transporte estricta, sin inferencia de tipo de contenido, una política de referencia y protección contra framing llegan desde el primer despliegue.
• Defensas de formulario por capas. Un reto Turnstile para verificar humanidad, un campo trampa para bots ingenuos, una verificación de tiempo de llenado para los rápidos, y validación y límites de longitud en el servidor para cada campo.
• Entregabilidad verificada en el despliegue. El dominio de envío se verifica como parte de la publicación, así que un formulario que dejó de entregar mensajes lo detectamos nosotros y no un cliente que nunca recibió respuesta.
• Sin rastreadores por defecto. Nada de terceros carga a menos que lo pidas, y la única analítica que instalaríamos es sin cookies, lo que también significa sin aviso de consentimiento.
• Los secretos quedan fuera del repositorio. Las claves viven en un almacén de secretos y llegan al sitio en ejecución como variables de entorno, nunca como un archivo en git.

Qué es tuyo al final

Eres dueño del repositorio, el contenido, el dominio y la cuenta de hospedaje. El sitio corre en infraestructura a tu nombre, así que nada de lo que construimos depende de que nosotros sigamos existiendo. No hay editor propietario, ni licencia por usuario, ni constructor de páginas alquilado que seguir pagando.

Mantenernos para los cambios suele ser el camino más rápido, y es una preferencia, no una atadura. Cualquier desarrollador competente puede clonar el repositorio, leer las pruebas y publicar el siguiente cambio sin nosotros.

Cómo funciona un proyecto Software más allá del sitio web