[요약]

• 굳이 SSR이 아니라 자바스크립트로만 이루어진 사이트(with SPA)도 검색 잘된다
• HTML RWD는 여전히 중요하다
• structured data 잘 활용 필요

[검색의 원리]

• 검색 서비스가 주기적으로 웹 콘텐츠를 수집 (크롤링)

• 유저는 검색어 입력

• 검색 서비스가 정해놓은 순위에 따라 노출

  → SEO는 상위 노출 되도록 웹 콘텐츠를 최적화함

[웹콘텐츠 수집 - googlebot]

• 구글의 googlebot이 주기적으로 웹사이트를 탐색하면서 검색 가능한 콘텐츠들을 수집한다

  • Robots.txt 따로 선언 하지 않고 인증 필요 없는 페이지는 다 수집한다

    • 이런식으로 검색 노출 방어가능

      User-agent: *
      Disallow: /admin/
      Disallow: /internal/
      

• 로그인이 필요한 페이지는 수집하지 않는다

• googlebot이 웹페이지를 만났을 경우 웹브라우저와 동일하게 동작한다

  • HTML 다운을 받음

  • HTML을 해석해서 렌더 (style tag나 script tag 도 포함)

  • 렌더한 최종 결과값을 기준으로 수집한다

    → 덕분에 자바스크립트( SPA도 가능 )까지 포함한 결과 값을 인식하게된다!

    → SSR 뿐만아니라 CSR도 노출 가능하게된다

    → 하지만 검색 순위에 렌더링 속도도 조건으로 달려있어서 SEO에서 SSR이 더 유리할 순 있다

[의미있는 HTML 사용하기]

// 안좋은 예

<div class="list">
  <div class="item">1</div>
  <div class="item">2</div>
</div>

// 적절하게 title을 사용하자

<title>조은의 Medium</title>
<title>웹사이트 최적화하기 - Medium</title> // 이건 description 에 넣어야지

// description meta 사용하기

<meta name="description" content="콘텐츠의 설명">

[ 구글 검색 엔진에 잘 노출되는 방법 ]

1. 적절한 title 태그를 사용합니다.