Здоровье & Натуропатия

Nutriéa

Портал о здоровье, который растёт в SEO, ни разу не переходя грань медицинской консультации.

Год
2026
Разработка
7 недель
Стек
Next.js · React · Tailwind · Vercel
  • Редакционная архитектура
  • Дизайн
  • Разработка
  • SEO
  • Соответствие требованиям

Продукт Kayzen Web, доступный на адресе предпросмотра Vercel до перехода на окончательный домен.

https://naturo-nutri.vercel.app/
Главная страница сайта Nutriéa — Здоровье & Натуропатия, создан Kayzen Web
SEO-оценка в Lighthouse
100/100
длина строки
68 зн.
терапевтических обещаний
0
Отправная точка

Какую задачу нужно было решить.

Контекст

Nutriéa — франкоязычный редакционный портал о натуропатии и нутритерапии: голодание, курсы оздоровления, растения, витамины, протоколы. Модель полностью построена на органическом привлечении.

Ограничение

К тематике здоровья Google относится строже всего: критерии E-E-A-T применяются здесь без снисхождения, и контент с плохими источниками не ранжируется. К этому добавляется юридическое ограничение — немедицинский сайт не может ни ставить диагнозы, ни назначать лечение, ни обещать выздоровление.

Решение

Редакционная архитектура была спроектирована до первой строчки контента: исчерпывающие опорные страницы, связанные с ними статьи-спутники и перелинковка, отражающая эту иерархию. Каждое утверждение ссылается на источник, а контекстное предупреждение — не шаблонный баннер — напоминает об ограничениях на каждой странице с протоколом.

Измерено, а не заявлено

Показатели на момент сдачи.

Оценки Lighthouse для сайта в рабочей среде. Мы публикуем их как есть: если какая-то оценка низкая, её причина и план исправления описаны ниже, а не замалчиваются.

PageSpeed
86
Производительность: 86 из 100
96
Доступность: 96 из 100
96
Лучшие практики: 96 из 100
100
SEO: 100 из 100
Дизайн и арт-дирекшн

Каждое решение — и его причина.

  1. Создано для долгого чтения

    Длина строки 68 символов, интерлиньяж 1,65, базовый кегль 18 px. Статьи — по три тысячи слов: типографика здесь составляет основную часть дизайнерской работы.

  2. Закреплённое оглавление и прогресс

    Липкое оглавление с подсветкой активного раздела. В длинном руководстве знать, где ты находишься, важнее, чем «хлебные крошки».

  3. Оговорки встроены, а не отодвинуты

    Предупреждение стоит в основном тексте — в том месте, где описывается протокол. Баннер в подвале юридически слабее и редакционно менее честен.

Палитра проекта

  • Глубокий зелёный

    #2F5D50

    Заголовки, фирменный стиль

  • Шалфей

    #A8C0A0

    Фоны разделов

  • Чернила

    #22252A

    Текст

  • Глина

    #C97B4A

    Акцент, предостережение

Типографическая система

Заголовки

Fraunces

Основной текст

Source Sans 3

Современный шрифт с засечками для заголовков — природный регистр без фольклора — и гротеск, созданный для экрана, для трёх тысяч слов руководства.

Разработка

Что внутри.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Статическая генерация

    Каждая статья — HTML-файл, отдаваемый с CDN. Для редакционного сайта, где контент меняется редко, это лучшее соотношение производительности и стоимости, к тому же исчезает поверхность атаки на уровне приложения.

  2. Изображения в AVIF с запасным WebP

    Руководства богато иллюстрированы. Отдача того же изображения в AVIF, когда браузер его поддерживает, экономит от 30 до 50 % веса без заметных потерь.

SEO-продвижение

Как сайт становится находимым.

  1. Опорные страницы и спутники

    Одна опорная страница на каждую большую тему (голодание, растения, витамины) и статьи-спутники, которые разбирают конкретный вопрос и ссылаются на неё. Именно эта структура — а не объём — создаёт тематический авторитет.

  2. Автор, дата и источники на виду

    Подпись, дата публикации, дата обновления и библиография в каждой статье, плюс полная разметка Article. В медицинских темах эти элементы не декоративны: от них зависит ранжирование.

  3. Поиск по длинному хвосту

    «Сколько можно голодать без риска», «какой витамин D принимать зимой» — реальные вопросы, сформулированные так, как их задают пользователи и как их подхватывают ассистенты.

Структура сайта

Что было сдано.

  • Главная
  • Опорные страницы — голодание, курсы, растения, витамины
  • Статьи-спутники
  • Глоссарий
  • О проекте и источники
Метод

Ход проекта.

  1. Редакционная архитектура

    Карта тем, опорные страницы, спутники, перелинковка.

  2. Дизайн для чтения

    Типографика, длина строки, оглавление, прогресс.

  3. Производство

    Тексты с источниками, вычитка, контекстные предупреждения.

  4. Техническое SEO

    Разметка Article, sitemap, Search Console.

Вопросы

О чём нас часто спрашивают.

Строго отделяя информацию от рекомендации. Мы объясняем, что представляет собой протокол, что о нём говорит научная литература и чего она не говорит; но никогда не советуем ему следовать. Именно это ценит и Google: страницы, обещающие результат, как раз и понижаются в выдаче.

Тот же уровень требований — для вашего сайта.

Бесплатный аудит вашего текущего сайта, смета в течение 24 часов и письменное обоснование — такое же, как то, что вы только что прочитали. Оплата в три этапа без переплаты; местные программы поддержки проверяются до подписания.

Поделиться