# [[Technical SEO]]

## 📌 Brief Summary
Technical SEO는 웹사이트의 기술적 구조, 렌더링 전략, 성능 지표 등을 최적화하여 검색 엔진이 사이트 콘텐츠를 효과적으로 크롤링, 이해, 그리고 인덱싱할 수 있도록 보장하는 웹 디자인 및 개발의 핵심 요소이다 [1, 2]. 특히 단일 페이지 애플리케이션(SPA)과 같은 최신 웹 아키텍처에서는 자바스크립트 실행 지연으로 인한 인덱싱 문제를 해결하고 코어 웹 바이탈(Core Web Vitals)을 개선하여 검색 가시성과 사용자 경험을 극대화하는 데 중점을 둔다 [3-5]. 성공적인 Technical SEO는 구글의 전통적인 검색뿐만 아니라 AI 답변 엔진이 사이트의 데이터를 수집하고 인용할 수 있도록 돕는다 [6, 7].

## 📖 Core Content
*   **검색 엔진 크롤링 및 렌더링 최적화:** React 기반의 단일 페이지 애플리케이션(SPA)은 클라이언트 사이드 렌더링(CSR)을 기본으로 사용하기 때문에 초기 HTML이 비어 있어 검색 엔진 봇의 인덱싱 지연과 크롤링 예산 낭비를 초래할 수 있다 [5, 8]. 이를 극복하기 위해 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), 점진적 정적 재생성(ISR)과 같은 렌더링 전략을 적용하여 검색 엔진 크롤러와 AI 에이전트에게 완전한 HTML 콘텐츠를 즉시 제공해야 한다 [9-11].
*   **코어 웹 바이탈(Core Web Vitals) 개선:** 2025년 기준 코어 웹 바이탈은 구글 페이지 경험 신호의 핵심이자 직접적인 랭킹 요소이다 [12, 13]. 빠른 로딩을 의미하는 LCP(2.0초 미만), 시각적 안정성을 나타내는 CLS(0.08 미만), 상호작용 지연 시간을 측정하는 INP(200ms 미만) 임계값을 충족해야 한다 [14-18]. 이러한 웹 성능 최적화는 단순히 사용자 경험을 개선할 뿐만 아니라 크롤링 예산을 절약하고 인덱싱 속도를 높이는 데 필수적이다 [19].
*   **웹사이트 구조 및 URL 계층:** 검색 엔진이 웹사이트의 지형을 잘 이해할 수 있도록 논리적인 폴더 구조와 짧고 명확한 URL 계층을 구축해야 한다 [2, 20, 21]. SPA 환경에서는 해시 기반 라우팅(`#/`)이 인덱싱을 방해하므로 반드시 HTML5 History API 기반의 깨끗한 URL을 사용해야 하며 [22, 23], 내부 링크 시 자바스크립트 이벤트(예: `onClick`)가 아닌 표준 `<a href>` 태그를 사용해 크롤링 경로를 확보해야 한다 [22, 23].
*   **메타데이터 및 구조화된 데이터(Schema Markup):** SPA 라우팅 전환 시 페이지에 맞춰 `<title>`, 메타 설명, Open Graph 태그가 동적으로 업데이트되도록 React Helmet과 같은 도구를 사용해야 한다 [22, 24, 25]. 또한 검색 엔진과 AI 크롤러가 콘텐츠의 맥락을 정확하게 파악하고 리치 스니펫이나 AI 오버뷰에 노출되도록 JSON-LD 형식의 구조화된 데이터(Schema.org)를 삽입하는 것이 매우 중요하다 [26-28].
*   **시맨틱 HTML과 접근성 통합:** 검색 엔진뿐만 아니라 화면 판독기 등 보조 기술이 콘텐츠 구조를 이해할 수 있도록 `<header>`, `<main>`, `<article>` 등 시맨틱 HTML5 태그를 활용해야 한다 [20, 29, 30]. 이는 크롤러의 데이터 추출을 용이하게 하여 Technical SEO에 크게 기여한다 [28].

## 🔗 Knowledge Connections
- **Related Topics:** [[Core Web Vitals]], [[Server-Side Rendering (SSR)]], [[Single Page Application (SPA)]], [[Schema Markup]]
- **Projects/Contexts:** [[React SEO Guide: SSR, Performance & Rankings (2026)]], [[Modern Web Design Best Practices for 2025]], [[SEO for Single Page Applications]]
- **Contradictions/Notes:** 과거 SEO 문제 해결을 위해 봇에게만 사전 렌더링 된 HTML을 제공하는 동적 렌더링(Dynamic Rendering) 기법이 사용되었으나, 2025년 기준 구글은 이를 클로킹(Cloaking)의 위험이 있는 것으로 간주하여 권장하지 않으며, SSR이나 SSG를 사용할 수 없는 경우 최후의 수단으로만 사용해야 한다 [31, 32]. 

---
*Last updated: 2026-04-26*