건강 & 자연요법

Nutriéa

의료 조언의 선을 넘지 않으면서 SEO로 성장하는 건강 포털.

연도
2026
제작 기간
7주
기술 스택
Next.js · React · Tailwind · Vercel
  • 편집 구조 설계
  • 디자인
  • 개발
  • SEO
  • 규정 준수

Kayzen Web이 개발·운영하는 제품으로, 정식 도메인으로 옮기기 전까지 Vercel 미리보기 주소에서 제공됩니다.

https://naturo-nutri.vercel.app/
Nutriéa 웹사이트 메인 페이지 — 건강 & 자연요법, Kayzen Web 제작
Lighthouse SEO 점수
100/100
한 줄 길이
68자
치료 효과에 대한 약속
0
출발점

해결해야 했던 과제.

배경

Nutriéa는 자연요법과 영양요법을 다루는 프랑스어 편집 포털입니다. 단식, 디톡스 요법, 약용 식물, 비타민, 프로토콜. 비즈니스 모델은 전적으로 자연 검색 유입에 기반합니다.

제약

건강 분야는 Google이 가장 엄격하게 다루는 영역입니다. E-E-A-T 기준이 가차 없이 적용되며, 출처가 부실한 콘텐츠는 순위에 오르지 못합니다. 여기에 법적 제약도 더해집니다. 의료 사이트가 아니므로 진단도, 처방도, 치유의 약속도 할 수 없습니다.

해법

콘텐츠 첫 줄을 쓰기 전에 편집 구조부터 설계했습니다. 빠짐없이 다루는 필러 페이지, 여기에 연결되는 위성 기사, 그리고 이 위계를 반영하는 내부 링크. 모든 주장에는 출처를 달았고, 프로토콜 페이지마다 일반적인 배너가 아닌 맥락에 맞는 경고문으로 한계를 상기시킵니다.

주장이 아닌 측정

납품 시점에 측정한 점수.

운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.

PageSpeed
86
성능: 100점 만점에 86점
96
접근성: 100점 만점에 96점
96
권장사항: 100점 만점에 96점
100
검색엔진 최적화: 100점 만점에 100점
디자인 & 아트 디렉션

모든 선택에는 이유가 있습니다.

  1. 긴 글 읽기를 위한 설계

    한 줄 68자, 행간 1.65, 기본 글자 크기 18px. 기사 분량이 3천 단어에 달합니다. 여기서는 타이포그래피가 디자인 작업의 핵심입니다.

  2. 고정 목차와 진행 표시

    현재 섹션이 강조되는 고정 목차. 긴 가이드에서는 브레드크럼보다 지금 어디쯤 읽고 있는지 아는 것이 더 유용합니다.

  3. 뒤로 밀리지 않는, 본문 속의 유의 사항

    경고문은 프로토콜을 설명하는 바로 그 지점, 본문 안에 있습니다. 페이지 하단의 배너는 법적으로 더 약하고, 편집 측면에서도 더 정직하지 못합니다.

프로젝트 색상 팔레트

  • 딥 그린

    #2F5D50

    제목, 아이덴티티

  • 세이지

    #A8C0A0

    섹션 배경

  • 잉크

    #22252A

    텍스트

  • 클레이

    #C97B4A

    강조, 주의 사항

타이포그래피 체계

제목용 서체

Fraunces

본문용 서체

Source Sans 3

제목에는 민속적인 느낌 없이 자연스러운 톤의 현대 세리프를, 3천 단어 분량의 가이드 본문에는 화면에 최적화된 산세리프를 썼습니다.

엔지니어링

보이지 않는 곳의 기술.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. 정적 생성

    모든 기사는 CDN에서 제공되는 HTML 파일입니다. 콘텐츠가 자주 바뀌지 않는 편집 사이트에서 성능 대비 비용이 가장 좋으며, 애플리케이션 공격 표면을 완전히 없앱니다.

  2. WebP 대체를 갖춘 AVIF 이미지

    가이드에는 이미지가 풍부합니다. 브라우저가 지원하면 같은 이미지를 AVIF로 제공해, 눈에 띄는 품질 손실 없이 용량을 30~50% 줄입니다.

검색엔진 최적화

사이트가 검색되는 방식.

  1. 필러와 위성

    큰 주제(단식, 약용 식물, 비타민)마다 필러 페이지 하나, 그리고 구체적인 질문 하나를 다루며 필러를 가리키는 위성 기사들. 주제 권위를 만드는 것은 분량이 아니라 이 구조입니다.

  2. 저자, 날짜, 출처 공개

    모든 기사에 서명, 게시일, 수정일, 참고 문헌, 그리고 완전한 Article 마크업. 건강 주제에서 이런 요소는 장식이 아니라 순위를 좌우합니다.

  3. 롱테일 검색

    “안전하게 며칠까지 단식할 수 있나”, “겨울에 어떤 비타민 D를 먹어야 하나”. 사용자가 실제로 묻는 방식 그대로, 그리고 AI 어시스턴트가 옮기는 방식 그대로 표현된 실제 질문입니다.

사이트 구조

납품한 결과물.

  • 홈
  • 필러 — 단식, 디톡스 요법, 약용 식물, 비타민
  • 위성 기사
  • 용어집
  • 소개와 출처
방법론

프로젝트 진행 과정.

  1. 편집 구조 설계

    주제 지도, 필러, 위성, 내부 링크.

  2. 읽기 경험 디자인

    타이포그래피, 줄 길이, 목차, 진행 표시.

  3. 제작

    출처를 갖춘 집필, 교정, 맥락에 맞는 주의 사항.

  4. 테크니컬 SEO

    Article 마크업, 사이트맵, Search Console.

질문

자주 받는 질문.

정보와 권고를 엄격히 구분합니다. 프로토콜이 무엇인지, 문헌이 무엇을 말하고 무엇을 말하지 않는지 설명하되, 따르라고 권하지는 않습니다. Google이 높이 평가하는 것도 이것입니다. 결과를 약속하는 페이지야말로 순위가 떨어지는 페이지입니다.

같은 수준의 기준을, 귀하의 사이트에도.

현재 사이트 무료 진단, 24시간 이내 견적, 그리고 방금 읽으신 것과 같은 서면 분석을 제공합니다. 3회 무이자 분할 결제가 가능하며, 이용 가능한 지역 지원금은 계약 전에 확인합니다.

공유