Ciencia sanitaria para la tilapia, explicada en dos idiomas

Entregables clave

Entregables

• Arquitectura bilingüe – 16 páginas, 8 por idioma, con URL traducidas, hreflang recíprocos y un selector que mantiene la página al cambiar de idioma.
• Una página por servicio – Una página general de servicios que lleva a una página propia para asistencia técnica y otra para diagnóstico de laboratorio, cada una con resumen e índice.
• Página propia para Aquaprisma – Explica el benchmarking ciego con un gráfico de ejemplo que pone tu granja frente a la mediana del grupo, sin exponer a ningún productor.
• Video en cada encabezado – Montajes de estanques, peces y laboratorio con versión liviana para teléfonos, imagen de respaldo y control de pausa.
• Contacto en dos toques – Barra fija con WhatsApp en el teléfono y formulario con validación en dos idiomas y protección contra spam.
• Tarjetas para redes – 14 imágenes para compartir, una por página e idioma, con el titular y un cuadro del video de esa página.
• SEO técnico – Datos estructurados, migas de pan, sitemap con idiomas, metadatos traducidos y archivo llms.txt para buscadores con IA.

Resultados e impacto

Impacto

• Rendimiento en escritorio – 100 en PageSpeed Insights, con el contenido principal visible en 0,6 s.
• Rendimiento en móvil – 91 en PageSpeed Insights, aun con video de fondo en el encabezado.
• Accesibilidad, buenas prácticas y SEO – 100 en las tres categorías, en móvil y en escritorio.
• Sin saltos ni bloqueos – Cambio de diseño acumulado de 0 y 0 ms de bloqueo total en ambas versiones.
• Rápido también de lejos – En GTmetrix, desde Seattle, 91 % de rendimiento y contenido principal visible en 1,1 s.
• Dos mercados, un solo sitio – Productores de Brasil y de habla hispana llegan cada uno a su idioma, con la misma información.

PageSpeed Insights sobre avhagroup.com y GTmetrix desde Seattle, 10 de noviembre de 2026. Son mediciones de laboratorio y varían levemente entre pruebas.

Lo técnico

Implementación

El sitio está construido en Astro con TypeScript y se publica como archivos estáticos. No hay base de datos ni panel que actualizar o proteger. Un registro central de rutas define la URL de cada página en cada idioma, y de ahí se derivan el selector de idioma, los hreflang, el sitemap y las URL canónicas. Los textos viven en archivos por idioma, separados de los componentes, así que traducir o corregir no toca el diseño. Las fuentes viajan con el sitio, las imágenes se optimizan al compilar en AVIF y WebP, y los videos de las secciones se descargan solo cuando están por entrar en pantalla.

Diseño y conversión

Diseño

El diseño traslada el folleto de AVHA a la pantalla, con secciones azul marino alternadas con blanco, amarillo reservado para la barra destacada y el botón principal, y verde para títulos cortos y señales. Cada página abre con un montaje de video real bajo un velo oscuro, con el texto siempre en la mitad izquierda para que se lea. Para quien llega con prisa, cada página parte con un resumen y un índice numerado. Para quien ya decidió, "Hablemos" y WhatsApp están a un toque en todo momento. Las animaciones son pocas y medidas, como la entrada del encabezado, apariciones al hacer scroll y cifras del sector que cuentan una vez, todas desactivadas si el visitante pide reducir el movimiento.

Crecimiento

Capacidades

Sumar una página nueva es registrar su ruta y escribir su contenido en los dos idiomas. Enlaces, sitemap y tarjetas para redes se generan a partir de ahí, y un tercer idioma sigue el mismo camino. Si AVHA quiere publicar noticias, casos de campo o informes del sector, el sitio ya los admite sin rehacer el diseño, y cada página nueva parte con su SEO técnico resuelto.