## 1. 크롤링 & 색인 보장 (Crawlability) ### ① 링크는 무조건 `href` 속성이 있는 표준 `` 태그 사용 * **나쁜 예 (색인 불가능):** `` * **좋은 예 (색인 가능):** `상품 보기` ### ② SSR (서버 사이드 렌더링) 또는 하이브리드 라우팅 필수 구글봇이 처음 페이지를 요청했을 때 받는 '초기 HTML'에 핵심 텍스트 콘텐츠와 메타 태그(`title`, `description`)가 채워져 있어야 합니다. CSR(클라이언트 사이드 렌더링) 방식으로 텅 빈 빈 껍데기 HTML(`
`)만 내려주면, 구글이 렌더링 큐에서 자바스크립트를 실행할 때까지 몇 일에서 몇 주 동안 색인이 누락되거나 지연될 수 있습니다. ### ③ 올바른 HTTP 상태 코드 반환 존재하지 않는 페이지(404)나 에러 페이지(500)인데 화면에만 "페이지를 찾을 수 없습니다"라고 적어두고 HTTP 응답 상태 코드는 `200 OK`로 반환하는 **'Soft 404'** 오류를 방지해야 합니다. 검색 로봇이 빈 페이지를 가치 있는 페이지로 오해하여 크롤링 예산을 낭비하게 됩니다. --- ## 2. 시맨틱 마크업 & 데이터 구조화 (Structure) ### ① 시맨틱 HTML 태그의 올바른 계층 구조 레이아웃을 단순히 `
`로 떡칠하기보다 의미 있는 태그를 써야 로봇이 페이지 내부의 중요도를 파악합니다. 특히 `

` 태그는 페이지당 **단 하나만** 존재해야 하며, 페이지의 핵심 주제를 담아야 합니다. * 구조 예시: `
`, `