✅ 프로젝트 개요

• 목표: https://www.makangs.com 스타일의 모바일 중심 반응형 마사지 중개 플랫폼 개발

• 핵심 요소: SEO 최적화, 빠른 페이지 속도, 지역 및 역 기반 검색, 사용자 편의성 극대화

? 벤치마킹 사이트

1. 마캉스 (https://www.makangs.com)

   • 전반적인 디자인 UI/UX 및 구조

2. 마사지킹덤 (https://msgkingdom.com/shop/list_subway.php)

   • 지하철역 기반 검색 구조 참고

? UI/UX 디자인 요구사항

• 모바일 중심 설계 (데스크탑 보다는 모바일 최적화 우선)

• 직관적인 UX / 손쉬운 내비게이션

• 카드형 리스트, 스크롤 고정 필터, 간편한 지역 선택

?️ 지역 분류 구조

• 1차 지역: 서울, 경기, 인천 등

• 2차 지역: 강남, 송파, 일산 등 (1차 하위 지역)

• 역 기반 검색: 지하철 노선도 기반 검색 기능 탑재

? SEO 최적화 구조

• 짧고 의미 있는 URL 구조 사용 (파라미터 제거 필수)

  • 예: /seoul/gangnam ✅

  • 예: /list.php?area1=seoul&area2=gangnam ❌ (중복 URL 및 SEO 불이익)

• 고정 카테고리 URL, 정적 URL로 전환

• SEO Friendly HTML 구조, meta, title, h1~h4 구성 준수

• 중복 콘텐츠 방지 (Canonical 태그 적용 등 고려)

⚡ 웹 성능 최적화 기준

PageSpeed Insights에서 '녹색 구간' 도달 목표

• 이미지: Lazy Load, WebP 포맷 적용

• JS/CSS: minify, defer 처리

• CDN 사용 (Cloudflare, AWS 등)

• AMP 페이지 적용 고려

• 웹폰트: woff2 포맷, preload 설정

?️ 기술/개발 특이사항

• 그누보드 기반으로 구축되며,

  • 1차 지역/2차 지역 URL 구조 커스터마이징 필요

  • 게시판 URL 구조 수정하여 SEO 친화적 고정 URL 생성

• 관리자 UI에서 업체 노출/광고 상태 제어 가능하게 설정

• 점프 기능은 위치 기반 및 시간대 조건 설정 가능 (예: 강남구 평일 오후만 상단노출 등)

 개발자가 주의할 점

• SEO를 최우선으로 고려한 구조 및 구현

• 페이지 속도 개선은 필수 (GTmetrix/PageSpeed 기준 녹색)

• URL 구조는 모든 페이지에서 짧고 정적하게 유지

• 모든 주요 기능은 관리자 페이지에서 제어 가능해야 함

• 반복 콘텐츠 및 중복 게시물 방지 (서치콘솔에서 오류 발생 방지)

최대한 쉽게 이해하도록 글로 남겼습니다. 

견적서를 88smartbro88@gmail.com 여기로 남겨주시면 확인 후 연락드리겠습니다.

웹사이트 개발은 급한게 아니니 최대한 신경써서 만들어 주셨으면 좋겠습니다. 

그리고 개발 후 해당 플랫폼 다른 웹마트를 통해 재판매를 안 해 주셨으면 감사하겠습니다.