검색봇한테 잘 보이는 법 - SEO(검색 엔진 최적화)

🎀 SEO란?

SEO는 Search Engine Optimization의 줄임말로, 검색엔진이 콘텐츠를 이해하도록 돕고, 사용자가 사이트를 찾고, 검색엔진을 통해 사이트를 방문할지 여부를 결정하도록 돕습니다. - 구글 검색 센터

더 쉽고 짧게 설명해 보자면 ...

• 검색봇이 웹 페이지들을 크롤링하며 웹사이트 정보를 수집
• 검색 최적화 잘 된 웹 페이지일수록 검색 상단에 노출
• 그에 따라 사용자 유입 증가
• 결국 웹사이트 대박!

이 정도로 이해하면 될 것 같다.

🎀 검색봇한테 잘 보이려면?

📌 CSR 보단 SSR을 채택하기

CSR은 Client Side Rendering의 약자로
런타임 시점에 클라이언트 쪽에서 렌더링된다.

특히 모든 정보를 한번에 가져와 보여주려하기 때문에 초기 속도가 느리며,
서버 측에서는 HTML 문서의 빈 뼈대만 제공하기 때문에 여기서 검색봇이 탐색을 하지 못하게 된다.

반면, SSR은 Server Side Rendering의 약자로
런타임 시점에 서버 쪽에서 렌더링된다.

모든 정보를 한번에 가져오려고하지 않고
서버에서 HTML을 다 만들어서 우선적으로 보내기 때문에 검색봇이 탐색하기 유리하다.

이전에 CSR과 SSR을 자세히 비교한 포스팅이 있으니 참고하면 좋을 것 같다.
👉🏻 CSR, SSR, SSG 각 특징

📌 코드 기본을 지켜 올바르게 짜기

• 시멘틱 태그 제대로 사용하기
• meta 태그 사용해주기 (+open graph 도 넣어주기)
• 웹접근성 고려하여 코드 작성하기 (스크린 리더에도 잘 읽혀야 유리함)

이 외에도 지켜줘야하는 것들이 많지만,
일단 기본적인 것만 잘 지켜줘도 검색봇이 좋아한다는 사실을 알고 가자.

👉🏻 압도적 감사 (자료 출처)
검색 엔진 최적화(SEO) 개념적 이해
[최적화] 검색엔진 최적화(SEO) 이유와 방법 10가지