모바일 중심 색인 생성 권장사항

모바일 중심 색인 생성이란 Google에서 색인을 생성하고 순위를 지정하는 데 모바일 버전의 콘텐츠를 우선적으로 사용한다는 의미입니다. 기존에는 색인에서 페이지와 사용자 검색어의 관련성을 평가할 때 기본적으로 데스크톱 버전의 페이지 콘텐츠가 사용되었습니다. 하지만 이제는 사용자 대부분이 모바일 기기에서 Google 검색에 액세스하므로, 앞으로는 Googlebot이 기본적으로 스마트폰 에이전트를 사용하여 페이지를 크롤링하고 색인을 생성할 예정입니다.

2019년 7월 1일부터 모든 신규 웹사이트(웹에 새로 게재되었거나 이전에 Google 검색에서 발견하지 못한 웹사이트)에 기본적으로 모바일 중심 색인 생성이 사용됩니다. 이전 또는 기존 웹사이트의 경우 계속해서 이 가이드에 자세히 설명된 권장사항에 따라 페이지를 모니터링하고 평가합니다. Google에서는 사이트가 모바일 중심 색인 생성으로 전환된 날짜를 Search Console을 통해 사이트 소유자에게 알립니다.

사용자에게 최상의 환경을 제공할 수 있도록 이 가이드에 설명된 권장사항을 따르세요.

Googlebot이 콘텐츠에 액세스하고 렌더링할 수 있는지 확인하기

Googlebot이 모바일 페이지 콘텐츠 및 리소스에 액세스하고 렌더링할 수 있는지 확인하세요.

  • 모바일과 데스크톱 사이트에서 동일한 메타 로봇 태그를 사용합니다. 모바일 사이트에서 다른 메타 로봇 태그를 사용하는 경우(특히 noindex 또는 nofollow) 사이트에 모바일 중심 색인 생성이 사용 설정되면 Google에서 페이지를 크롤링하거나 색인을 생성하지 못할 수 있습니다.
  • 사용자 상호작용 시 주 콘텐츠에 대해 지연 로드 방식을 사용하지 않습니다. Googlebot은 로드하기 위해 사용자 상호작용(예: 스와이프, 클릭, 입력)이 필요한 콘텐츠를 로드하지 않습니다. Google에서 지연 로드 콘텐츠를 볼 수 있는지 확인하기
  • Google에서 리소스를 크롤링할 수 있도록 합니다. 일부 리소스의 경우 모바일 사이트와 데스크톱 사이트의 URL이 다릅니다. Google에서 URL을 크롤링하도록 하려면 disallow 명령어로 URL을 차단하지 않는지 확인하세요.

데스크톱과 모바일에서 콘텐츠가 동일한지 확인하기

  • 모바일 사이트에 데스크톱 사이트와 동일한 콘텐츠가 포함되어 있는지 확인합니다. 모바일 사이트에 데스크톱 사이트보다 적은 콘텐츠가 포함되어 있다면 모바일 사이트의 주 콘텐츠가 데스크톱 사이트에 상응하도록 모바일 사이트를 업데이트하는 것이 좋습니다. 사이트의 거의 모든 색인 생성은 모바일 사이트에서 이루어집니다.
  • 데스크톱 사이트와 마찬가지로 모바일 사이트에도 명확하고 의미 있는 제목을 사용합니다.

구조화된 데이터 확인하기

사이트에 구조화된 데이터가 있다면 사이트의 두 버전 모두에 있는지 확인해야 합니다. 다음과 같은 사항을 확인하세요.

  • 모바일과 데스크톱 사이트의 구조화된 데이터가 동일한지 확인합니다. 모바일 사이트에 추가하는 데이터 유형의 우선순위를 정해야 한다면 Breadcrumb, ProductVideoObject 구조화된 데이터로 시작하세요.
  • 구조화된 데이터에 올바른 URL을 사용합니다. 모바일 버전의 구조화된 데이터에 포함된 URL을 모바일 URL로 업데이트해야 합니다.
  • 데이터 하이라이터를 사용하면 모바일 사이트에서 학습시킵니다. 데이터 하이라이터를 사용하여 구조화된 데이터를 제공하는 경우 데이터 하이라이터 대시보드에서 추출 오류가 있는지 정기적으로 확인하세요.

두 버전의 사이트에 동일한 메타데이터 삽입하기

구체적인 제목메타 설명이 사이트의 두 버전 모두에서 동일해야 합니다.

광고 게재위치 확인하기

광고가 모바일 페이지 순위에 악영향을 주지 않도록 하세요. 휴대기기에 광고를 게재할 때는 더 나은 광고 표준(Better Ads Standard)을 따르세요. 예를 들어 페이지 상단의 광고는 휴대기기에서 너무 많은 공간을 차지하여 사용자 환경을 해칠 수 있습니다.

시각적 콘텐츠 확인하기

이미지 확인하기

모바일 사이트의 이미지가 이미지 권장사항을 준수하는지 확인하세요. 특히 다음 사항은 따르는 것이 좋습니다.

  • 고화질 이미지를 제공합니다. 모바일 사이트에서 크기가 너무 작거나 해상도가 낮은 이미지는 사용하지 마세요.
  • 지원되는 이미지 형식을 사용합니다. 지원되지 않는 형식이나 태그는 사용하지 마세요. 예를 들어 Google에서 SVG 형식 이미지는 지원하지만 Google의 시스템에서 인라인 SVG 내의 <image> 태그에 있는 .jpg 이미지 색인을 생성할 수 없습니다.
  • 페이지가 로드될 때마다 달라지는 이미지 URL은 사용하지 않습니다. 계속 달라지는 URL을 사용하면 Google에서 리소스를 올바르게 처리하고 색인을 생성할 수 없습니다.
  • 모바일 사이트에 데스크톱 사이트와 동일한 이미지 대체 텍스트가 있어야 합니다. 데스크톱 사이트에서와 마찬가지로 모바일 사이트의 이미지에 구체적인 대체 텍스트를 사용하세요.
  • 모바일 페이지의 콘텐츠 품질이 데스크톱 페이지만큼 양호해야 합니다. 모바일 사이트에서 이미지와 관련된 구체적인 제목, 캡션, 파일 이름, 텍스트를 데스크톱 사이트와 동일하게 사용하세요.

동영상 확인하기

모바일 사이트의 동영상이 동영상 권장사항을 준수하는지 확인하세요. 특히 다음 사항은 따르는 것이 좋습니다.

  • 페이지가 로드될 때마다 달라지는 동영상 URL은 사용하지 않습니다. 계속 달라지는 URL을 사용하면 Google에서 리소스를 올바르게 처리하고 색인을 생성할 수 없습니다.
  • 지원되는 동영상 형식을 사용하고 지원되는 태그에 동영상을 배치합니다. 동영상은 페이지에서 <video>, <embed>, <object>와 같은 HTML 태그를 통해 식별됩니다.
  • 모바일 사이트와 데스크톱 사이트에 동일한 동영상 구조화된 데이터를 사용합니다. 자세한 내용은 구조화된 데이터 확인하기를 참조하세요.
  • 휴대기기에서 동영상을 볼 때 페이지에서 찾기 쉬운 위치에 배치합니다. 예를 들어 사용자가 모바일 페이지에서 동영상을 찾기 위해 너무 아래로 스크롤해야 하는 경우 동영상 순위가 낮아질 수 있습니다.

별도 URL에 관한 추가 권장사항

사이트의 데스크톱 및 모바일 버전에서 별도 URL(m. URL이라고도 함)을 사용하는 경우 다음의 추가 권장사항을 따르는 것이 좋습니다.

  • 데스크톱 및 모바일 사이트에서 오류 페이지 상태가 동일해야 합니다. 데스크톱 사이트에서는 정상적인 콘텐츠를 게재하고 모바일 사이트에서는 오류 페이지를 표시하면 이 페이지는 색인에서 누락됩니다.
  • 모바일 버전에 프래그먼트 URL이 없어야 합니다. URL의 프래그먼트 부분은 # 기호로 시작하는 URL의 끝부분입니다. 대부분 프래그먼트 URL은 색인 생성이 불가능하며 도메인에 모바일 중심 색인 생성을 사용 설정하고 나면 이러한 페이지는 색인에서 누락됩니다.
  • 여러 콘텐츠를 게재하는 데스크톱 버전은 이에 상응하는 모바일 버전이 있어야 합니다. 여러 URL이 휴대기기에서 같은 URL(예: 홈페이지)로 리디렉션되는 경우 도메인에 모바일 중심 색인 생성을 사용 설정하면 이러한 모든 페이지는 색인에서 누락됩니다.
  • Search Console에서 사이트의 두 버전을 모두 확인하여 두 버전 모두에 관한 데이터와 메시지에 액세스할 수 있도록 합니다. Google에서 사이트의 색인 생성을 모바일 중심으로 전환할 때 데이터에 변동이 발생할 수도 있습니다.
  • 별도 URL의 hreflang 링크를 확인합니다. 다국어화rel=hreflang 링크 요소를 사용하는 경우 모바일과 데스크톱 URL을 따로 연결합니다. 모바일 URL의 hreflang은 모바일 URL로 연결되고, 마찬가지로 데스크톱 URL hreflang은 데스크톱 URL로 연결되어야 합니다.
  • 사이트의 모바일 버전에서 잠재적인 크롤링 속도 증가를 처리할 수 있을 정도로 모바일 사이트의 용량이 충분한지 확인합니다.
  • robots.txt 명령어가 사이트의 두 버전 모두에서 정상적으로 작동하는지 확인합니다. robots.txt 파일을 사용하면 웹사이트에서 크롤링할 부분을 지정할 수 있습니다. 대부분 사이트의 모바일 버전과 데스크톱 버전에 동일한 robots.txt 명령어를 사용해야 합니다.
  • 모바일 버전과 데스크톱 버전 사이에 올바른 rel=canonicalrel=alternate 링크 요소를 사용합니다.

문제해결

사이트에서 모바일 중심 색인 생성이 사용 중지되거나 사이트에 모바일 중심 색인 생성을 사용 설정한 후 순위가 떨어지는 문제를 발생시킬 수 있는 가장 일반적인 오류는 다음과 같습니다. 사이트에 모바일 중심 색인 생성을 사용 설정하지 않았거나, 사이트에 모바일 중심 색인 생성을 사용 설정한 후 순위가 떨어졌거나 Search Console에서 메시지를 받았다면 일반적인 오류 목록에서 해결할 수 있는 문제가 있는지 확인해 보세요.

오류

구조화된 데이터 누락

오류 문제의 원인: 데스크톱 페이지에 포함된 구조화된 데이터 마크업 중 일부가 모바일 페이지에 없습니다.

완료 문제 해결

  1. 구조화된 데이터가 사이트의 데스크톱 버전과 모바일 버전 모두에 있는지 확인합니다.
  2. 모바일과 데스크톱 사이트의 구조화된 데이터가 동일한지 확인합니다.
  3. 구조화된 데이터에 올바른 URL을 사용합니다. 모바일 버전의 구조화된 데이터에 포함된 URL을 올바른 URL로 업데이트해야 합니다.
  4. 구조화된 데이터의 추출 오류를 확인합니다. 데이터 하이라이터를 사용하여 구조화된 데이터를 제공하는 경우 데이터 하이라이터 대시보드에서 추출 오류가 있는지 정기적으로 확인하세요.
  5. URL 검사 도구를 사용하여 렌더링된 페이지에 콘텐츠가 표시되는지 확인합니다. 렌더링된 페이지는 Googlebot이 보는 페이지입니다.

페이지의 noindex 태그

오류 문제의 원인: noindex 태그로 인해 모바일 페이지의 색인 생성이 차단되었습니다.

완료 문제 해결: 모바일 사이트와 데스크톱 사이트에 동일한 메타 로봇 태그를 사용합니다. 모바일 페이지에 noindex 태그를 사용하지 마세요. 사용할 경우 사이트에 모바일 중심 색인 생성이 사용 설정되면 Google에서 페이지의 색인을 생성하지 않게 됩니다.

이미지 누락

오류 문제의 원인: 데스크톱 페이지에 포함된 중요 이미지 중 일부가 모바일 페이지에 없습니다.

완료 문제 해결

  1. 모바일 사이트에 데스크톱 사이트와 동일한 콘텐츠가 포함되어 있는지 확인합니다. 모바일 사이트에 데스크톱 사이트보다 적은 콘텐츠가 포함되어 있다면 모바일 사이트의 주 콘텐츠가 데스크톱 사이트에 상응하도록 모바일 사이트를 업데이트하는 것이 좋습니다. 모바일 사이트에 표시되는 콘텐츠만 색인 생성에 사용됩니다.
  2. 모바일 사이트와 데스크톱 사이트에 동일한 메타 로봇 태그를 사용합니다. 모바일 페이지에 nofollow 태그를 사용하지 마세요. 사용할 경우 사이트에 모바일 중심 색인 생성이 사용 설정되면 Google에서 페이지의 이미지를 크롤링하거나 색인을 생성하지 않게 됩니다.
  3. 이미지에 지원되는 형식 및 태그를 사용합니다. 예를 들어 Google에서 SVG 형식 이미지는 지원하지만 Google의 시스템에서 인라인 SVG 내의 <image> 태그에 있는 .jpg 이미지 색인을 생성할 수 없습니다.
  4. 사용자 상호작용 시 주 콘텐츠에 대해 지연 로드 방식을 사용하지 않습니다. Googlebot은 로드하기 위해 사용자 상호작용(예: 스와이프, 클릭, 입력)이 필요한 콘텐츠를 로드하지 않습니다. Google에서 지연 로드 콘텐츠를 볼 수 있어야 합니다.

차단된 이미지

오류 문제의 원인: 모바일 페이지에 있는 중요 이미지가 robots.txt로 차단되었습니다.

완료 문제 해결: Google에서 리소스를 크롤링할 수 있도록 합니다. 일부 이미지의 경우 모바일 사이트와 데스크톱 사이트의 URL이 다릅니다. Google에서 URL을 크롤링하도록 하려면 disallow 명령어로 URL을 차단하지 마세요.

저화질 이미지

오류 문제의 원인: 모바일 페이지에 포함된 중요 이미지가 너무 작거나 저화질입니다.

완료 문제 해결: 고화질 이미지를 제공합니다. 모바일 사이트에서 크기가 너무 작거나 해상도가 낮은 이미지는 사용하지 마세요.

대체 텍스트 누락

오류 문제의 원인: 모바일 페이지에 포함된 중요 이미지에 대체 텍스트가 없습니다.

완료 문제 해결: 데스크톱 사이트에서와 마찬가지로 모바일 사이트의 이미지에 구체적인 대체 텍스트를 동일하게 사용합니다.

페이지 제목 누락

오류 문제의 원인: 모바일 페이지에 제목이 없습니다.

완료 문제 해결: 사이트의 두 버전에서 제목메타 설명이 동일한지 확인합니다.

모바일 URL이 오류 페이지임

오류 문제의 원인: 모바일 페이지가 오류 페이지입니다.

완료 문제 해결: 데스크톱 및 모바일 사이트에서 오류 페이지 상태가 동일한지 확인합니다. 데스크톱 사이트에서는 정상적인 콘텐츠를 게재하고 모바일 사이트에서는 오류 페이지를 표시하면 이 페이지는 색인에서 누락됩니다.

모바일 URL에 앵커 프래그먼트가 있음

오류 문제의 원인: 모바일 URL에 앵커 프래그먼트가 포함되어 있습니다. Google에서는 프래그먼트가 포함된 URL의 색인을 생성할 수 없습니다.

완료 문제 해결: 모바일 버전에 프래그먼트 URL이 없는지 확인합니다. 대부분 프래그먼트 URL은 색인 생성이 불가능하며 도메인에 모바일 중심 색인 생성을 사용 설정하고 나면 이러한 페이지는 색인에서 누락됩니다.

모바일 페이지가 robots.txt로 차단됨

오류 문제의 원인: 모바일 페이지가 robots.txt 규칙으로 차단되었습니다.

완료 문제 해결: robots.txt 명령어와 로봇 메타 태그가 사이트의 두 버전 모두에 맞게 작동하는지 확인합니다. 사이트의 모바일 및 데스크톱 버전 모두에 동일한 robots.txt 명령어를 사용하세요.

모바일 페이지 대상이 중복됨

오류 문제의 원인: 여러 데스크톱 페이지가 동일한 모바일 페이지로 리디렉션됩니다.

완료 문제 해결: 여러 콘텐츠를 게재하는 데스크톱 버전에 상응하는 모바일 버전이 있어야 합니다. 휴대기기에서 여러 URL이 동일한 URL로 리디렉션되는 경우 도메인에 모바일 중심 색인 생성을 사용 설정하면 이러한 모든 페이지는 색인에서 누락됩니다.

데스크톱 사이트가 모바일 홈페이지로 리디렉션됨

오류 문제의 원인: 데스크톱 사이트에 있는 대부분의 페이지 또는 모든 페이지가 모바일 사이트 홈페이지로 리디렉션됩니다.

완료 문제 해결: 데스크톱 버전에 동일한 모바일 버전이 있어야 합니다. 서로 다른 URL이 휴대기기의 홈페이지로 리디렉션되는 경우 도메인이 모바일 중심 색인 생성으로 이전되고 나면 이러한 페이지는 색인에서 누락됩니다.

페이지 품질 문제

오류 문제의 원인: 모바일 페이지에 광고 문제가 있거나 페이지에서 콘텐츠, 제목 또는 이미지 설명 요소가 누락되었습니다.

완료 문제 해결

  1. 광고가 모바일 페이지 순위에 악영향을 주지 않도록 하세요. 휴대기기에 광고를 게재할 때는 더 나은 광고 표준(Better Ads Standard)을 따르세요.
  2. 모바일 사이트에 데스크톱 사이트와 동일한 콘텐츠가 포함되어 있는지 확인합니다. 모바일 사이트에 데스크톱 사이트보다 적은 콘텐츠가 포함되어 있다면 모바일 사이트의 주 콘텐츠가 데스크톱 사이트에 상응하도록 모바일 사이트를 업데이트하는 것이 좋습니다. 모바일 사이트에 표시되는 콘텐츠만 색인 생성에 사용됩니다.
  3. 데스크톱 사이트와 마찬가지로 모바일 사이트에도 명확하고 의미 있는 제목을 사용해야 합니다.
  4. 모바일 사이트에서 이미지와 관련된 구체적인 제목, 캡션, 파일 이름, 텍스트를 데스크톱 사이트와 동일하게 사용하세요.

동영상 문제

오류 문제의 원인: 모바일 페이지에 있는 동영상이 지원되지 않는 형식이거나, 찾기 힘든 위치에 있거나, 메타 설명이 누락되었거나, 매우 느리게 로드됩니다.

완료 문제 해결

  1. 지원되는 동영상 형식을 사용하고 지원되는 태그에 동영상을 배치합니다. 동영상은 페이지에서 <video>, <embed>, <object>와 같은 HTML 태그를 통해 식별됩니다.
  2. 사용자 상호작용 시 주 콘텐츠에 대해 지연 로드 방식을 사용하지 않습니다. Googlebot은 로드하기 위해 사용자 상호작용(예: 스와이프, 클릭, 입력)이 필요한 콘텐츠를 로드하지 않습니다. Google에서 지연 로드 콘텐츠를 볼 수 있어야 합니다.
  3. 모바일 사이트에서 쉽게 찾을 수 있는 위치에 동영상을 배치합니다. 예를 들어 사용자가 모바일 페이지에서 동영상을 찾기 위해 너무 아래로 스크롤해야 하는 경우 동영상 순위가 낮아질 수 있습니다.

변경 로그

Google에서는 모바일 중심 색인 생성에 관해 여러 소식을 발표했습니다. 다음은 발표된 모든 내용의 변경 로그입니다.

변경 로그
2019년 5월 28일 모바일 중심 색인 생성은 2019년 7월 1일부터 이전에 Google 검색에서 발견하지 못한 신규 웹사이트에 기본적으로 적용됩니다. 이전 사이트의 경우 준비 여부를 확인하기 위해 페이지가 계속해서 모니터링 및 평가되며, 사이트가 준비되면 Search Console을 통해 사이트 소유자에게 알림이 전송됩니다.
2018년 3월 26일 모바일 중심 색인 생성이 더 많은 사이트에 적용됩니다. 모바일 중심 색인 생성에 대비하는 방법이 게시되었습니다. 모바일 중심 색인 생성으로 수집된 콘텐츠가 아직 이 방법으로 수집되지 않은 모바일 콘텐츠나 데스크톱 콘텐츠에 비해 순위가 높게 지정되는 것은 아닙니다.
2018년 12월 19일 사이트를 모바일 중심 색인 생성으로 전환할 때 Search Console을 통해 사이트 소유자에게 알림이 전송됩니다. 구조화된 데이터와 Alt 속성이 두 버전의 페이지에 모두 있는지 확인하여 모바일 중심 색인 생성을 준비하시기 바랍니다.
2017년 12월 18일 Google에서 준비 여부를 확인하기 위해 사이트를 평가하고, 준비된 사이트에는 모바일 중심 색인 생성을 신중하게 적용할 예정입니다.
2016년 11월 4일 색인 생성을 모바일 중심으로 전환하기 위해 실험 단계를 거치고 있습니다.