Nutriéa
의료 조언의 선을 넘지 않으면서 SEO로 성장하는 건강 포털.
- 연도
- 2026
- 제작 기간
- 7주
- 기술 스택
- Next.js · React · Tailwind · Vercel
- 편집 구조 설계
- 디자인
- 개발
- SEO
- 규정 준수
Kayzen Web이 개발·운영하는 제품으로, 정식 도메인으로 옮기기 전까지 Vercel 미리보기 주소에서 제공됩니다.

- Lighthouse SEO 점수
- 100/100
- 한 줄 길이
- 68자
- 치료 효과에 대한 약속
- 0
해결해야 했던 과제.
배경
Nutriéa는 자연요법과 영양요법을 다루는 프랑스어 편집 포털입니다. 단식, 디톡스 요법, 약용 식물, 비타민, 프로토콜. 비즈니스 모델은 전적으로 자연 검색 유입에 기반합니다.
제약
건강 분야는 Google이 가장 엄격하게 다루는 영역입니다. E-E-A-T 기준이 가차 없이 적용되며, 출처가 부실한 콘텐츠는 순위에 오르지 못합니다. 여기에 법적 제약도 더해집니다. 의료 사이트가 아니므로 진단도, 처방도, 치유의 약속도 할 수 없습니다.
해법
콘텐츠 첫 줄을 쓰기 전에 편집 구조부터 설계했습니다. 빠짐없이 다루는 필러 페이지, 여기에 연결되는 위성 기사, 그리고 이 위계를 반영하는 내부 링크. 모든 주장에는 출처를 달았고, 프로토콜 페이지마다 일반적인 배너가 아닌 맥락에 맞는 경고문으로 한계를 상기시킵니다.
납품 시점에 측정한 점수.
운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.
모든 선택에는 이유가 있습니다.
긴 글 읽기를 위한 설계
한 줄 68자, 행간 1.65, 기본 글자 크기 18px. 기사 분량이 3천 단어에 달합니다. 여기서는 타이포그래피가 디자인 작업의 핵심입니다.
고정 목차와 진행 표시
현재 섹션이 강조되는 고정 목차. 긴 가이드에서는 브레드크럼보다 지금 어디쯤 읽고 있는지 아는 것이 더 유용합니다.
뒤로 밀리지 않는, 본문 속의 유의 사항
경고문은 프로토콜을 설명하는 바로 그 지점, 본문 안에 있습니다. 페이지 하단의 배너는 법적으로 더 약하고, 편집 측면에서도 더 정직하지 못합니다.
프로젝트 색상 팔레트
딥 그린
#2F5D50
제목, 아이덴티티
세이지
#A8C0A0
섹션 배경
잉크
#22252A
텍스트
클레이
#C97B4A
강조, 주의 사항
타이포그래피 체계
제목용 서체
Fraunces
본문용 서체
Source Sans 3
제목에는 민속적인 느낌 없이 자연스러운 톤의 현대 세리프를, 3천 단어 분량의 가이드 본문에는 화면에 최적화된 산세리프를 썼습니다.
보이지 않는 곳의 기술.
- Next.js
- React
- Tailwind
- Vercel
정적 생성
모든 기사는 CDN에서 제공되는 HTML 파일입니다. 콘텐츠가 자주 바뀌지 않는 편집 사이트에서 성능 대비 비용이 가장 좋으며, 애플리케이션 공격 표면을 완전히 없앱니다.
WebP 대체를 갖춘 AVIF 이미지
가이드에는 이미지가 풍부합니다. 브라우저가 지원하면 같은 이미지를 AVIF로 제공해, 눈에 띄는 품질 손실 없이 용량을 30~50% 줄입니다.
사이트가 검색되는 방식.
필러와 위성
큰 주제(단식, 약용 식물, 비타민)마다 필러 페이지 하나, 그리고 구체적인 질문 하나를 다루며 필러를 가리키는 위성 기사들. 주제 권위를 만드는 것은 분량이 아니라 이 구조입니다.
저자, 날짜, 출처 공개
모든 기사에 서명, 게시일, 수정일, 참고 문헌, 그리고 완전한 Article 마크업. 건강 주제에서 이런 요소는 장식이 아니라 순위를 좌우합니다.
롱테일 검색
“안전하게 며칠까지 단식할 수 있나”, “겨울에 어떤 비타민 D를 먹어야 하나”. 사용자가 실제로 묻는 방식 그대로, 그리고 AI 어시스턴트가 옮기는 방식 그대로 표현된 실제 질문입니다.
납품한 결과물.
- 홈
- 필러 — 단식, 디톡스 요법, 약용 식물, 비타민
- 위성 기사
- 용어집
- 소개와 출처
프로젝트 진행 과정.
편집 구조 설계
주제 지도, 필러, 위성, 내부 링크.
읽기 경험 디자인
타이포그래피, 줄 길이, 목차, 진행 표시.
제작
출처를 갖춘 집필, 교정, 맥락에 맞는 주의 사항.
테크니컬 SEO
Article 마크업, 사이트맵, Search Console.


