Search Engine Optimization의 약자로, 검색 엔진 최적화를 뜻한다.
즉, 검색 결과에서 상위에 노출될 수 있도록 내 콘텐츠를 최적화 하는 방식을 말한다. 검색엔진 최적화의 필요성은 주요 포탈 상위 노출로 광고비가 절감되고, 지속적으로 웹사이트 트래픽이 증가함으로써, 검색엔진 최적화는 디지털 비지니스를 하는 사업자에게는 필수적인 영억이 되고 있다.
검색엔진 최적화 방법
1. 홈페이지 구조 개선(HTML 시멘틱 마크업)
head에 위치한 title과 제목(h태그)는 현재 페이지의 주제를 알려줄 수 있는 태그이기 때문에 페이지마다 신경써서 작성해야 한다.
2. 페이지/콘텐츠별 고유한 URL 사용
이해하기 쉬운 url을 통해 구글봇과 사용자에게 콘텐츠의 내용을 전달할 수 있다. 여러개의 하위 카테고리나 메뉴가 있을 경우 디렉토리 구조를 최대한 단순하게 만들고 의미없는 id나 암호화된 문자보다는 홈페이지를 기반으로 탐색경로나 카테고리가 반영된 url을 사용하는 것이 좋다.
3. CSR / SSR
전체 페이지를 새로 불러오는 기존의 MPA 방식을 서버 사이드 렌더링(SSR)이라고 하고, S가장 큰 차이점은 실행 시점입니다. useEffect 는 비동기적(asynchronous)으로 render와 paint 된 후 실행되기 때문에, useEffect내부에 dom에 영향을 주는 코드가 있을 경우 사용자 입장에서는 화면의 깜빡임을 보게됩니다.
반면 useLayoutEffect 는 컴포넌트들이 render된 후 paint 실행되며, 이 작업은 동기적(synchronous) 으로 실행됩니다.paint가 되기전에 실행되기 전에 dom을 조작하는 코드가 존재하더라도 사용자는 감빡임을 경험하지 않습니다.
따라서 작업은 항상 useEffect를 사용하되, 화면이 깜빡거리는 상황일 때는 useLayoutEffect를 사용합니다.PA와 같은 방식을 클라이언트 사이드 렌더링(CSR)이라고 한다. SPA를 구축하는 대표적인 프레임워크로는 React, Vue가 있는데, CSR의 경우 속도측면에서 SSR보다 빠르다는 장점이 있지만 검색엔진최적화에 취약하다는 단점이 있다.
CSR보다는 SSR방식을 사용하는 것이 검색엔진 최적화에 적합하다고 볼 수 있다.
검색엔진이 JS기반이라면, CSR 방식으로도 최적화가 가능하다.
