핵심 Web Vitals – 알아야 할 사항

게시 됨: 2020-06-03

뉴스레터 134화 에서 Google이 Google Search Console의 속도 보고서를 변경했다고 보고했습니다. 변경 사항은 속도 보고서가 이제 "Core Web Vitals" 보고서라고 하며 2020년 5월 5일 Google에서 출시한 새로운 Web Vitals 엔진에서 데이터를 가져옴을 의미합니다.

GSC 보고서는 이전 속도 보고서와 유사하지만 여러 가지 새로운 주요 지표인 LCP(Large Contentful Paint)를 포함합니다. 첫 번째 입력 지연(FID); 및 누적 레이아웃 시프트(CLS). 우리는 그것이 더 많거나 적을 것이라고 생각했습니다 ...

그런 다음 2020년 5월 28일 Google Webmasters Central 블로그 게시물 에서 Google이 핵심 성능 평가 지표를 기존 페이지 경험 순위 신호와 통합할 것이라고 미리 발표했습니다.

그래서…. 우리는 작업을 시작했고 이 제안 업데이트에 대해 찾을 수 있는 모든 정보를 수집하여 한 곳에 모으려고 했습니다. 이것이 독자들에게 무슨 일이 일어나고 있고 무엇이 바뀌었으며 이 업데이트를 어떻게 준비해야 하는지 명확히 하는 데 도움이 되기를 바랍니다.

공고에 또 어떤 내용이 있었는지

순위 신호로 Core Web Vitals 메트릭은 최소한 2021년까지 통합되지 않습니다. Google은 매년 통합하려는 추가 측정항목과 함께 순위 엔진에 포함되기 6개월 전에 알림을 제공할 것이라고 말합니다.

그들은 또한 이것이 모바일의 주요 뉴스에 표시되는 콘텐츠에 대한 순위 기준의 일부로 사용될 것이라고 말했습니다. 이를 통해 Google은 AMP 페이지가 주요 뉴스에 표시되는 현재 기본 설정을 제거할 수 있습니다.

Google은 현재 핵심 성능 평가 도구에 대한 액세스를 제공 하므로 웹마스터가 사이트 평가를 시작하고 변경에 따라 적절한 변경을 할 수 있습니다.

기존 페이지 경험 신호

우리가 말했듯이 Core Web Vitals는 Google이 순위에 직접 사용 하는 기존 페이지 경험 신호와 결합될 것입니다. 이러한 신호는 핵심 웹 바이탈과 마찬가지로 페이지를 기준으로 평가됩니다.

다음 중 상당수는 대부분의 사용자에게 친숙할 것입니다.

  • 모바일 친화성
  • 세이프 브라우징(악성 콘텐츠, 소셜 엔지니어링 등 없음)
  • HTTPS
  • 방해가 되는 전면 광고

Google 대변인은 일부 신호가 종종 승부차기로 간주되며 여전히 사용자에게 최고의 콘텐츠를 제공하는 데 집중하고 있다고 여러 번 언급했습니다. 페이지 경험 에 대한 문서에서 다음과 같이 반복됩니다.

그러나 발표에 요약된 바와 같이 우수한 페이지 경험은 Google이 대체로 유사한 고품질 콘텐츠를 선택할 때 순위 결정을 내리는 데 도움이 될 수 있습니다.

우리의 해석은 경쟁자와 유사한 콘텐츠가 있는 경우 좋은 페이지 경험이 바늘을 더 높은 순위 위치로 옮기는 데 도움이 될 수 있다는 것입니다. Core Web Vitals의 메트릭은 이러한 경우에 집중할 수 있는 좋은 영역이 될 것입니다.

if you have 그러나 (이 부분이 중요합니다) - 경쟁자에 비해 열등한 콘텐츠 가 있는 경우 핵심 웹 Vitials 점수로 작업하는 것만으로는 앞으로 나아갈 수 없습니다.

콘텐츠는 여전히 King/Queen이며 주요 초점으로 남아 있어야 합니다.

핵심 활력소는 무엇입니까?

따라서 이미 최고 수준의 콘텐츠가 있는 경우 Web Core Vitals 지표를 평가하여 이러한 변경 사항에 대한 준비가 되어 있는지 확인하고 필요한 경우 원하는 순위 우위를 제공할 수 있도록 개선해야 합니다. .

그러나 핵심 Web Vitals는 무엇입니까? 그들을 어떻게 보십니까? 무엇에 집중해야 할까요?

우리는 Google 웹마스터 트렌드 분석가, John Mueller 및 이에 대한 기타 SEO 해석의 최근 조언 과 함께 Google이 제공한 모든 문서를 검토하여 다음 개요를 제공하는 데 시간을 할애 했습니다.

핵심 성능 평가는 페이지 경험의 세 가지 측면( 로딩, 상호 작용, 시각적 안정성) 에 중점을 둡니다 . 각각은 별도의 메트릭으로 표시됩니다. 차례대로 하나씩 가져갑시다.

최대 함량 페인트(LCP) - 로드 중

John이 지적했듯이 이것은 이미 PageSpeed ​​Insights Tool 및 기타 여러 개발자 도구 내의 측정항목입니다. 가장 큰 콘텐츠가 포함된 페인트는 사용자에게 페이지가 얼마나 잘 로드되는지 평가하기 위해 설계된 측정항목입니다 . Google의 전체 문서는 여기 에서 찾을 수 있습니다 .

측정항목은 페이지에서 가장 큰 콘텐츠가 렌더링되는 데 걸리는 시간을 나타냅니다. Google은 이 테스트의 결과를 3개의 버킷(녹색, 주황색 및 빨간색)에 넣습니다.

LCP 렌더링 점수가 2.5초 미만이면 개선할 수 있음을 나타냅니다.

렌더링하는 데 4초 이상이 걸리며 실제로 개선해야 합니다!

Google은 계속해서 로드 페이지의 최소 75%가 "양호"로 평가되는 2.5초 기준을 충족하는지 확인하기를 원한다고 밝혔습니다.

Google은 가장 큰 콘텐츠가 포함된 페인트 API 에 지정된 대로 페이지에서 가장 큰 콘텐츠인지 여부에 대해 다음 요소를 고려합니다 .

one MHC Insight: John Mueller와 Martin Splitt이 등장하는 최근 #AskGoogleWebmasters 비디오 (최근에 보다 전체적인 접근 방식이 공개되기 전에 페이지 속도 점수에 대해 논의함)에서 Martin은 Google이 제공 할 대신, 가능한 한 빨리 만들려고 노력하고 "완벽한 숫자"를 찾지 마십시오. 이런 일은 절대 일어나지 않을 것입니다. 귀하, 귀하의 청중 및 귀하의 웹 사이트에 중요한 것이 무엇인지 살펴보십시오. 이 개념은 모든 Web Vitals 측정항목에 적용되어야 합니다.

첫 번째 입력 지연(FID) - 상호 작용

첫 번째 입력 지연 메트릭은 페이지 의 상호 작용 평가에 중점을 둡니다 .

사용자가 페이지와 처음 상호작용을 시도할 때 페이지의 반응성 수준을 측정하는 것으로 보입니다. 다시 말하지만, 이것은 새로운 측정항목이 아니며 여기에 Google에서 제공하는 문서가 있습니다.

FID는 사용자가 브라우저에서 사이트로부터 응답을 받는 데 걸리는 시간을 측정합니다. 이러한 상호 작용의 예에는 다음이 포함되지만 이에 국한되지는 않습니다.

  • 링크 또는 버튼 클릭
  • 빈 필드에 텍스트 입력
  • 드롭다운 메뉴 선택
  • 확인란을 클릭합니다.

일반적으로 다음 html 요소와 상호 작용하는 모든 것:

여기에는 페이지를 확대 및 축소할 때 스크롤하는 것과 같은 지속적인 작업이 포함되지 않습니다.

John Mueller가 강조 했듯이 Google은 사용자가 실제로 귀하의 페이지와 상호작용하는 경우 에만 이 측정항목 을 측정할 수 있습니다. web.dev 게시물은 이에 대해 자세히 설명합니다.

따라서 그들은 이 측정항목에 대한 필드 데이터(실험실이 아닌 제어 데이터라고도 함)만 제공할 수 있습니다. 이 측정항목에 대해 100ms 미만의 점수를 얻으려고 하며 Google은 페이지의 약 75%에서 이 점수를 확인하고 있습니다.

이 측정항목(개선 및 측정 모두)의 가장 큰 문제 중 하나는 JavaScript가 많은 페이지를 실행하는 경우입니다. 다른 게시물에서 이를 다룰 수도 있습니다. 지금 은 자세한 내용을 보려면 web.dev 문서를 참조하는 것이 좋습니다. Web Vitals Chrome 확장 프로그램 을 설치하여 추가 코드를 작성하지 않고도 이러한 측면을 측정할 수도 있습니다.

CLS(누적 레이아웃 이동) - 시각적 안정성

이전에 순위 지정에 어떻게 사용되었는지는 알 수 없지만 LCP와 FID는 모두 한동안 사용 가능한 지표였으며 많은 웹 개발자가 이에 익숙할 것입니다.

CLS(Cumulative Layout Shift)는 페이지의 시각적 안정성 평가를 목표로 하는 완전히 새로운 측정항목입니다 .

시각적 안정성이란 무엇입니까? 도착한 후 새로운 요소가 나타나기 때문에 콘텐츠가 이동하는(특히 모바일에서) 페이지를 경험했을 것입니다. 때때로 이로 인해 실수로 광고를 클릭하게 되며 일반적으로 짜증나는 페이지 경험입니다.

CLS 는 "페이지의 수명 동안 발생하는 모든 예기치 않은 레이아웃 변경에 대한 모든 개별 레이아웃 변경 점수의 합계" 를 측정 합니다 .

이를 위해 브라우저는 뷰포트 크기와 불안정한 요소의 움직임을 확인합니다. 점수는 교대조가 미치는 영향과 교대조 거리의 합계로 측정됩니다.

여기에는 사용자가 페이지 요소를 이동시키는 링크나 버튼을 클릭하는 경우와 같이 예상되는 레이아웃 이동 이 포함되지 않는다는 점에 유의하는 것이 중요합니다 .

다음은 핵심 성능 평가에서 이러한 점수를 평가하기 위해 Google이 제공하는 세 가지 버킷입니다. 다시 말하지만, 그들은 귀하의 페이지의 최소 75%에 대해 "좋은" 점수를 받을 것을 권고합니다.

자신의 핵심 핵심 성능 보고서를 보는 방법

Chrome 사용자 경험 보고서 , PageSpeed ​​Insights 및 현재 Google Search Console 내 에서 이러한 새로운 측정항목에 대한 현장 및 실험실 데이터를 모두 평가할 수 있습니다 .

이러한 모든 도구에 대해 랩 및 현장 테스트 점수를 모두 받게 됩니다. John은 놓친 것이 있는 경우 두 가지를 모두 확인하는 것이 좋습니다 . 그러나 현장 데이터가 더 중요할 것이라는 점을 이해해야 합니다.

또한 Dan Taylor는 WordPress 사이트용 플러그인을 개발하여 이 데이터를 Google Analytics 대시보드에 통합할 수 있습니다. 우리는 이것을 아직 테스트하지 않았으므로 당신이 가지고 있다면 우리는 당신의 경험을 듣고 싶습니다!

마지막으로 Dave Smart 는 브라우저에서 페이지에 대한 Web Vitals 결과를 보는 데 사용할 수 있는 이 편리한 새 Chrome 확장 프로그램 을 지적했습니다 .

MHC에서 앞으로 몇 개월 동안 이 보고서를 더 많이 사용하여 각 보고서에서 얻을 수 있는 것을 평가하고 고객을 위해 얻을 수 있는 통찰력을 확인할 것입니다.

핵심 Web Vitals 및 주요 뉴스/AMP

웹마스터 블로그 에 대한 Google 발표의 두 번째 부분은 핵심 성능 지표 지표가 모바일 검색의 주요 뉴스 SERP 기능에 포함될 페이지의 적격성을 평가하는 데에도 사용된다는 것입니다.

전통적으로 Google은 수요가 많고 변동성이 큰 SERP 기능을 위해 AMP 페이지에 중점을 두었습니다.

Google의 논리는 이 기능이 사용자에게 새롭고 새로운 콘텐츠를 표시하기 위한 것이므로 모바일 사용자가 해당 콘텐츠에 쉽게 액세스할 수 있다는 것을 빠르게 알 수 있기를 원한다는 것입니다.

Core Web Vitals의 도입으로 페이지의 AMP 버전이 모바일의 주요 뉴스 기능에 표시될 가능성이 높아야 한다는 요구 사항도 제거되었습니다. 포함하려면 페이지 경험 이 더 큰 요소가 될 것입니다.

여전히 Google 뉴스 콘텐츠 정책 을 준수해야 하며 AMP 페이지가 있는 경우 Google에서 이를 계속 제공합니다.

지금까지 Google에서 이에 대해 직접 들은 것은 다음과 같습니다.

원탁 회의에서 Aleyda의 팁(자세한 내용은 아래 참조)에서 한 가지 중요한 정보는 이미 AMP 페이지를 제공하고 있다면 여기에서 Google이 페이지 경험을 평가할 것이라는 점입니다.

실제로 AMP 페이지는 디자인 상 이미 모바일 페이지 경험에 대해 매우 높은 점수를 받아야 합니다. 따라서 Google이 AMP 추진을 완전히 포기하지 않고 있다고 생각합니다.

Google 라운드 테이블 토론

발표 후, 우리가 가장 좋아하는 두 SEO인 Aleyda Solis 와 Glenn Gabe 는 모두 변경 사항에 대해 Google(Chrome 팀 포함)과의 원탁 토론과 관련하여 Twitter 스레드를 게시했습니다.

선택해야 할 가장 중요한 몇 가지 사항은 다음과 같습니다.

  • 페이지 수준에서 평가되는 동안. 즉, 여러 페이지의 성능이 좋지 않으면 더 많은 페이지에 영향을 줄 수 있습니다.
  • Top Stories 자격의 경우 최소 점수 요건은 없습니다.
  • 현재 CLS에서 낮은 점수를 받은 페이지 가 이미 순위 지정에 어려움을 겪고 있을 수 있다는 제안 이 있습니다.
  • 새로운 Core Web Vitals는 향후 추가될 수 있으며 Google에서 미리 알려드립니다. 이것은 아마도 매년 일어날 것입니다.

이 정보를 커뮤니티와 공유해 주신 Aleyda 와 Glenn 에게 대단히 감사합니다 !

결론

Google이 알고리즘에 새로운 순위 신호를 추가할 것이라고 공식적으로 발표할 때마다 검색 커뮤니티에는 많은 소음이 있습니다.

이 게시물이 그 소음을 줄이는 데 도움이 되었기를 바랍니다.

결국 모든 핵심 성능 평가는 웹에서 더 나은 사용자 경험을 원하는 Google과 사용자의 바람을 반영합니다.

Google 측에서는 이러한 개선을 장려하기 위해 "당근과 채찍" 방식의 일부로 이러한 변경 사항을 사전에 통지하고 있을 수 있습니다. "페이지 경험을 향상시키십시오", 그리고 "우리 가 귀하의 순위를 향상시킬 수 있습니다"라고 말합니다.

많은 SEO가 사이트 소유자로서 "유용하게" 지적했듯이 페이지 경험은 귀하에게 관계없이 매우 중요해야 합니다. 예, 좋은 페이지 경험이 없으면 전환하고 독자층을 유지하는 데 어려움을 겪을 수 있으며 사이트/비즈니스의 전반적인 평판이 낮아질 수 있습니다.

그러나 현실은 많은 사이트 소유자와 SEO가 10년 이상의 경력을 가진 정규직 업계 전문가가 아니라는 것입니다.

많은 사람들이 회사에서 다른 중요한 역할을 수행하고, 많은 사람들이 독학으로 배우며, 우리 모두는 모든 변경 사항을 배우고 최신 상태로 유지하려고 노력하고 있습니다.

제 생각에 Google의 당근과 채찍은 이기심에서 비롯된 것일 수 있지만 다음과 같은 이점이 있습니다.

  • 사용하기 쉬운 무료 분석 도구에 대한 액세스
  • 12개월 헤드가 분석 및 개선을 시작합니다.
  • 실제로 실적이 저조한 페이지에 대한 '범인'

이 모든 것이 우리 모두에게 더 나은 웹 경험을 제공하는 데 도움이 될 것입니다!

기억하세요. 이러한 지표에서 페이지의 성능이 아무리 우수하더라도 순위를 매기기 위해서는 여전히 최고의 콘텐츠가 필요합니다!