健康・ナチュロパシー

Nutriéa

医療アドバイスの一線を越えることなく、SEOで成長する健康ポータル。

年
2026
制作期間
7週間
技術スタック
Next.js · React · Tailwind · Vercel
  • 編集アーキテクチャ
  • デザイン
  • 開発
  • SEO
  • コンプライアンス

Kayzen Webが開発・運営する製品です。正式なドメインに移行するまで、Vercelのプレビュー用アドレスで公開しています。

https://naturo-nutri.vercel.app/
NutriéaのWebサイトのトップページ――健康・ナチュロパシー、Kayzen Web制作
Lighthouse SEOスコア
100/100
1行の文字数
68字
治療効果の約束
0
出発点

解決すべき課題。

背景

Nutriéaは、ナチュロパシー(自然療法)と栄養療法を扱うフランス語の編集型ポータルサイトです。断食、デトックスプログラム、ハーブ、ビタミン、各種プロトコルを取り上げています。ビジネスモデルは完全にオーガニック検索からの集客に依存しています。

制約

健康分野は、Googleが最も厳しく扱う領域です。E-E-A-Tの基準は容赦なく適用され、出典の不十分なコンテンツは上位に表示されません。さらに法的な制約もあります。医療機関ではないサイトは、診断も処方も、治癒の約束もできません。

解決策

最初のコンテンツを1行書く前に、編集のアーキテクチャを設計しました。網羅的なピラーページ、そこにぶら下がるサテライト記事、そしてこの階層構造を反映した内部リンクです。すべての主張には出典が示され、プロトコルを扱う各ページでは、汎用的なバナーではなく文脈に即した注意書きが限界を明示します。

自己申告ではなく、計測値

納品時に計測したスコア。

本番環境のサイトのLighthouseスコアです。数値はそのまま公開しています。低いスコアがあれば、その原因と改善計画を下に記載しており、伏せることはしません。

PageSpeed
86
パフォーマンス:100点中86点
96
アクセシビリティ:100点中96点
96
ベストプラクティス:100点中96点
100
SEO:100点中100点
デザイン・アートディレクション

すべての判断に、理由がある。

  1. 長文を読むための設計

    1行68文字、行間1.65、基本の文字サイズ18px。記事は3,000語に及びます。ここではタイポグラフィこそがデザイン作業の核心です。

  2. 固定された目次と進捗表示

    スクロールに追従する目次で、現在のセクションを強調表示します。長いガイドでは、パンくずリストよりも、今どこを読んでいるかがわかることのほうが価値があります。

  3. 注意書きは本文に組み込み、隅に追いやらない

    注意書きは、プロトコルを説明するその箇所の本文中に置いています。フッターのバナーは、法的にはより弱く、編集上はより不誠実です。

プロジェクトのカラーパレット

  • ディープグリーン

    #2F5D50

    見出し、アイデンティティ

  • セージ

    #A8C0A0

    セクションの背景

  • インク

    #22252A

    テキスト

  • クレイ

    #C97B4A

    アクセント、注意喚起

タイポグラフィ体系

見出し用書体

Fraunces

本文用書体

Source Sans 3

見出しには現代的なセリフ体を使い、民俗調に寄らない自然な雰囲気を出しています。3,000語のガイドには、画面表示のために設計されたサンセリフ体を使っています。

エンジニアリング

その裏側にある技術。

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. 静的サイト生成

    各記事はCDNから配信されるHTMLファイルです。コンテンツがめったに変わらない編集型サイトでは、これが最もコストパフォーマンスに優れ、アプリケーション層の攻撃対象領域もなくなります。

  2. WebPへのフォールバック付きAVIF画像

    ガイドには豊富に図版が入っています。ブラウザが対応している場合に同じ画像をAVIFで配信すれば、見た目の劣化なしにデータ量を30〜50%削減できます。

SEO対策

検索で見つけてもらうための仕組み。

  1. ピラーとサテライト

    大きなテーマ(断食、ハーブ、ビタミン)ごとにピラーページをひとつ置き、個別の問いを扱うサテライト記事がそこへリンクします。テーマにおける権威性を築くのは、量ではなくこの構造です。

  2. 著者、日付、出典を明示

    すべての記事に署名、公開日、更新日、参考文献を記載し、完全なArticleマークアップを付けています。健康に関するテーマでは、これらは飾りではなく、検索順位を左右する要素です。

  3. ロングテールのリサーチ

    「安全に断食できるのは何日まで」「冬にはどのビタミンDを摂るべきか」。ユーザーが実際に尋ねる形で書かれた、現実の質問です。そしてAIアシスタントが取り上げるのも、この形です。

サイト構成

納品したもの。

  • トップ
  • ピラー — 断食、デトックスプログラム、ハーブ、ビタミン
  • サテライト記事
  • 用語集
  • サイトについてと出典
進め方

プロジェクトの流れ。

  1. 編集アーキテクチャ

    テーマの洗い出し、ピラー、サテライト、内部リンク。

  2. 読むためのデザイン

    タイポグラフィ、1行の長さ、目次、進捗表示。

  3. 制作

    出典付きの執筆、校閲、文脈に即した注意書き。

  4. テクニカルSEO

    Articleマークアップ、サイトマップ、Search Console。

Q&A

よくいただくご質問。

情報と推奨を厳密に分けることです。プロトコルとは何か、文献は何を述べ、何を述べていないのかを説明しますが、それに従うよう勧めることは決してありません。それはGoogleが評価することでもあります。効果を約束するページこそ、順位を落とされるページだからです。

同じ水準のこだわりを、あなたのサイトにも。

現在のサイトの無料診断、24時間以内のお見積もり、そして今お読みいただいたような書面での解説をお届けします。3回分割払い(手数料無料)に対応し、利用できる地域の補助金は契約前に確認します。

共有