SEO (검색엔진 최적화)

 

SEO(검색엔진 최적화) 이슈

SPA는 일반적으로 서버 사이드 렌더링(SSR) 방식이 아닌 자바스크립트 기반 비동기 모델의 클라이언트 사이드 렌더링(CSR) 방식으로 동작한다. 클라이언트 사이드 렌더링(CSR)은 일반적으로 데이터 패치 요청을 통해 서버로부터 데이터를 응답받아 뷰를 동적으로 생성하는데 이때 브라우저 주소창의 URL이 변경되지 않는다. 이는 사용자 방문 history를 관리할 수 없음을 의미하며 SEO 이슈의 발생 원인이기도 하다. SPA의 SEO 이슈는 언제나 단점으로 부각되어 왔다. SPA는 정보 제공을 위한 웹페이지보다는 애플리케이션에 적합한 기술이므로 SEO 이슈는 심각한 문제로 취급할 수 없다고 생각할 수도 있지만 블로그와 같이 애플리케이션의 경우 SEO는 무시할 수 없는 중요한 의미를 갖는다. Angular나 React 등의 SPA 프레임워크는 서버 사이드 렌더링(SSR)을 지원하는 기능이 이미 존재하고 있고 크롬 등의 모던 브라우저는 SPA의 SEO 문제를 해결하고 있는 것으로 알려져 있다.

SEO 최적화

SEO 기본 가이드: 기본사항 | Google 검색 센터 | 문서 | Google for Developershttps://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=ko

SEO 기본 가이드: 기본사항 | Google 검색 센터  |  문서  |  Google for Developers

1. 사이트의 최적화 및 접속성
   기본적으로 SEO에서 검색을 자주 사용하게 하려면 사이트의 최적화가 이루어져야 한다. 다양한 클라이언트 (모바일 , 웹 , 테블릿 , 저사양 PC등등)에서 쉽고 빠르게 접근 가능해야 하며 너무 큰 용량 혹은 긴 로딩을 가지게 될 경우 검색 크롤링 우선순위에서 후순위로 배치될 수 있다.
   구글 크롬에서 제공하는 LightHouse나 이미지 , 모듈용량 , CSS등 다양한 곳에서 최적화를 시도해 볼 수 있다.
2. 사이트맵 작성 및 제출
   Google의 경우 검색되도록 하기 위해 사이트맵을 제공하는 방법이 있다. 일반적으로 무료 호스팅에 사용되는 Vercel
   Wordpress등 기본적인 탬플릿을 제공하거나 최신 프레임워크의 경우 이러한 SEO 이슈를 해결하기 위한 방법들이 내장되어 있으며 이러한 기능들을 사용해 볼 수 있다.
3. URL의 최적화
   다음 사이트에서 사용 중인 URL의 문제 등을 최적화하고 조회할 수 있다.

https://search.google.com/search-console/welcome?action=inspect&utm_medium=referral&utm_campaign=9012289&sjid=8005861069104718895-AP