상황
김태성 트레이너는 인덕원역 앞 비앤핏 플레티넘 관양동점 소속으로 시니어·통증·자세·체성분 관리를 중심으로 수업합니다. 기존 홈페이지를 다시 설계하면서 정한 원칙은 하나였습니다 — 「기간도, 몇 kg도 약속하지 않는다. 먼저 확인하고, 순서를 정하고, 기록한다.」
메인 화면 (PC·모바일)
만든 것
- 첫 화면의 안내 순서 — 「운동보다 먼저 확인합니다 → 기간도, 몇 kg도 약속하지 않습니다 → 순서와 기록」 순서로 홈 9블록을 구성하고, 가격도 공개했습니다.
- Figma 디자인 시스템 — 토큰·타이포·컴포넌트를 Figma에서 먼저 만들고, 구현 결과와 대조표를 남겼습니다.
- 영상 없는 히어로 — 촬영본이 없어 실사진 느린 줌 + 스크롤 기반 텍스트 3단계 + 로고 CSS 모션으로 만들었습니다. 모션은 CSS만 써서 빌드 산출물의 외부 JS 파일은 0개입니다(방문자 기준으로는 분석 도구가 지연 로드됩니다).
- 26쪽 — PT 색인과 지역 7쪽, 칼럼 11편(Article 구조화 데이터), FAQ, 오시는 길, 소식.
- 비공개 회원 리포트 포털 — 비밀번호 인증을 거치는 회원별 수업 기록 화면을 별도로 만들었습니다.
- 배포 전 자동 검사 10종 이상 — JS 예산·접근성·og·JSON-LD·대비·채널·금지어 등. 「n kg 감량」 같은 표현은 빌드가 막습니다.
SEO·AEO·GEO 대응
실제 작업을 검색·답변·AI 검색 관련 항목으로 나눈 표입니다. 표시는 작업 범위를 뜻하며, 각 작업의 노출 효과를 따로 검증한 결과는 아닙니다.
| 작업 | SEO | AEO | GEO |
|---|---|---|---|
| PT 지역 페이지 7·칼럼 11편 | ● | ● | |
| Article·FAQPage 등 JSON-LD 27쪽 통과 | ● | ● | ● |
| 약속형 표현 금지 게이트(체중·기간) | ● | ● | |
| CSS 전용 모션 · 실측 CLS 0 | ● | ||
| 하나의 채널 목록에서 상담 안내 생성 | ● | ● |
공개·검색 상태
- 2026-09-08 리디자인 배포·색인 개방 — 7개 화면 폭에서 가로 스크롤 0, 실측 CLS 0(저장소 QA 기록).
- 사이트맵·IndexNow 제출은 아직 진행하지 않았고 소유확인만 반영된 상태입니다.
- 구글 검색 화면 — 「김태성 트레이너」 첫 결과. 「인덕원 PT」·「관양동 퍼스널트레이닝」에서는 아직 나오지 않았습니다. 측정 2026-10-07(
hl=ko&gl=kr). - 노출·유입 수치는 표본이 작아 싣지 않았습니다. 기록이 쌓이면 측정일과 함께 추가합니다.
적용 조건
- 센터 소속 트레이너 개인 사이트 기준입니다. 센터 평점·리뷰는 개인 실적으로 쓰지 않고, 센터 로고와 묶어 배치하지 않습니다.
- 회원 기록은 게재 동의 범위(얼굴·실명 비노출) 안에서 추이 중심으로만 다룹니다.
성과 표기 원칙
이 사례의 서술은 제작 저장소의 기록과 라이브 사이트 확인을 근거로 합니다. 검색 노출·AI 인용은 플랫폼 알고리즘에 따라 변동될 수 있어, 측정 일시·질의문이 명기된 기록이 확보된 항목만 성과로 적고 나머지는 「측정 기록 축적 중」으로 표기합니다.