Hyeonjeong Lee

Junior Web Developer

검색최적화-2

⚡용어 설명

  • 색인 - Google에서는 알고 있는 모든 웹페이지를 색인에 저장합니다. 각 페이지의 색인 항목은 해당 페이지의 콘텐츠 및 위치(URL)를 명시합니다. Google에서 페이지를 가져와서 읽고 색인에 추가하면 색인이 생성됩니다.

    예: Google에서 오늘 내 사이트의 페이지 색인을 생성했다.

  • 크롤링 - 신규 또는 업데이트된 웹페이지를 찾는 프로세스입니다. Google은 링크를 따라가거나, 사이트맵을 읽거나, 다른 여러 방법으로 URL을 찾아냅니다.

    예: Google은 웹을 크롤링하고 새 페이지를 찾은 다음 필요한 경우 색인을 생성한다.

  • 크롤러 - 웹에서 페이지를 크롤링(가져오기)한 다음 색인을 생성하는 자동 소프트웨어입니다.

  • Googlebot - Google 크롤러의 일반적인 이름입니다.

    예: Googlebot은 웹을 끊임없이 크롤링한다.

  • SEO - 검색엔진 최적화, 즉 검색엔진에서 찾기 쉽도록 사이트를 개선하는 프로세스입니다. 검색엔진 최적화 작업을 하는 사람의 직책을 의미하기도 합니다.

    예: 우리는 웹 인지도를 높이기 위해 검색엔진 최적화 전문가를 새로 고용했다.

  • 스니펫 - Google에서는 페이지의 제목이나 설명
  • 스키마 마크업 - HTML + 구조화 데이터
  • 일반 스니펫 - url, title, description으로 구성된 스니펫
  • 리치 스니펫 - 일반 스니펫에 추가적인 정보를 제공하는 스니펫
  • 구조화된 데이터 - 구글에서 세부사항을 설명하기 위한 코드를 작성하는 구조화된 데이터 스니펫
  • 구조화된 경로 탐색 - 사이트 계층 구조

1. 구글 검색 최적화

구글 search console의 목적

  • Google에서 사이트를 찾아 크롤링할 수 있는지 확인합니다. → 크롤링을 세밀하게 설정
  • 색인 생성 문제를 해결하고 새로운 콘텐츠나 업데이트된 콘텐츠의 색인을 다시 생성하도록 요청합니다.
  • Search console의 등록이 검색 최적화에 직접적인 도움은 되지 않지만, 사이트의 유입경로와 키워드 분석에 도움이 됩니다.
  1. 구글은 meta keyword 태그를 사용하지 않습니다.

https://www.hobo-web.co.uk/definitive-guide-to-using-important-meta-tags/

기본 스니펫

  • title과 description으로 검색 노출이 가능한 기본적인 스니펫 구현 방식으로 페이지마다 해당 description와 title이 잘 작성되어야 하단과 같은 사이트링크를 크롤러가 분석하여 검색 추천에 사용합니다.

    —> 수정 후 반영되는 시간은 최소 하루를 지나야 되는 것으로 보입니다.

  • 사이트링크는 리치 스니펫과 다르게 직접 구현이 불가합니다.

    (https://support.google.com/webmasters/answer/47334?hl=ko)

    Google에서는 사용자에게 유용하다고 판단되는 검색결과에 대한 사이트링크만 표시합니다. 유용한 사이트링크를 찾아주는 Google 알고리즘이 사이트 구조에서 허용되지 않거나 사이트의 사이트링크가 검색어와 관련 없을 경우 사이트링크를 표시하지 않습니다.

리치 스니펫

아래와 같은 검색 요소는 리치 스니펫으로 script를 사용하여 구현이 가능합니다.

스니펫 검증

2. 네이버 검색 최적화

네이버 search advisor

  • 네이버 역시 사이트링크의 구현은 불가합니다.

  • 구조화된 데이터는 구글과 동일합니다.

    (Microdata 형식이나 JSON-LD 형식을 사용하는 것을 권장)

3. 다음 검색 최적화

다음 웹마스터 베타 테스트 진행중

다음 검색 등록

→ 다음 날 바로 검색 창에 반영됨. 간략한 description은 신청 시 설정 가능

4. 소셜 사이트 미리보기

5. SPA meta 태그 작성

  1. 동적 메타 태그를 위한 라이브러리 사용 & sitemap.xml이용
  2. prerendering : https://dong-queue.tistory.com/14
    • history 모드
    • prerender-spa-plugin 사용
  3. 서버 사이드 렌더링(SSR)
    • vue-server-renderer 사용

6. 자바스크립트 콘텐츠 관리

https://developers.google.com/search/docs/guides/javascript-seo-basics?hl=ko

Googlebot은 페이지를 크롤링 및 렌더링 대기열에 추가하며 페이지가 크롤링 및 렌더링을 기다리고 있는 경우 바로 확인할 방법은 없습니다.

SPA 검색최적화

- 인덱싱 작동 방식 (참고)

Google에서 웹 사이트의 색인을 생성하려면 각 페이지 내의 링크를 따라 Googlebot (웹 사이트를 방문하고 페이지의 콘텐츠를 색인에 저장하는 자동 색인 생성 소프트웨어)에 의해 크롤링되어야합니다. 또한 Googlebot은 웹 사이트에서 특수한 Sitemap XML 파일을 찾아 공개 사이트에서 올바르게 연결되지 않은 페이지를 찾고 웹 사이트의 페이지가 얼마나 자주 변경되고 언제 마지막으로 변경되었는지에 대한 추가 정보를받습니다.

- Google은 실제로 프런트 엔드 프레임 워크로 만든 페이지의 색인을 어떻게 생성합니까?

  1. Vue에서 실시간으로 생성 된 콘텐츠는 항상 Google에서 색인을 생성합니다.
  2. Vue에 의해 생성되었지만 300ms 후에 렌더링 된 콘텐츠도 색인이 생성됩니다.
  3. 웹 서비스에서 가져온 콘텐츠는 약간의 지연이 있을 수 있지만 항상 그런 것은 아닙니다. 다른 순간에 Google의 페이지 색인 생성을 확인했으며 마지막으로 삽입 된 콘텐츠 (몇 초 후)에 색인이 생성되는 경우도 있었고 그렇지 않은 경우도있었습니다. 매우 빠르게 렌더링되는 콘텐츠는 외부 웹 서비스에 대한 비동기 호출에서 비롯된 경우에도 대부분의 경우 인덱싱됩니다. 이는 Google이 내부 알고리즘에 따라 각 페이지 및 사이트에 대한 렌더링 예산 을 보유하고 있는지에 따라 달라지며 사이트 순위와 Googlebot의 렌더링 대기열 현재 상태에 따라 크게 달라질 수 있습니다. 따라서 색인을 생성하기 위해 외부 웹 서비스의 콘텐츠에 의존 할 수 없습니다.

—> 기본적으로 Google은 외부 웹 서비스에서 가져온 경우에도 동적으로 생성 된 콘텐츠의 색인을 생성하지만 콘텐츠가 “너무 늦게 도착”하는 경우 색인이 생성된다는 보장은 없습니다.

참고