더 나은 SEO 및 UX를 위해 핵심 Web Vitals를 최적화하는 방법

요약: Google은 2022년 3월 말까지 페이지 경험이 데스크톱 검색의 순위 요소가 될 것이라고 발표했습니다. 긍정적인 고객 경험을 보장하고 전환율을 보호하기 위해 핵심 성능 평가 신호를 모니터링하십시오.

섹션으로 이동:

• 데스크톱 페이지 환경 업데이트란 무엇입니까?
• 다른 순위 요소에 비해 페이지 경험이 얼마나 중요합니까?
• 페이지 경험이 비즈니스에 미치는 영향은 무엇입니까?
• Google의 핵심 성과 지표 측정항목
• 핵심 핵심 성과 지표는 어디에서 찾을 수 있습니까?
• Botify에서 핵심 Web Vital 모니터링
• GSC의 핵심 성능 보고서
• Google 알고리즘의 기존 페이지 경험 신호
• 페이지 경험을 최적화하려면 어떻게 해야 합니까?

페이지 경험 업데이트란 무엇인가요?

훌륭한 웹 페이지 경험과 "대단한" 경험 중 하나를 선택하면 매번 훌륭한 웹 페이지를 선택할 것입니다.

메뉴가 열릴 때까지 8초를 기다려야 했던 적이 있습니까? 또는 페이지 요소가 갑자기 이동 하여 실수로 무언가를 클릭했습니까?

물론 있습니다. 우리 모두가 가지고있다.

Google은 이와 같은 상호작용이 얼마나 많은 웹사이트 경험을 망칠 수 있는지 알고 있습니다. 이것이 페이지 속도 및 모바일 친화성과 같은 순위 요인으로 경험 관련 기준을 추가한 이유입니다.

그러나 2020년 11월 Google은 포괄적인 페이지 경험 순위 요소를 만들겠다고 발표했습니다. 이 업데이트는 기존 페이지 경험 신호(예: 모바일 친화성, 침입 삽입 광고의 보급)를 통합하는 동시에 페이지 속도, 응답성 및 시각적 안정성과 관련된 속성을 측정하는 CWV(Core Web Vitals) 측정항목을 통합합니다.

이 업데이트는 2021년 6월 모바일 검색에 적용되었습니다. 페이지 경험 순위 요소 덕분에 사이트는 더 이상 주요 뉴스 결과 순위에 AMP(Accelerated Mobile Pages)가 필요하지 않습니다. 페이지가 페이지 경험 임계값을 충족하는 한 모바일 검색에서 우선 순위를 지정할 수 있었습니다.

이제 Google은 데스크톱 검색을 포함하도록 페이지 환경 업데이트를 확장하고 있습니다. 롤아웃은 2022년 3월 말까지 완료되어야 합니다.

다른 순위 요소에 비해 페이지 경험이 얼마나 중요합니까?

페이지 경험은 관련성이 높은 고품질 콘텐츠보다 덜 중요합니다. Google의 표현에 따르면 "페이지 경험의 일부 측면이 좋지 않더라도 전반적으로 최상의 정보를 제공하는 페이지에 우선 순위를 지정합니다."

그것은 당신에게 무엇을 의미합니까? 즉, 귀하의 콘텐츠가 경쟁업체와 품질 및 관련성이 비슷하지만 해당 경쟁업체가 더 나은 페이지 경험 메트릭을 갖고 있다면 경쟁업체의 페이지가 귀하의 페이지보다 순위가 높을 가능성이 높다는 것을 의미합니다.

페이지 경험이 비즈니스에 미치는 영향은 무엇입니까?

최적화된 페이지 경험은 단순히 검색 순위가 좋은 것이 아니라 전환과 고객이 브랜드를 경험하는 방식에 직접적인 영향을 미칩니다. Google은 사이트가 최소 CWV 임계값을 충족하면 사용자가 "페이지 로드를 포기할 가능성이 24% 감소"한다는 것을 발견했습니다. 중요합니다.

페이지 이탈이 없는 경우에도 느린 로드 시간은 전환에 부정적인 영향을 줄 수 있습니다. Contentsquare의 파트너는 2021년 디지털 경험 벤치마크 보고서에서 "웹 로드 시간이 100ms 감소하더라도 전환율이 7% 감소할 수 있다"고 밝혔습니다.

이러한 추세에 비추어 사용자 경험은 전자 상거래 사이트 및 디지털 트래픽에 크게 의존하는 기타 사이트의 최우선 순위가 되었습니다. Hubday에서 Alltricks의 CMO인 Yohan Michel은 자전거 및 달리기 장비 소매업체가 웹 앱 기술을 간소화하여 "항상 전환율을 높이는 것을 목표로 매우 빠르게 로드되는 훨씬 더 부드러운 모바일 사이트"를 구현하게 될 것이라고 말했습니다.

Core Web Vitals는 긍정적인 페이지 경험을 달성하는 데 필수적인 부분이므로 이것이 무엇이며 어떻게 최적화하는지 이해하는 것이 중요합니다.

Google의 핵심 Web Vital 측정항목

Google의 새로운 페이지 경험 순위 요소는 기존 페이지 경험 신호를 핵심 성능 평가 지표와 결합하지만 핵심 성능 평가란 무엇입니까?

Google은 수년 동안 추가한 사용자 경험 신호에 대한 모든 지침을 통합하고 간소화하는 방법으로 2020년 5월 5일 Core Web Vitals를 도입했습니다.

훌륭한 사용자 경험은 여러 요소로 구성되지만 Google은 모든 사이트가 갖추어야 할 세 가지 기본 요소를 식별했습니다.

• 로딩 경험 : Google은 사용자가 인지하는 로딩 속도를 측정하기 위해 "Largest Contentful Paint"(LCP) 측정항목을 사용합니다. LCP는 페이지의 기본 콘텐츠가 완전히 로드된 지점을 표시합니다. 더 알아보기.
• 상호 작용 : Google은 "First Input Delay"(FID) 측정항목을 사용하여 사용자가 페이지와 상호 작용할 수 있는 방법을 측정합니다. FID는 페이지의 반응성과 같은 항목을 측정하며 사용자가 페이지를 탐색하고 작업을 수행하려고 할 때 느끼는 느낌을 가장 정량화할 수 있는 측정값입니다. 더 알아보기.
• 시각적 안정성 : Google은 '누적 레이아웃 이동'(CLS) 측정항목을 사용하여 페이지 레이아웃이 얼마나 안정적인지 측정합니다. 즉, 사용자에게 예기치 않게 레이아웃이 얼마나 변경됩니까? 더 알아보기.

Google은 이러한 측정항목이 페이지 경험 측정항목을 간소화하기 위한 방법으로 다른 측정항목의 조합이라고 설명합니다. 예를 들어, FCP(First Contentful Paint)와 TTFB(Time to First Byte)가 좋지 않으면 좋은 LCP를 가질 수 없습니다. 핵심 Web Vitals 메트릭은 외삽 데이터(일명 "실험실 데이터")가 아닌 실제 사용 데이터(일명 "현장 데이터")를 기반으로 하기 때문에 신뢰할 수 있는 지표입니다. 해당 필드 데이터는 Chrome 사용자 경험(CrUX) 보고서에서 가져옵니다. 이 보고서는 페이지를 방문하는 실제 사람들의 실적 시간에 대한 익명화된 측정항목을 수집합니다.

핵심 핵심 성과 지표는 어디에서 찾을 수 있습니까?

Google은 이제 모든 인기 있는 개발 도구를 사용하여 핵심 웹 바이탈을 측정할 수 있다고 말합니다.

다음은 PageSpeed ​​Insights 도구의 새로운 측정항목의 예입니다.

그리고 Web.Dev 측정 도구에서:

핵심 웹 바이탈 정보는 다음에서 찾을 수 있습니다.

• Lighthouse : Chrome용 Lighthouse 확장 프로그램을 다운로드하거나 Chrome DevTools의 감사 탭을 사용합니다(URL에서 "검사"를 누르고 "감사" 탭 클릭).
• PageSpeed ​​Insights : PageSpeed ​​Insights 도구를 방문하여 평소와 같이 보고서를 실행합니다. 새로운 핵심 성능 평가 지표는 보고서 상단에 눈에 띄게 표시됩니다.
• Web Vitals Chrome 확장 프로그램 : Google은 웹페이지에서 LCP, FID 및 CLS를 측정하는 데 도움이 되는 전체 확장 프로그램을 만들었습니다. Chrome용 Web Vitals 확장 프로그램을 다운로드합니다.
• Chrome UX 보고서 API : Chrome 사용자 경험 보고서의 모든 측정항목은 API를 기반으로 합니다. 사이트 소유자는 동일한 API를 사용하여 이러한 성능 메트릭의 URL 수준 분석을 수집할 수 있습니다. Chrome UX 보고서 API에 대한 Google 문서는 여기에서 확인하세요.
• Web.dev 측정 도구 : https://web.dev/measure/를 방문하여 도구를 통해 실행하는 모든 URL에 대한 핵심 Web Vitals 데이터를 확인하십시오.
• Google Search Console : GSC의 "핵심 Web Vitals" 보고서는 상태, 측정항목 유형 및 URL 유형별로 실적을 그룹화합니다.
• Botify : 2022년 2월부터 Botify Analytics에는 페이지 유형별로 분류된 추세 보고서 및 CWV 데이터를 제공하는 CoreWebVitals 대시보드가 ​​포함됩니다.

Botify에서 핵심 Web Vital 모니터링

Botify는 Google API를 통해 CrUX 보고서에서 직접 CWV 데이터를 소싱하여 신뢰할 수 있고 타사 보고와 일치하는지 확인합니다. 그러나 Botify를 사용하여 CWV를 모니터링하는 데는 몇 가지 장점이 있습니다.

Core Web Vitals 데이터는 Botify 내에 보관되므로 플랫폼 간에 전환하지 않고도 페이지 경험을 쉽게 관리할 수 있습니다.

뿐만 아니라 페이지 유형별로 데이터를 분류하여 해당 문제가 전환 데이터에 표시되기 전에 CWV 문제가 발생한 페이지 카테고리를 표시할 수도 있습니다.

대시보드에는 시간 경과에 따른 CWV 메트릭의 변경 사항을 보여주는 여러 추세 보고서도 있습니다. 이렇게 하면 페이지 경험에 영향을 줄 수 있는 사이트 변경 사항을 식별하는 데 도움이 될 수 있습니다.

그러나 SEO는 GSC에 가장 익숙할 것이며 이를 일상 워크플로의 일부로 통합했으므로 해당 보고서를 구체적으로 살펴보겠습니다. 다른 보고서를 사용하여 핵심 성능 향상 데이터를 찾는 방법에 대한 자세한 지침을 보려면 web.dev/vitals-tools를 방문하십시오.

Google Search Console의 핵심 성능 보고서

Google Search Console에서 감사하려는 속성으로 이동하고 왼쪽 탐색 메뉴에서 "핵심 Web Vitals"를 클릭합니다.

여기에서 모바일 및 데스크톱 성능에 대한 차트를 볼 수 있습니다.

이러한 차트에는 세 가지 범주 중 하나에 속하는 URL이 포함됩니다.

• 나쁨 : LCP가 4초 이상, FID가 300ms 이상, CLS가 0.25보다 크면 URL이 "나쁨"으로 간주됩니다.
• 개선 필요 : URL은 LCP가 2.5~4초, FID가 100ms~300ms, CLS가 0.1~0.25인 경우 "개선 필요"로 간주됩니다.
• 양호 : LCP가 2.5초 미만, FID가 100ms 미만, CLS가 0.1 미만인 경우 URL에 "양호" 레이블이 지정됩니다.

이 보고서는 필드 데이터를 사용하기 때문에 URL에 실제 데이터가 충분하지 않으면 GSC는 보고서에서 이를 생략합니다.

GSC의 핵심 웹 바이탈 보고서는 URL 그룹별로 문제를 분류하며, 이는 URL 그룹 전체의 단일 문제가 하나의 포괄적인 문제로 인해 발생할 가능성이 높기 때문에 유용합니다. 이렇게 하면 해당 문제가 여러 개별 페이지에 걸쳐 나타나는 방식보다 근본적인 문제에 집중하는 데 도움이 됩니다.

Google은 URL 그룹에 대한 상태를 제공하여 귀하가 검증한 URL, 확인하지 않은 URL, 해당 테스트의 진행 상황을 추적할 수 있도록 합니다. GSC의 핵심 성능 보고서에 대한 자세한 내용은 검색을 참조하세요. 콘솔 도움말 센터에서 전체 문서를 읽어보세요.

기존 Google 페이지 경험 신호

핵심 성능 평가 지표는 Google의 새로운 페이지 경험 순위 요소에 들어가는 유일한 요소가 아닙니다. 또한 다음과 같은 기존 페이지 경험 신호를 통합합니다.

• 모바일 친화성: 2015년에 발표된 모바일 친화성은 모바일 장치에서 보기 쉬운 콘텐츠를 우선시하는 순위 신호입니다. 여기에서 페이지가 모바일 친화적인지 테스트할 수 있습니다. Google Search Console에서 모바일 사용성을 모니터링할 수도 있습니다.
• 세이프 브라우징: 웹마스터는 사이트에서 발견된 보안 문제를 수정해야 하며 Google Search Console의 보안 문제 보고서에서 액세스할 수 있습니다. 보안 문제에는 맬웨어, 사기성 페이지, 유해한 다운로드 및 흔하지 않은 다운로드가 포함됩니다.
• HTTPS 보안: HTTPS/전송 계층 보안은 콘텐츠 품질 신호보다 가중치가 적은 약간의 순위 신호이지만 웹마스터는 순위 지정에 도움이 될 뿐만 아니라 방문자에게 더 안전하기 때문에 모든 URL을 HTTPS로 마이그레이션해야 합니다.

방해가 되는 전면 광고 지침: 웹마스터는 페이지의 주요 콘텐츠를 덮는 팝업을 표시하거나, 주요 콘텐츠에 액세스하기 전에 사용자가 닫아야 하는 독립형 전면 광고를 표시하고, 웹 페이지의 스크롤 없이 볼 수 있는 부분을 다음과 같이 보이게 만드는 것을 피해야 합니다. 스크롤 없이 볼 수 있는 부분에 주요 콘텐츠가 있는 경우 독립형 전면 광고입니다.

다음 단계: 페이지 경험을 최적화하려면 어떻게 해야 합니까?

이제 페이지 경험이 데스크톱 및 모바일 검색의 순위 요소이므로 이를 SEO 전략에 포함시키는 것이 좋습니다.

Google은 페이지 경험 최적화를 위해 다음 워크플로를 제안합니다.

1. Google Search Console에서 핵심 성능 보고서를 열어 주의가 필요한 페이지 그룹을 식별하세요. "나쁨" 범주의 URL에 먼저 집중한 다음 "개선이 필요함"에 중점을 둡니다.
2. 이 보고서를 엔지니어링 팀과 공유하거나(웹 개발자와 소통하기 위한 팁 읽기) 아래에서 추가 진단을 계속하세요.
3. 가장 주의를 기울여야 하는 페이지를 잘 파악했으면 PageSpeed ​​Insights를 통해 해당 페이지를 실행하여 해결해야 하는 열악한 핵심 핵심 성능 지표에 기여하는 특정 문제를 진단하십시오.
4. Lighthouse 감사를 통해 해당 페이지를 실행하거나 Web Vitals Chrome 확장 프로그램을 사용하여 여전히 수정해야 할 사항에 대한 실행 가능한 지침을 확인하세요.

Google은 또한 다음과 같은 페이지 경험 모범 사례를 제공합니다.

• 각 페이지의 크기를 500KB 미만으로 줄입니다(페이지 + 모든 리소스).
• 페이지당 총 리소스 수를 50개 미만으로 유지합니다(모바일에 이상적).
• 모바일과 데스크톱 모두에서 많은 페이지 로드 문제를 해결할 수 있는 AMP 구현을 고려하십시오.

귀하 및/또는 귀하의 웹 개발자가 페이지 경험 수정을 구현하기 시작할 때 Google은 28일 모니터링 세션을 시작하는 "추적 시작" 버튼을 사용할 것을 제안합니다. 왜 28일인가? Google은 해당 28일 기간 내에 문제가 다시 발생하지 않으면 문제가 해결된 것으로 간주할 수 있다고 말합니다.

향상된 페이지 경험 순위 요소는 SEO와 UX를 혼합하는 방향의 또 다른 단계입니다. 시간이 지남에 따라 점점 더 인간에게 가장 좋은 일을 하는 것이 Google에도 가장 좋은 일인 것처럼 보입니다.

다음은 방문자에게 최상의 경험을 제공하고 그에 대한 보상을 받는 것입니다!

Botify에 대해 자세히 알아보려면 연락하세요. 기업 웹사이트가 유기적 검색을 트래픽과 수익 성장 모두를 위해 효율적이고 측정 가능하며 지속 가능한 채널로 바꾸는 데 도움이 됩니다.