공개용 포트폴리오를 제작할 때
구글에 검색이 되기 위해서는 SSR(Server Side Rendering)이 되어야 했다.
SSR이란, 지금 이 블로그처럼
PHP형식 혹은 JSP형식으로 만들어진 사이트의 렌더방식으로서,
새로운 데이터를 부를 때마다 새로고침이 필요하다는 단점이 있다.
반대로 CSR(Client Side Rendering)은 일반 HTML프로젝트나
React, Vue 등 SPA(Single Page Application) 에서 사용되는 ajax를 도구로 사용하여
데이터를 받아온다.
php나 jsp 등의 api파일은 asset에 저장해두고,
ajax나 fetch, axios를 사용해서 자바스크립트가 브라우저(클라이언트) 대신
api에 접촉해서 데이터를 받아올 수 있다.
장점은 화면 새로고침 없이 부드럽게 데이터를 불러올 수 있다는 것이지만,
단점은 클라이언트가 렌더를 하기 때문에 검색엔진 로봇이
내가 만든 웹사이트의 정보를 찾기 힘들다는 것이다.
그래서 이 포트폴리오겸 블로그는 간단하게 알고있는 PHP 방식으로 제작했다.
리액트로 제작하는 것이
스킬 어필에 조금 더 도움이 되고,
좀 더 부드러운 화면전환을 만들어낼 수 있으나
검색엔진최적화 관련해서는 CSR이 압도적으로 유리하다는 증언(?)을 보고
PHP로 만들게 되었다.
과연, 구글이나 네이버에 공개가 잘 될지는 모르겠지만.
몇주일 지켜보고 SEO관련해서 개선을 할 예정이다.
이미 meta 태그도 각 게시물의 태그가 반영되게 해놓았고,
내 예상이 맞다면 개발 관련 포스팅을 할 때마다
유입자가 더 늘어날 것이다.
댓글: 1