Gesundheit & Naturheilkunde

Nutriéa

Ein Gesundheitsportal, das bei SEO zulegt, ohne je die Grenze zur medizinischen Beratung zu überschreiten.

Jahr
2026
Umsetzung
7 Wochen
Stack
Next.js · React · Tailwind · Vercel
  • Redaktionelle Architektur
  • Design
  • Entwicklung
  • SEO
  • Compliance
Website besuchen(neuer Tab)Über ein ähnliches Projekt sprechen

Ein Produkt von Kayzen Web, bis zur endgültigen Domain unter einer Vercel-Vorschauadresse erreichbar.

https://naturo-nutri.vercel.app/
Startseite der Website Nutriéa — Gesundheit & Naturheilkunde, erstellt von Kayzen Web
Lighthouse-SEO-Score
100/100
Zeilenlänge
68 Z.
Heilversprechen
0
Die Ausgangslage

Was gelöst werden musste.

Der Kontext

Nutriéa ist ein französischsprachiges redaktionelles Portal über Naturheilkunde und Nutritherapie: Fasten, Kuren, Heilpflanzen, Vitamine, Protokolle. Das Modell beruht vollständig auf organischer Akquise.

Die Einschränkung

Der Gesundheitsbereich wird von Google am strengsten behandelt: Die E-E-A-T-Kriterien werden dort ohne Nachsicht angewendet, und schlecht belegte Inhalte ranken nicht. Hinzu kommt eine rechtliche Vorgabe – eine nicht medizinische Website darf weder diagnostizieren noch verordnen noch Heilung versprechen.

Die Antwort

Die redaktionelle Architektur wurde vor der ersten Zeile Inhalt entworfen: umfassende Pillar-Seiten, zugeordnete Satellitenartikel und eine interne Verlinkung, die diese Hierarchie abbildet. Jede Aussage verweist auf ihre Quelle, und ein kontextbezogener Hinweis – kein generisches Banner – erinnert auf jeder Protokollseite an die Grenzen.

Gemessen, nicht behauptet

Die Werte bei der Auslieferung.

Lighthouse-Werte der Live-Website. Wir veröffentlichen sie unverändert: Ist einer niedrig, stehen Ursache und Korrekturplan weiter unten, statt verschwiegen zu werden.

PageSpeed
86
Performance: 86 von 100
96
Barrierefreiheit: 96 von 100
96
Best Practices: 96 von 100
100
Suchmaschinenoptimierung: 100 von 100
Design & Art Direction

Jede gestalterische Entscheidung – und ihr Grund.

  1. Für langes Lesen gestaltet

    Zeilenlänge von 68 Zeichen, Zeilenabstand 1,65, Grundgröße 18 px. Die Artikel umfassen dreitausend Wörter: Die Typografie ist hier der Kern der Gestaltungsarbeit.

  2. Verankertes Inhaltsverzeichnis und Fortschritt

    Fixiertes Inhaltsverzeichnis mit hervorgehobenem aktivem Abschnitt. Bei einem langen Ratgeber ist es mehr wert zu wissen, wo man steht, als eine Breadcrumb.

  3. Vorbehalte integriert, nie abgeschoben

    Der Hinweis steht im Fließtext, genau dort, wo das Protokoll beschrieben wird. Ein Banner in der Fußzeile ist rechtlich schwächer und redaktionell unredlicher.

Farbpalette des Projekts

  • Tiefgrün

    #2F5D50

    Titel, Identität

  • Salbei

    #A8C0A0

    Hintergrund der Abschnitte

  • Tinte

    #22252A

    Text

  • Ton

    #C97B4A

    Akzent, Warnhinweis

Typografisches System

Überschriften

Fraunces

Fließtext

Source Sans 3

Eine zeitgenössische Serifenschrift für die Titel – natürlich, ohne folkloristisch zu wirken – und eine für den Bildschirm geschnittene Sans-Serif für die dreitausend Wörter eines Ratgebers.

Engineering

Was unter der Haube steckt.

  • Next.js
  • React
  • Tailwind
  • Vercel

  1. Statische Generierung

    Jeder Artikel ist eine HTML-Datei, die vom CDN ausgeliefert wird. Bei einer redaktionellen Website, deren Inhalte sich selten ändern, ist das das beste Verhältnis von Performance zu Kosten – und es beseitigt jede Angriffsfläche auf Anwendungsebene.

  2. Bilder in AVIF mit WebP-Fallback

    Die Ratgeber sind reich bebildert. Dasselbe Bild in AVIF auszuliefern, wenn der Browser es unterstützt, spart 30 bis 50 % des Gewichts ohne wahrnehmbaren Verlust.

Suchmaschinenoptimierung

Wie die Website gefunden wird.

  1. Pillars und Satelliten

    Eine Pillar-Seite pro großem Thema (Fasten, Heilpflanzen, Vitamine), Satellitenartikel, die eine konkrete Frage behandeln und auf sie verweisen. Diese Struktur – nicht das Volumen – begründet thematische Autorität.

  2. Autor, Datum und Quellen sichtbar

    Autorenzeile, Veröffentlichungsdatum, Aktualisierungsdatum und Literaturverzeichnis bei jedem Artikel, dazu ein vollständiges Article-Markup. Bei Gesundheitsthemen sind diese Elemente keine Dekoration: Sie entscheiden über das Ranking.

  3. Long-Tail-Suche

    „Wie lange kann man gefahrlos fasten“, „welches Vitamin D im Winter“: echte Fragen, so formuliert, wie Nutzer sie stellen – und wie Assistenten sie übernehmen.

Seitenstruktur

Was ausgeliefert wurde.

  • Startseite
  • Pillars – Fasten, Kuren, Heilpflanzen, Vitamine
  • Satellitenartikel
  • Glossar
  • Über uns und Quellen
Methode

Der Projektablauf.

  1. Redaktionelle Architektur

    Themenlandkarte, Pillars, Satelliten, Verlinkung.

  2. Lesedesign

    Typografie, Zeilenlänge, Inhaltsverzeichnis, Fortschritt.

  3. Produktion

    Belegte Texte, Lektorat, kontextbezogene Warnhinweise.

  4. Technisches SEO

    Article-Markup, Sitemap, Search Console.

Fragen

Was man uns oft fragt.

Indem man Information und Empfehlung strikt trennt. Man erklärt, was ein Protokoll ist, was die Fachliteratur darüber sagt und was nicht; man rät nie dazu, ihm zu folgen. Genau das honoriert auch Google: Seiten, die Ergebnisse versprechen, sind genau die, die abgewertet werden.

Weitere Referenzen

Zurück zum Portfolio

Derselbe Anspruch, für Ihre Website.

Kostenloses Audit Ihrer aktuellen Website, Angebot innerhalb von 24 Stunden und eine schriftliche Begründung – wie die, die Sie gerade gelesen haben. Zahlung in drei Raten ohne Aufpreis; lokale Förderungen werden vor der Unterschrift geprüft.

Termin vereinbarenPreise ansehen
Teilen