SEO

CSR의 대표적인 단점 중 하나인 취약한 SEO 점수와 모든사람들이 사용할 수 있는 서비스를 만들기 위한 웹 접근성 개선작업을 수행해야한다.    웹 접근성과 SEO을 개선하기 이전의 점수이다.접근성은 페이지 마다 상이하지만, 가장 낮은 메인페이지의 점수가 69점, SEO 점수는 83점을 기록하였다. SEO : 검색엔진 최적화🔍 React의 SEO리액트와 같은 SPA는 SSR과는 달리, 초기에 HTML이 최소한의 내용을 포함하고, 대부분의 콘텐츠는 JS를 통해 클라이언트측에서 렌더링이 되는 방식이다. 모든 크롤러가 아닌 많은 크롤러들이 JS를 지원하지 않기 때문에 이와 같은 문제가 발생한다고 한다.(구글봇은 JS를 지원해서 SEO가 나쁘지 않다고 함)Next.js를 이용한 프로젝트에서는 별다른 작업을 ..

SSR와 CSR의 SEO CSR (React.js) CSR(ClientSide Rendering)의 경우 초기에 빈 html 문서를 전달하기 때문에, 봇이 데이터를 수집하기 어렵기때문에 SEO에 불리하다.   SSR(Next.js)하지만, SSR(ServerSide Rendering)은 클라이언트가 요청한 페이지를 서버에서 동적으로 생성해 브라우저에 보내는 방식으로, 이미 서버쪽에서 만들어진 완성된 html을 검색엔진들이 크롤링이 가능하기때문에 검색에 유리해진다. SEO 진단✅ SSR의 장점인 SEO 성능 최적화 작업하기 전, SEO checkup을 해보았다.https://pagespeed.web.dev/analysis/https-balanco-vercel-app/hxv2uh2yl9?form_factor..