SEO 개선 과정 정리

Kim jisu·2025년 7월 1일

TIL

목록 보기
41/43

✅ 청약플래닛 SEO 개선 전체 과정 정리

✅ 1단계. 검색엔진 등록 및 기본 설정

🔹 1. Google Search Console & Naver 웹마스터 등록

  • 목적: 검색엔진에 사이트 존재를 알리고 색인 요청/모니터링 가능하게 함

  • 작업 내용:

    • 도메인 또는 URL 소유권 인증
    • 메타태그 삽입 (google-site-verification, naver-site-verification)
    • 사이트맵 제출

🔹 2. robots.txt 설정

  • 목적: 검색 로봇에게 색인 허용/차단 범위 명시

  • 설정 예시:

    User-Agent: *
    Allow: /
    Disallow: /api/
    Disallow: /admin/
    Sitemap: https://cheongyakplanet.site/sitemap.xml

✅ 2단계. 사이트맵 구성 및 자동화

🔹 1. sitemap.xml 구성

  • 목적: 검색엔진이 사이트 내 모든 페이지를 빠짐없이 인식하도록 안내

  • 포함된 경로:

    • 정적 경로: /, /subscription, /community, /guide, etc.
    • 동적 경로: /subscription/[id], /community/[id]

🔹 2. 동적 sitemap 생성

  • /sitemap.xml/route.ts에서 DB 데이터를 기반으로 동적 URL 자동 생성

🔹 3. sitemap 자동 갱신 API 구축

  • GET /api/revalidate-sitemap
  • revalidatePath('/sitemap.xml') 호출하여 캐시 무효화
  • ✅ Vercel Cron 또는 CMS 연동 시 자동화 가능

✅ 3단계. SEO 메타데이터 및 OG 태그 개선

🔹 1. generateMetadata() 도입

  • Next.js App Router 기반 SEO 설정의 핵심

  • 각 상세 페이지별로 다음을 동적으로 구성:

    • <title>
    • <meta name="description">
    • <meta name="keywords">
    • og:title, og:image, twitter:card, canonical, etc.

🔹 2. 상세 SEO 개선 사항

  • 타이틀: 청약명 : 모집공고 - 청약플래닛으로 확장
  • 설명문: 날짜·가격 등을 자연어로 서술 (청약기간은 ...입니다)
  • 키워드: 지역, 타입, 분양사명, 면적/가격 범위 등 포함
  • 위치 정보: geo.position, ICBM 메타 태그 활용

✅ 4단계. 콘텐츠 기반 SEO 강화

🔹 1. 본문 내 SSR 콘텐츠 삽입

  • 검색엔진 색인 향상을 위해 주요 청약 정보를 <section class="sr-only">로 서버 측 렌더링

  • 포함 내용:

    • 청약명, 세대수, 면적, 분양가, 접수일정, 위치

🔹 2. 구조화 데이터(ld+json) 추가

  • Schema.org 기반 RealEstateListing 사용
  • 구글 rich snippet 및 색인 신호 강화
  • 포함 정보: 주소, 좌표, 가격 범위, 입주일, 타입, 공급 세대수 등

✅ 5단계. 접근성과 검색 가능성 보완

🔹 1. ARIA 속성 및 시맨틱 마크업 적용

  • aria-hidden="false" 및 sr-only 클래스 활용
  • 시각 사용자에겐 보이지 않지만 검색 크롤러가 읽을 수 있도록 구성

✅ 최종 정리: 단계별 로드맵

단계주요 작업기대 효과
1. 검색엔진 연결Search Console 등록, 인증 메타태그색인 요청 가능, 검색 유입 기반 확보
2. 크롤링 안내robots.txt, sitemap.xml 구성검색봇이 페이지를 탐색할 수 있는 구조 제공
3. 메타데이터 최적화title, description, og/meta/tags검색 결과 노출 최적화 + SNS 공유 향상
4. 콘텐츠 기반 강화SSR 텍스트, 구조화 데이터 삽입색인 품질 강화, CTR 상승
5. 자동화 및 유지sitemap 자동 갱신 API, cron 연동최신 청약 데이터 즉시 반영, 관리 효율성 향상

profile
Dreamer

0개의 댓글