SEO 와 CSR

SEO ( Search Engine Optimization )

SEO는 "Search Engine Optimization"의 약자로, 검색 엔진 최적화를 의미한다. 이는 웹사이트나 웹 페이지가 검색 엔진의 무료 검색 결과에서 더 높은 순위를 얻도록 개선하는 과정이다. SEO의 목적은 주로 구글, 빙, 야후 같은 검색 엔진에서 웹 페이지의 가시성을 높이는 것이며, 이를 통해 더 많은 방문자와 트래픽을 유도할 수 있다.

온페이지 SEO (On-page SEO):

이는 웹사이트 내부의 요소를 최적화하는 것을 말한다. 여기에는 키워드 연구, 콘텐츠 품질, HTML 태그 최적화(제목 태그, 메타 설명), 웹사이트 구조, 페이지 성능(로딩 속도 등) 등이 포함된다.

오프페이지 SEO (Off-page SEO):

이는 웹사이트 외부의 요소에 초점을 맞춘다. 주로 백링크(다른 웹사이트로부터의 링크) 구축에 중점을 두며, 이는 검색 엔진에게 해당 사이트의 신뢰성과 권위를 신호로 보낸다. 소셜 미디어 마케팅, 인플루언서 마케팅, 게스트 블로깅 등도 오프페이지 SEO 전략의 일부이다.

검색엔진

"검색엔진"이란, 인터넷 상의 정보를 검색하고 정리하여 사용자에게 제공하는 시스템 또는 소프트웨어를 의미한다. 이러한 검색엔진은 웹 페이지, 이미지, 비디오, 기타 콘텐츠를 검색 결과로 나타내는 역할을 한다. 가장 잘 알려진 예로는 구글, 빙, 야후 등이 있다.

검색엔진의 핵심 기능:

• 크롤링(Crawling)

• 인덱싱(Indexing)

• 랭킹(Ranking)

검색엔진과 웹페이지 내부의 요소 사이에는 매우 밀접한 관계가 있다. 검색엔진은 웹페이지의 내부 요소를 기반으로 해당 페이지의 내용을 이해하고, 사용자가 입력한 검색어와 관련된 정보를 제공하기 위해 이를 인덱싱하고 랭킹을 매긴다. 이 과정에서 웹페이지의 다양한 요소들이 검색엔진에 의해 해석되고 평가된다.

CSR 과 SEO

클라이언트 사이드 랜더링(Client-Side Rendering, CSR)에서는 자바스크립트가 웹 페이지의 주요 내용을 동적으로 생성하므로, 자바스크립트가 완전히 로드되고 실행되기 전까지는 페이지의 주요 콘텐츠가 보이지 않는다. 이는 검색엔진이 페이지의 내용을 크롤링하고 인덱싱하는 데 문제를 일으킬 수 있다.

클라이언트 사이드 랜더링과 검색엔진 크롤링의 문제점

1 지연된 콘텐츠 인덱싱: 자바스크립트가 페이지의 콘텐츠를 생성하기 때문에, 검색엔진이 페이지를 처음 방문했을 때 콘텐츠가 없는 상태일 수 있다. 이는 검색엔진이 페이지의 실제 콘텐츠를 "보지 못하는" 상황을 야기할 수 있다.

2 자바스크립트 실행 문제: 일부 검색엔진은 자바스크립트를 완전히 또는 제대로 실행하지 못할 수 있다. 특히, 구글 검색엔진은 자바스크립트를 실행할 수 있지만, 모든 검색엔진이 이를 지원하는 것은 아닐 것이다.

3 리소스 소모 및 지연: 자바스크립트 기반의 콘텐츠 랜더링은 추가적인 컴퓨팅 리소스를 요구하며, 이는 크롤링 과정에서의 지연을 초래할 수 있다. 검색엔진은 제한된 시간과 리소스 내에서 크롤링을 수행하기 때문에, 처리 시간이 긴 페이지는 완전히 크롤링되지 않을 수 있다.

해결방법

1 서버 사이드 랜더링(SSR): 초기 페이지 로드에 필요한 HTML을 서버에서 미리 생성하여 전송한다. 이는 검색엔진이 페이지 콘텐츠를 즉시 보고 인덱싱할 수 있도록 도와준다.

2 프리렌더링(Pre-rendering): 빌드 과정에서 각 페이지의 정적 HTML을 생성하여 검색엔진이 쉽게 크롤링할 수 있게 한다.

3 랜더링(Dynamic Rendering): 사용자 에이전트에 따라 다르게 응답한다. 검색엔진 봇에게는 서버에서 미리 랜더링된 페이지를 제공하고, 일반 사용자에게는 클라이언트 사이드 랜더링을 제공한다.