Ital Cheese Food
Una sola experiencia, en tres idiomas, para una consultoría que trabaja fuera de Italia
Mi papel en este proyecto fue diseñar y desarrollar el sitio. La consultoría láctea que el sitio cuenta es del cliente: construyo la forma en que se explica y se llega a ella.
- Tipo
- Experiencia web, Multi-idioma · Captación
- Mi papel
- Diseño y desarrollo del sitio
- Online
- italcheesefood.com
El problema
Casi cincuenta años dentro de la producción no caben en un folleto.
Quien busca esta consultoría llega desde países e idiomas distintos, a menudo con un problema concreto (una planta que arrancar, una producción que no aguanta) y tiene que entender en pocos segundos si tiene delante a la persona adecuada. Un sitio en un solo idioma, con una lista de servicios, no lo dice.
Una sola experiencia, adaptada a tres mercados en vez de traducida tres veces. Primero el método y la persona, después los servicios: quien lee tiene que reconocer su caso antes de encontrar un formulario. Y el contacto tiene que seguir al alcance desde cualquier punto, porque quien decide lo hace mientras lee, no al final.
Qué he construido
Las tres home (italiano, español, inglés) con hreflang recíprocos y `x-default` en la italiana: cada idioma es una página canónica de sí misma, ninguna remite a otra.
Las direcciones traducidas idioma a idioma, declaradas en un registro único del que descienden sitemap, canonical y alternate.
El método en cuatro elementos (estructura, tecnología, personas, asistencia) y la comparación entre consultoría online y en la empresa.
El recorrido de la planta: del análisis a la puesta en marcha, con los equipos como parte del proyecto y no como catálogo.
El mapa de los países en los que la consultoría ha trabajado, dibujado con datos geográficos en vez de con una imagen.
El formulario de solicitud con entrega en el servidor y una alternativa por email cuando el servicio no responde: ninguna solicitud se pierde en silencio.
Estadísticas de visita bajo consentimiento explícito, con seis eventos que miden los contactos y ningún dato personal.
El producto
Las decisiones
Tres idiomas, no tres sitios
Italiano, español e inglés viven en la misma estructura: cambia el contenido, no el armazón. Cada home es canónica de sí misma y declara las otras dos como alternativas, con el italiano como idioma por defecto para quien llega desde un país que no está cubierto. Las dos páginas de profundización existen solo en italiano y no anuncian traducciones que no hay: declarar un idioma que no existe es un error que Google recuerda.
Las rutas como única fuente
Estado, indexabilidad y dirección para cada idioma están declarados en un solo registro. Sitemap, canonical y hreflang leen de ahí: una página nueva entra en el mapa del sitio porque está declarada, no porque alguien se haya acordado de añadirla. Es también el motivo por el que los borradores quedan fuera de la sitemap mientras son borradores.
- Cinco direcciones indexables, todas 200 y canónicas
- Páginas legales fuera de la sitemap mientras los textos no sean definitivos
- Ningún idioma canonicalizado hacia otro
El método antes que los servicios
La sección central no enumera prestaciones: muestra cuatro elementos (estructura, tecnología, personas, asistencia) y el recorrido que los atraviesa, del análisis de la planta a la puesta en marcha con el personal. Quien produce reconoce ahí dentro su punto de bloqueo, y llega a la lista de servicios sabiendo ya qué pedir.
Medir sin frenar
Las estadísticas arrancan solo después de un consentimiento explícito y la etiqueta se carga al final, cuando el contenido ya está en pantalla. No es prudencia abstracta: cargándola antes, en red lenta compite por el ancho de banda con la fotografía de apertura (medido: más de dos segundos de LCP de más). Los eventos miden los contactos (WhatsApp, teléfono, email, envío del formulario, cambio de idioma) y no transportan nada de lo que una persona escribe.
Cómo está hecho
Next.js con el segmento de idioma en la ruta y los textos en archivos tipados, uno por idioma: una sola estructura, tres contenidos, ninguna página duplicada que mantener alineada. Las rutas viven en un registro que declara estado, indexabilidad y slug por idioma; de ahí descienden sitemap, canonical y hreflang, así que una página nueva no puede nacer fuera del mapa del sitio. Páginas estáticas en red distribuida; el formulario es lo único que corre en el servidor.
- Stack
- Next.js, React, TypeScript, Tailwind CSS, Vercel, Multi-idioma IT/ES/EN, SEO técnico, GA4 con consentimiento
- Mi papel
- Product thinking, UX/UI, Frontend, Estructura de contenidos multi-idioma, SEO técnico, Analítica y consentimiento, Despliegue
El resultado
- Cinco direcciones indexables, todas con canonical hacia sí mismas y hreflang recíprocos entre los tres idiomas.
- Sitemap generada desde el registro de rutas y aceptada por Search Console, sin páginas de prueba ni borradores.
- Los eventos de contacto verificados sobre las llamadas realmente salidas, no solo en la cola del navegador: ninguno contiene datos personales.
- La etiqueta de medición se carga al final, después del contenido: adelantarla costaba, medido en red lenta, más de dos segundos de LCP sobre la fotografía de apertura.
El sitio nació con más mercados en el plan de los publicados: las páginas por servicio y por área geográfica ya están previstas en el registro de rutas y se abrirán cuando los textos existan de verdad en cada idioma. La dirección la darán las búsquedas reales, no las hipótesis.
Ital Cheese Food está online: ábreloQué he construido aquí: Sitios web
