무엇이든 물어보세요
SEO(검색최적화)가 정확히 뭐죠? SSR이랑 무슨 상관?
walk_through_me
2019. 11. 6. 23:49
(Nuxt.js 에 대해 이야기 하던 중 SSR(Server-side Rendering)가 나와서 ....물어봄)
EEZY
일단 검색엔진이 데이터를 모을땐 크롤러라는걸 사용해요.
크롤러는 여기저기 다니면서 정보 수집을 하는 로봇인데 까막눈 로봇이에요. 화면을 못봐요.
ME
<head>에서 meta로 들어간 정보 긁어서 읽는거?
EEZY
그것 뿐만 아니라 <body>에 내용들도 대충 보죠. 다 훑어보는데 뭘 중점으로 볼지 <head>가 알려주는거죠.
바디를 비동기로 불러오면, 나는 html만 보고있는데... 눈이 안보이는데 읽을수가 없겠죠?
그래서 서버에서 그 비동기로 부르는 부분을 미리 그린다음 html을 받는거에요(=서버사이드 렌더링)
개발자 도구를 켜고 웹서버 접근하면 네트워크탭에 제일 위에 html 불러오잖아요.
그 정보만 크롤러가 본다고 생각하면 돼요.
근데 요즘 구글 크롤러는 자바스크립트로 동적으로 그리는것도 어느정도 읽을 수 있다고 하더라구요.
결론은, 처음 불러오는 html에 많은 정보를 담겨서 주는게 검색 최적화다!
SPA는 그게 힘드니까 그걸 도와주는 것이 서버사이드 렌더링!