Google Core Web Vitals에 대해 알아야 할 사항
게시 됨: 2021-05-08Google의 새로운 Core Web Vitals에 대해 들어 보셨습니까? 4개의 기존 페이지 경험 신호에 추가하여 핵심 성능 평가는 최상의 사용자 경험(로딩, 상호 작용 및 시각적 안정성)에 매우 중요합니다. Google은 6월 중순에 이러한 측정항목을 점진적으로 출시하기 시작하고 8월 말까지 순위 결정에 완전한 역할을 할 것입니다. 이 블로그에서는 각각의 핵심 핵심 성과가 웹 사이트에 미치는 영향, 이를 개선하기 위한 도구 등에 대해 자세히 살펴보겠습니다.
Google의 핵심 Web Vital은 무엇입니까?
Core Web Vitals는 속도 및 방문자가 페이지와 상호 작용할 수 있는 속도 측면에서 사용자 경험(데스크톱 및 모바일)을 평가합니다. 각 Core Web Vital은 "사용자 경험의 고유한 측면을 나타내고 현장에서 측정 가능하며 중요한 사용자 중심 결과의 실제 경험을 반영합니다."
Core Web Vitals는 텍스트 요소에만 초점을 맞추는 대신 페이지 내 전체 사용자 경험(UX)의 품질을 평가합니다. 세 가지 핵심 Web Vitals가 있습니다.
- 최대 함량 페인트(LCP)
- 첫 번째 입력 지연(FID)
- 누적 레이아웃 시프트(CLS)
LCP는 성능 및 로딩, FID 응답성 및 상호 작용성, CLS 시각적 안정성을 평가합니다. 핵심 성능 평가는 Google 페이지 경험 점수에서 가장 큰 부분을 차지하며 여기에는 다음과 같은 기존 검색 신호도 포함됩니다.
- 모바일 친화적
- 세이프 브라우징
- HTTPS
- 방해가 되는 전면 광고 없음
이 블로그 뒷부분에서 페이지 경험 점수에 대해 자세히 살펴보겠습니다. 먼저 각 Core Web Vital의 세부 정보를 살펴보겠습니다.
Core Web Vital #1 :: 가장 큰 콘텐츠가 포함된 페인트(LCP)
LCP(Large Contentful Paint)는 페이지에서 가장 큰 콘텐츠 요소가 로드되는 속도를 측정합니다. 이것은 일반적으로 큰 블록 수준의 텍스트, 이미지 또는 비디오입니다. 전체 페이지의 로드 시간을 평가하는 대신 LCP는 가장 중요한 페이지 속도 메트릭인 사용자의 관점에서 페이지를 로드하는 데 걸리는 시간을 조사합니다.
좋은 LCP는 2.5초 미만입니다. 즉, 가장 큰 요소가 페이지 로드가 시작된 후 2.5초 이내에 표시됩니다. 로드 시간이 길수록 이탈률에 심각한 부정적인 영향을 미치는 것으로 입증되었기 때문에 LCP를 최적화하는 것이 중요합니다. LCP 시간을 개선하려면 다음을 고려하십시오.
- 큰 페이지 요소 제거
- 웹 호스트 업그레이드
- 지연 로딩 구현
- 불필요한 타사 스크립트 제거
핵심 Web Vital #2 :: 첫 입력 지연(FID)
FID(First Input Delay)는 사용자가 페이지와 처음 상호 작용할 때부터 해당 상호 작용에 대한 브라우저의 응답까지의 시간을 측정합니다. 사용자 상호 작용에는 다음이 포함되지만 이에 국한되지는 않습니다.
- 메뉴 또는 탐색 옵션 선택
- 링크 또는 버튼 클릭
- 필드에 텍스트 입력
- 모바일에서 아코디언 메뉴 열기
FID는 사용자가 특정 작업을 완료하는 데 걸리는 시간을 측정하기 때문에 PageSpeed 점수 이상입니다. 즉, 실시간 사용자의 현장 데이터가 필요하며 실험실 시뮬레이션을 통해 생성할 수 없습니다.
웹에서 우수한 사용자 경험을 제공하려면 좋은 FID가 100밀리초를 넘지 않아야 합니다. FID 시간을 개선하려면 다음을 고려하십시오.
- 브라우저 캐시 활용
- 중요하지 않은 타사 스크립트 제거
- JavaScript 연기(또는 최소화)
Core Web Vital #3 :: 누적 교대 레이아웃(CSL)
CSL(누적 이동 레이아웃)은 전체 페이지가 로드될 때 발생하는 총 레이아웃 이동 수를 계산합니다. 즉, 로딩 과정에서 페이지가 얼마나 빨리 시각적으로 안정적인지를 결정합니다. 로딩 중 페이지 안정성은 방문자가 실수로 무언가를 클릭하거나 링크, 버튼 및 필드가 있는 위치를 다시 배워야 하는 일이 없도록 합니다.
좋은 CSL은 0.1보다 작습니다. 점수는 0만큼 낮을 수 있으며 교대 레이아웃이 발생할 때마다 증가합니다. 즉, 점수가 높을수록 페이지가 로드되는 동안 요소가 많이 이동하고 있음을 의미합니다. 최대 점수는 없지만 Core Web Vitals 점수는 0.25 이상을 "나쁨"으로 나타냅니다. CSL 점수를 높이려면 다음을 고려하십시오.
- 스크롤 없이 볼 수 있는 부분에 추가 UI 요소 추가
- 광고 요소에 예약된 공간이 있는지 확인
- 미디어의 크기 속성 치수 정의
핵심 Web Vitals는 Google의 순위 요소에 어떻게 적합합니까?
핵심 성능 평가는 페이지 경험 신호로 알려진 메트릭 세트의 중요한 새 구성요소입니다. 이들은 가장 중요한 비텍스트 요소를 고려하여 페이지의 전반적인 사용자 웹 경험을 평가합니다. 즉, 사용자가 페이지와의 상호 작용을 인식하는 방식과 해당 페이지가 쿼리를 만족시키는 데 얼마나 유용한지를 고려합니다. 아래에서 기존의 4가지 페이지 경험 신호를 살펴보겠습니다.
1. 모바일 친화적
이것은 웹사이트가 모바일 장치에서 얼마나 쉽게 탐색할 수 있는지 평가합니다. 여기에는 콘텐츠 가독성과 함께 링크 및 페이지 요소에 대한 접근성이 포함됩니다. 페이지의 모든 부분은 반응형 디자인의 기초인 데스크톱에서와 마찬가지로 모바일에서도 작동해야 합니다.
2. 세이프 브라우징
세이프 브라우징은 웹사이트에 해킹된 콘텐츠, 피싱, 멀웨어와 같은 문제가 있는지 확인합니다. 방문자가 찾고 있는 것을 안전하게 탐색할 수 있도록 하는 데 중점을 둡니다.
3. HTTPS
이 측정항목은 웹사이트의 보안과 Google 모범 사례 권장 사항에 따라 HTTPS를 통해 제공되는지 여부를 평가합니다.
4. 방해가 되는 전면 광고 금지
이 신호는 페이지의 필수 콘텐츠가 방해가 되는 전면 광고(팝업 광고)로 인해 방해받지 않도록 하여 쾌적한 브라우징 경험을 촉진합니다.
핵심 Web Vitals 점수는 어떻게 계산됩니까?
핵심 성능 평가 점수는 28일 동안 75번째 백분위수를 사용하여 계산됩니다. 즉, 4번의 사이트 방문 중 3번(75%)을 사용하여 페이지가 각 Core Web Vital의 목표를 충족하는지 여부를 결정합니다. 페이지가 세 가지 메트릭 모두에 대한 권장 점수를 충족하는 경우 핵심 성능 평가를 통과합니다.
Core Web Vitals는 웹사이트에 어떤 영향을 미칩니까?
Core Web Vitals는 확실히 중요하지만 Google은 웹 페이지 순위를 매길 때 수백 가지의 고유한 신호를 고려한다는 점을 이해하는 것이 중요합니다. 그러나 핵심 성능 평가는 매우 경쟁적인 조건을 놓고 경쟁하는 페이지의 경우 상당한 차이를 만들 수 있습니다. Core Web Vitals는 사용자 기대치가 변화함에 따라 시간이 지남에 따라 지속적으로 발전할 것이므로 최신 정보를 유지하는 것이 중요합니다.
핵심 Web Vitals 점수를 어떻게 향상시킬 수 있습니까?
Core Web Vitals 점수를 분석하고 개선하는 데 사용할 수 있는 무료 도구가 많이 있습니다. 이러한 측정항목을 개선하면 경쟁자를 능가하고 Google 검색 엔진 결과 페이지에서 더 높은 순위를 얻는 데 도움이 될 수 있습니다. Core Web Vitals 점수를 검토하고 개선 기회를 찾으려면 다음 도구를 사용하는 것이 좋습니다.
도구 #1 :: Google Search Console 핵심 Web Vitals 보고서
핵심 성능 평가 점수를 개선하려면 Google Search Console의 핵심 성능 보고서부터 시작하세요. Search Console 계정의 '개선 사항' 섹션에 있는 핵심 핵심 보고서는 전체 사이트의 실적에 대한 개요를 제공합니다.
핵심 성능 보고서는 Chrome 사용자 경험 보고서의 필드 데이터를 사용하여 색인이 생성된 URL을 문제별로 그룹화합니다. 유사한 페이지의 UX 문제는 일반적으로 동일한 기본 문제로 인해 발생하기 때문입니다. 각 URL은 "나쁨", "개선 필요" 또는 "양호"로 점수가 매겨집니다.
문제를 정확히 찾아내면 Google PageSpeed Insights 또는 Google Lighthouse와 같은 도구를 사용하여 문제를 해결할 수 있습니다. 다음 두 섹션에서는 UX에 최적화하는 데 도움이 되도록 이러한 도구를 더 자세히 살펴봅니다.
도구 #2 :: Google PageSpeed Insights 보고서
Google Search Console 핵심 성능 보고서는 Lighthouse 실험실 시뮬레이션에서 제공하는 Google PageSpeed Insights의 해당 보고서에 대한 링크입니다. PageSpeed Insights는 실험실 및 현장 데이터를 모두 사용하여 핵심 성능 향상을 측정합니다. 각 URL의 문제를 식별하고 사이트 속도를 효과적으로 최적화하려면 "기회" 및 "진단" 섹션에 중점을 둡니다.
도구 #3 :: Google Lighthouse
Google Lighthouse는 URL에 대한 감사를 실행하고 해당 페이지의 성능에 대한 보고서를 생성하는 자동화된 도구입니다. Lighthouse 6.0에는 LCP(Large Contentful Paint) 및 CLS(Cumulative Layout Shift)에 대한 랩 메트릭이 포함되어 있어 핵심 웹 바이탈을 평가할 때 매우 유용한 도구입니다.
총 차단 시간(TBT)
Lighthouse 6.0의 세 번째 새로운 메트릭은 FID(First Input Delay)와 직접적인 상관 관계가 있는 Total Blocking Time(TBT)입니다. 간단히 말해서 TBT는 LCP와 TTI(Time to Interactive) 사이의 총 시간을 계산합니다. TTI는 페이지가 로드되기 시작한 시점부터 사용자 상호 작용에 안정적으로 응답할 때까지의 시간입니다.
첫 번째 바이트까지의 시간(TTFB)
Lighthouse 보고서의 "기회" 섹션에는 TTFB(Time to First Byte)도 포함됩니다. 이름에서 알 수 있듯이 브라우저에서 페이지 콘텐츠의 첫 번째 바이트를 수신하는 데 걸리는 시간입니다.
인터랙티브 시간(TTI)
Lighthouse 보고서의 "성능" 섹션에 포함된 TTI(Time to Interactive)는 페이지가 완전히 상호 작용하는 데 걸리는 시간을 측정합니다. TTI는 TBT와 함께 작동하여 FID에 부정적인 영향을 줄 수 있는 상호 작용 문제를 정확히 찾아 진단합니다. 현장에서 측정할 수 없거나 사용자 중심적이지 않기 때문에 TTI는 핵심 웹 바이탈에 포함되지 않습니다.
도구 #4 :: Google Search Console 페이지 경험 보고서
페이지 경험 보고서는 핵심 성능 보고서를 모바일 친화적, 안전 브라우징, HTTPS 및 방해가 되지 않는 전면 광고의 다른 네 가지 페이지 경험 신호와 결합합니다. 페이지 경험 신호의 각 구성요소를 자세히 살펴보면 개선을 위한 새로운 기회를 발견하는 데 도움이 될 수 있으며, 이는 타이 브레이커 상황에서 특히 도움이 될 수 있습니다.
도구 #5 :: Chrome 사용자 경험(CrUX) 보고서
Chrome 사용자 경험 보고서는 수백만 웹페이지의 사용자 경험 데이터에 대한 익명의 공개 보고서입니다. 3가지 핵심 Web Vital 모두에서 현장 데이터(실험실 데이터와 반대)를 측정하며 시뮬레이션이나 Googlebot 방문을 고려하지 않습니다. 귀하의 페이지가 현장에서 어떻게 수행되는지 확인하는 것은 귀중한 개선 기회를 정확히 찾아내는 좋은 방법입니다.
도구 #6 :: Google Chrome DevTools
Google Chrome DevTools는 Google Chrome 브라우저에 내장되어 있으며 높은 CSL로 이어질 수 있는 문제를 진단하고 해결할 수 있도록 설계되었습니다. 또한 FID를 개선할 때 유용한 TBT를 측정합니다.
도구 #7 :: Google Chrome Web Vitals 확장 프로그램
Chrome Web Score에서 사용할 수 있는 Web Vitals Extension은 실시간으로 3가지 핵심 Web Vital을 모두 측정합니다. 로딩, 상호 작용 및 레이아웃 변경에 대한 이 즉각적인 데이터는 큰 차이를 만들 수 있는 기회를 식별하는 데 도움이 됩니다.
도구 #8 :: Semrush 사이트 감사 도구
Semrush 계정의 사이트 감사 도구는 핵심 성능 향상과 관련된 다양한 데이터에 대해 보고합니다. 여기에는 로딩 속도 메트릭, HTTPS 보안 프로토콜, JavaScript 및 CSS 오류, 크롤링 가능성 등이 포함됩니다.
Core Web Vitals 점수를 개선하기 위해 Tower Marketing과 파트너 관계를 맺으십시오.
Core Web Vitals 문제를 식별하고 해결하는 가장 쉽고 쉬운 방법은 Tower Marketing과 같은 에이전시와 협력하는 것입니다. 웹 개발자 및 SEO로 구성된 숙련된 팀은 귀하의 사이트를 Core Web Vitals 권장 사항으로 가져오는 도구를 보유하고 있으며 문제가 발생하면 문제를 해결해 드립니다.