Salud y naturopatía

Nutriéa

Un portal de salud que gana posiciones en SEO sin cruzar nunca la línea del consejo médico.

Año
2026
Diseño
7 semanas
Stack
Next.js · React · Tailwind · Vercel
  • Arquitectura editorial
  • Diseño
  • Desarrollo
  • SEO
  • Cumplimiento normativo

Producto editado por Kayzen Web, servido en una dirección de previsualización de Vercel a la espera de su dominio definitivo.

https://naturo-nutri.vercel.app/
Página de inicio de la web de Nutriéa — Salud y naturopatía, realizada por Kayzen Web
puntuación SEO Lighthouse
100/100
medida de lectura
68 car.
promesas terapéuticas
0
El punto de partida

Lo que había que resolver.

El contexto

Nutriéa es un portal editorial en francés sobre naturopatía y nutriterapia: ayuno, curas, plantas, vitaminas, protocolos. El modelo se basa íntegramente en la captación orgánica.

La limitación

El ámbito de la salud es el que Google trata con más severidad: los criterios E-E-A-T se aplican sin indulgencia y un contenido mal documentado no se posiciona. A ello se suma una restricción jurídica: un sitio no médico no puede diagnosticar, ni prescribir, ni prometer una curación.

La respuesta

La arquitectura editorial se diseñó antes de la primera línea de contenido: páginas pilar exhaustivas, artículos satélite vinculados a ellas y un enlazado que refleja esa jerarquía. Cada afirmación remite a su fuente, y una advertencia contextual (no un banner genérico) recuerda el límite en cada página de protocolo.

Medido, no declarado

Las puntuaciones registradas en la entrega.

Puntuaciones Lighthouse del sitio en producción. Las publicamos tal cual: cuando una es baja, su causa y su plan de corrección se explican más abajo en lugar de silenciarse.

PageSpeed
86
Rendimiento: 86 de 100
96
Accesibilidad: 96 de 100
96
Buenas prácticas: 96 de 100
100
Posicionamiento en buscadores: 100 de 100
Diseño y dirección de arte

Cada decisión de diseño, y su porqué.

  1. Pensado para la lectura larga

    Medida de 68 caracteres, interlineado de 1,65, tamaño base de 18 px. Los artículos tienen tres mil palabras: aquí la tipografía es lo esencial del trabajo de diseño.

  2. Índice anclado y progreso

    Tabla de contenidos fija con la sección activa resaltada. En una guía larga, saber dónde se está vale más que unas migas de pan.

  3. Las advertencias integradas, nunca relegadas

    La advertencia figura en el cuerpo del texto, en el momento en que se describe el protocolo. Un banner a pie de página es jurídicamente más débil y editorialmente más deshonesto.

Paleta del proyecto

  • Verde profundo

    #2F5D50

    Títulos, identidad

  • Salvia

    #A8C0A0

    Fondos de sección

  • Tinta

    #22252A

    Texto

  • Arcilla

    #C97B4A

    Acento, advertencia

Sistema tipográfico

Titulares

Fraunces

Texto de lectura

Source Sans 3

Una serif contemporánea para los títulos, en un registro natural sin folclore, y una sans-serif diseñada para pantalla en las tres mil palabras de una guía.

Ingeniería

Lo que hay bajo el capó.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Generación estática

    Cada artículo es un archivo HTML servido por la CDN. En un sitio editorial cuyo contenido cambia poco, es la mejor relación rendimiento/coste, y elimina toda superficie de ataque de la aplicación.

  2. Imágenes en AVIF con alternativa WebP

    Las guías están muy ilustradas. Servir la misma imagen en AVIF cuando el navegador lo admite ahorra entre un 30 y un 50 % de peso sin pérdida perceptible.

Posicionamiento SEO

Cómo se hace encontrar la web.

  1. Pilares y satélites

    Una página pilar por gran tema (ayuno, plantas, vitaminas) y artículos satélite que tratan una cuestión concreta y apuntan hacia ella. Es esta estructura, y no el volumen, lo que establece la autoridad temática.

  2. Autor, fecha y fuentes visibles

    Firma, fecha de publicación, fecha de actualización y bibliografía en cada artículo, además de un marcado Article completo. En temas de salud, estos elementos no son decorativos: condicionan el posicionamiento.

  3. Búsqueda de cola larga

    «Combien de temps jeûner sans risque» (cuánto tiempo ayunar sin riesgo), «quelle vitamine D en hiver» (qué vitamina D en invierno): preguntas reales, formuladas como las plantean los usuarios, y como las retoman los asistentes.

Arquitectura del sitio

Lo que se entregó.

  • Inicio
  • Pilares — ayuno, curas, plantas, vitaminas
  • Artículos satélite
  • Glosario
  • Quiénes somos y fuentes
Método

El desarrollo del proyecto.

  1. Arquitectura editorial

    Mapa de temas, pilares, satélites, enlazado.

  2. Diseño de lectura

    Tipografía, medida, índice, progreso.

  3. Producción

    Redacción con fuentes, revisión, advertencias contextuales.

  4. SEO técnico

    Marcado Article, sitemap, Search Console.

Preguntas

Lo que nos preguntan a menudo.

Separando estrictamente la información de la recomendación. Se explica qué es un protocolo, qué dice de él la literatura y qué no dice; nunca se aconseja seguirlo. Es también lo que valora Google: las páginas que prometen resultados son precisamente las que pierden posiciones.

El mismo nivel de exigencia, para su web.

Auditoría gratuita de su web actual, presupuesto en 24 horas y un razonamiento por escrito, como el que acaba de leer. Pago en tres plazos sin intereses; ayudas locales verificadas antes de la firma.

Compartir