5주차 - SEO란(검색 엔진 최적화)?

- SEO(Search Engin Optimization : 검색 엔진 최적화)란?

: 네이버나 구글 같은 검색 엔진에 뭔가를 검색 했을 때, 내가 만든 사이트가 검색 결과에 더 잘보이게 해주는 과정입니다.

 

- 검색 엔진 최적화를 한다는 건, 검색을 하면

• 검색 엔진이 내 사이트 내용물(메타 태그, html 내용 ...)을 한 번 훑어가고(크롤링 한다고 합니다.)
• 내용물에 특정한 인덱스 같은 걸 만듭니다.
• 그리고 이 인덱스 같은 걸 검색 결과에 보여줍니다.

검색 엔진 최적화는 검색 엔진이 내 사이트를 크롤링 할 때 정보를 더 잘 가져 갈 수 있도록 도와주는 과정입니다.

 

- React에서 SEO가 될까??

: React는 HTML 파일이 딱 1개 뿐이고, 렌더링이 되기 전까지(자바스크립트를 실행하기 전까지)는 빈 껍데기 html 내용만 나옵니다.

 

즉, 기본적으로는 검색 엔진에 올라가기가 어렵습니다.

->그렇기 때문에 React에서도 검색 엔진이 긁어 갈 수 있도록 미리 html 파일 내용을 보여줄 필요가 있습니다.

 

- React에서 검색 엔진 최적화(SEO)를 하려면 어떤 방법들이 있을까요??

• meta-data 넣기
• pre-rendering
• Sever Side Rendering

사실 여기에도 함정이 있습니다.

google 검색 엔진은 리액트 같은 CSR(Clieng Side Rendering) 방식 사이트도 크롤링을 잘 해가는(정확히는 자바스크립트를 실행 할 줄 알아요!) 반면 그렇지 않은 검색 엔진도 있기 떄문입니다.

검색 엔진마다 크롤링 해가는 방법이 천차만별입니다.

 

그래서 개발자는 어떤 검색 엔진에 노출되고 싶은 지에 따라 해당 검색 엔진이 제공하는 SEO 가이드에 맞춰 어떤 방법을 사용 할 지 정하는 것이 좋습니다.

 

- SEO가 꼭 필요 할까요??

: 꼭 필요한 것은 아닙니다.

만들 사이트의 목적에 따라, 검색에 많이 노출되면 좋은 사이트, 노출 될 필요 없는 사이트가 있기 때문입니다.

(관리자 사이트나 회원만 내용을 볼 수 있는 사이트라면 검색에 노출될 필요가 없겠죠!)

 

SEO는 만들 사이트의 목적과 용도에 따라 사용할 지 말 지 선택하면 됩니다!