개인공부

SEO, SSR

여유로운 프론트엔드 개발자 2024. 9. 4. 21:12

1. SEO란?

- Search Engine Optimization의 약자로 검색 엔진 최적화를 의미

- 웹사이트나 웹페이지를 검색 엔진에서 더 잘 보이도록 최적화하는 과정 -> 구글, 네이버, 다음과 같은 검색 엔진에서 특정 키워드로 검색할 때, 해당 웹사이트나 페이지가 상위에 노출되도록 하는 것이 목표

(1) 온페이지 SEO (On-Page SEO)

 - 웹사이트 내부에서 할 수 있는 최적화 작업을 의미. 이는 웹페이지의 콘텐츠, 메타 태그, 이미지, URL 구조 등을 최적화하여 검색 엔진이 해당 페이지를 더 잘 이해하고 인덱싱할 수 있도록 하는 작업이다

(2) 오프페이지 SEO (On-Page SEO)

 - 웹사이트 외부에서 할 수 있는 최적화 작업을 의미. 이는 주로 다른 웹사이트에서 자신의 웹사이트로 향하는 링크를 얻거나, 소셜 미디어 활동을 통해 트래픽을 유도하는 등의 작업을 포함한다.

2. SSR이란?

- 서버에서 렌더링 준비를 마친 상태로 클라이언트에 전달 하는 방식

- 실행 순서

  1. 유저가 서버에 요청을 보낸다.
  2. 서버는 즉시 렌더링 가능한 HTML 파일을 만들어 클라이언트에 전달한다.
  3. 클라이언트는 받은 HTML 파일을 즉시 렌더링하고 동시에 JS 를 다운로드 한다(이때 콘텐츠를 볼 수 있게 된다)
  4. 다운로드가 완료되면 자바스크립트 프레임워크를 실행한다.
  5. 자바스크립트 프레임워크가 실행되면 사이트는 조작 가능한 상태가 된다

SSR

- 장점: 빠른 초기 로딩 시간, seo에 친화적

- 단점: 페이지 이동이 잦을 경우 서버 과부하

'개인공부' 카테고리의 다른 글

Jotai 상태관리 라이브러리  (0) 2024.10.27
이벤트 버블링  (0) 2024.09.17
npm, yarn  (0) 2024.09.04
웹 표준, 접근성, 크로스 브라우징  (0) 2024.09.03
[네트워크] HTTP에 대한 이해  (2) 2024.09.02