Nutriéa
医療アドバイスの一線を越えることなく、SEOで成長する健康ポータル。
- 年
- 2026
- 制作期間
- 7週間
- 技術スタック
- Next.js · React · Tailwind · Vercel
- 編集アーキテクチャ
- デザイン
- 開発
- SEO
- コンプライアンス
Kayzen Webが開発・運営する製品です。正式なドメインに移行するまで、Vercelのプレビュー用アドレスで公開しています。

- Lighthouse SEOスコア
- 100/100
- 1行の文字数
- 68字
- 治療効果の約束
- 0
解決すべき課題。
背景
Nutriéaは、ナチュロパシー(自然療法)と栄養療法を扱うフランス語の編集型ポータルサイトです。断食、デトックスプログラム、ハーブ、ビタミン、各種プロトコルを取り上げています。ビジネスモデルは完全にオーガニック検索からの集客に依存しています。
制約
健康分野は、Googleが最も厳しく扱う領域です。E-E-A-Tの基準は容赦なく適用され、出典の不十分なコンテンツは上位に表示されません。さらに法的な制約もあります。医療機関ではないサイトは、診断も処方も、治癒の約束もできません。
解決策
最初のコンテンツを1行書く前に、編集のアーキテクチャを設計しました。網羅的なピラーページ、そこにぶら下がるサテライト記事、そしてこの階層構造を反映した内部リンクです。すべての主張には出典が示され、プロトコルを扱う各ページでは、汎用的なバナーではなく文脈に即した注意書きが限界を明示します。
納品時に計測したスコア。
本番環境のサイトのLighthouseスコアです。数値はそのまま公開しています。低いスコアがあれば、その原因と改善計画を下に記載しており、伏せることはしません。
すべての判断に、理由がある。
長文を読むための設計
1行68文字、行間1.65、基本の文字サイズ18px。記事は3,000語に及びます。ここではタイポグラフィこそがデザイン作業の核心です。
固定された目次と進捗表示
スクロールに追従する目次で、現在のセクションを強調表示します。長いガイドでは、パンくずリストよりも、今どこを読んでいるかがわかることのほうが価値があります。
注意書きは本文に組み込み、隅に追いやらない
注意書きは、プロトコルを説明するその箇所の本文中に置いています。フッターのバナーは、法的にはより弱く、編集上はより不誠実です。
プロジェクトのカラーパレット
ディープグリーン
#2F5D50
見出し、アイデンティティ
セージ
#A8C0A0
セクションの背景
インク
#22252A
テキスト
クレイ
#C97B4A
アクセント、注意喚起
タイポグラフィ体系
見出し用書体
Fraunces
本文用書体
Source Sans 3
見出しには現代的なセリフ体を使い、民俗調に寄らない自然な雰囲気を出しています。3,000語のガイドには、画面表示のために設計されたサンセリフ体を使っています。
その裏側にある技術。
- Next.js
- React
- Tailwind
- Vercel
静的サイト生成
各記事はCDNから配信されるHTMLファイルです。コンテンツがめったに変わらない編集型サイトでは、これが最もコストパフォーマンスに優れ、アプリケーション層の攻撃対象領域もなくなります。
WebPへのフォールバック付きAVIF画像
ガイドには豊富に図版が入っています。ブラウザが対応している場合に同じ画像をAVIFで配信すれば、見た目の劣化なしにデータ量を30〜50%削減できます。
検索で見つけてもらうための仕組み。
ピラーとサテライト
大きなテーマ(断食、ハーブ、ビタミン)ごとにピラーページをひとつ置き、個別の問いを扱うサテライト記事がそこへリンクします。テーマにおける権威性を築くのは、量ではなくこの構造です。
著者、日付、出典を明示
すべての記事に署名、公開日、更新日、参考文献を記載し、完全なArticleマークアップを付けています。健康に関するテーマでは、これらは飾りではなく、検索順位を左右する要素です。
ロングテールのリサーチ
「安全に断食できるのは何日まで」「冬にはどのビタミンDを摂るべきか」。ユーザーが実際に尋ねる形で書かれた、現実の質問です。そしてAIアシスタントが取り上げるのも、この形です。
納品したもの。
- トップ
- ピラー — 断食、デトックスプログラム、ハーブ、ビタミン
- サテライト記事
- 用語集
- サイトについてと出典
プロジェクトの流れ。
編集アーキテクチャ
テーマの洗い出し、ピラー、サテライト、内部リンク。
読むためのデザイン
タイポグラフィ、1行の長さ、目次、進捗表示。
制作
出典付きの執筆、校閲、文脈に即した注意書き。
テクニカルSEO
Articleマークアップ、サイトマップ、Search Console。


