코어 웹 바이탈(Core Web Vitals)이란 무엇일까?
- Yoon Jeong Cho
- 8월 25일
- 4분 분량
요즘 웹사이트를 방문하는 사람들은 기다림에 인내심이 거의 없습니다. 페이지가 몇 초만 늦게 열려도 바로 떠나버리죠. 그래서 Google은 사이트가 얼마나 빠르고, 안정적이며, 사용하기 편한지를 보여주는 코어 웹 바이탈(Core Web Vitals, CWV)을 검색 알고리즘에 반영하기 시작했습니다.
Wix는 변화하는 웹 환경에 발맞춰 플랫폼 전반의 성능을 지속적으로 개선하고 있습니다. 이를 통해 Wix로 제작된 모든 사이트가 CWV를 비롯한 최신 업계 표준을 충족하고, 검색 엔진은 물론 사용자에게도 긍정적인 평가를 받을 수 있도록 지원합니다.
이번 글에서는 코어 웹 바이탈이 무엇이고, SEO 관점에서 왜 중요한지, 그리고 Core Web Vitals 측정 요소는 어떤 것들이 있는지 알아보겠습니다.
코어 웹 바이탈(Core Web Vitals)이란?
코어 웹 바이탈(Core Web Vitals)은 사이트 소유자가 방문자 경험에 가장 큰 영향을 미치는 세 가지 주요 요소인 로딩 시간, 상호 작용 및 시각적 안정성을 모니터링하는 방법을 표준화하고 단순화하기 위해 설계된 필드 데이터(실제로 사이트에 방문한 내역에서 수집한 익명화된 데이터)를 기반으로 하는 새로운 평가 방식입니다. 또한, 이러한 지표들은 실제 사용자 데이터를 기반으로 하기 때문에 사용자가 사이트와 상호 작용함에 따라 CWV 점수는 유동적으로 변경될 수 있습니다. Google의 도구는 CWV를 수치 점수와 간단한 레이블로 표시하기 때문에 사이트의 실적을 한 눈에 확인할 수 있습니다.
CWV 점수가 '좋음'인 경우, 모든 것이 속도가 빠르고 원활하게 진행되고 있음을 의미합니다. 이는 사용자 환경이 별 문제 없이 잘 돌아가고 있다는 뜻입니다.
CWV 점수가 '개선 필요'인 경우, 사이트 속도를 저하시킬 수 있는 문제가 있음을 나타냅니다.
CWV 점수가 '미흡'인 경우, 사용자 경험(UX)이 업계 표준에 미치지 못한다고 경고하는 것입니다.
코어 웹 바이탈이 중요한 이유는?
사용자는 제품과 콘텐츠를 경험하기 위해 사이트를 방문합니다. 하지만 페이지가 느리게 로딩되면 아무리 좋은 콘텐츠라도 끝까지 보지 않고 이탈해버리죠. 결국 빠른 속도와 원활한 사용자 경험은 방문자를 붙잡는 핵심 요소입니다.
이 때문에 Google은 검색 알고리즘에서 웹사이트 성능, 특히 속도를 중요한 순위 요소로 반영하고 있습니다. 콘텐츠의 품질과 권위가 비슷하다면, 사이트 성능이 검색 결과 순위를 가르는 결정적인 차이가 될 수 있습니다.
코어 웹 바이탈(CWV)은 이런 맥락에서 SEO 최적화에 꼭 필요한 지표로 자리 잡았습니다. CWV가 모든 평가 요소를 대체하지는 않지만, 상대적으로 단순하고 실행 가능한 인사이트를 제공하기 때문에 사이트 성능을 이해하고 개선하는 데 매우 유용한 도구가 됩니다.
코어 웹 바이탈 측정 항목
Core web vitals을 평가하는 사이트 성능에 영향을 미치는 세 가지 필수 UX 측면을 알아보겠습니다.
LCP (Largest Contentful Paint): 콘텐츠가 포함된 최대 페인트(LCP)는 페이지 로딩이 시작된 시점부터 초기 뷰포트에 표시되는 가장 큰 이미지 또는 텍스트 블록이 렌더링될 때까지의 시간을 측정하는 지표입니다. 좋은 점수를 받기 위해서는 LCP가 2.5초 이하여야 합니다.
FID (First Input Delay): 최초 입력 지연(FID)은 사용자가 링크나 버튼을 클릭하는 등 페이지와 처음 상호 작용한 시점부터 브라우저가 실제로 해당 상호 작용을 처리할 수 있을 때까지의 시간을 측정하는 지표입니다. 좋은 점수를 받으려면 FID가 100밀리초 이하여야 합니다.
CLS (Cumulative Layout Shift): 누적 레이아웃 변경(CLS)은 페이지의 전체 수명 동안 발생하는 모든 예상 밖의 개별적인 레이아웃 변경 수의 총합을 측정하는 지표입니다. 사용자 상호 작용 없이 표시되는 요소의 위치가 변경될 때마다 예상 밖의 레이아웃 변경이 발생합니다. 좋은 점수를 받으려면 CLS가 0.1 이하여야 합니다.
CWV 외에도 페이지 경험에는 성능에 관한 것이 아닌 사용자 경험에 관한 다른 측면들이 포함되는데요. 어떤 것들이 있는지 알아보겠습니다.
모바일 친화성: 사용자는 콘텐츠를 읽기 위해 축소하거나 확대시킬 필요 없는 모바일 친화적인 버전의 사이트를 읽고 사용할 수 있어야 합니다.
세이프 브라우징: Google은 세이프 브라우징을 사용하여 사이트에 '악성' 또는 '기만적' 콘텐츠가 포함되어 있지 않은 지 확인합니다. 내 사이트를 보안 문제 보고서로 테스트할 수 있습니다.
HTTPS: 내 사이트의 안전과 보안은 사이트 소유자인 나와 방문자 모두에게 가장 중요하기 때문에 검색 엔진은 이를 염두에 둡니다. HTTPS는 암호화 프로토콜을 사용하기 때문에 HTTP를 통해 사이트를 제공하는 것보다 더 안전합니다. 좋은 소식은 모든 Wix 사이트는 HTTPS라는 것입니다.
방해가 되는 팝업 알림 창: 법에 따라 웹사이트는 팝업 알림 창을 표시하여 데이터 수집 및 개인정보 보호정책 등에 대해 사용자에게 알려야 하지만 방해가 되는 알림 창은 콘텐츠 접근성을 저해할 수 있습니다.
Google이 페이지 경험 순위 결정에 사용하는 CWV 지표는 필드 데이터만을 기반으로 하며 테스트 데이터나 기타 시뮬레이션 테스트는 사용하지 않습니다. 이 필드 데이터는 실제 사용자의 세션에서 수집되기 때문에 실제 사용자 모니터링(RUM)이라고도 합니다.
CWV는 물론 추가 데이터도 사용자가 허용하지 않은 모든 Chrome 세션에서 수집됩니다. 이 데이터는 Google 서버로 전송되어 Chrome 사용자 경험(CrUX)이라는 데이터베이스에 저장됩니다. 그러면 Google 검색 엔진은 페이지 경험 순위 시그널을 계산하기 위해 이 데이터베이스를 쿼리합니다. 또한, CrUX 데이터는 Google PageSpeed Insights(PSI)와 Google Search Console 자체와 같은 도구를 통해서도 접근 및 표시할 수 있습니다.
필드 데이터 외에도 Google은 실험 조건 하의 특정 세션 성능을 테스트하기 위한 Google Lighthouse 같은 도구도 제공합니다.
Wix가 코어 웹 바이탈을 준비하는 방법
Google 플랫폼에서 생성된 수백만 개의 사이트의 성능을 개선하고자 Google은 페이지 순위에 CWV를 연동하는 것에 대비하여 몇 가지 새로운 도구와 전략을 구현했는데요. 어떤 것들이 있는지 살펴보겠습니다.
사용자가 로딩 시간(필드 데이터), 페이지 속도 향상을 위한 팁 등 실시간 지표를 통해 사이트 성능을 모니터링할 수 있는 새로운 Site Speed 대시보드를 출시했습니다. 또한, 이 대시보드에서는 모바일과 데스크톱 모두에 대해 테스트 데이터를 기반으로 한 PageSpeed Insight 점수를 제공합니다.
데스크톱과 모바일 모두에서 웹사이트 렌더링 시간을 단축합니다.
렌더링된 페이지와 정적 리소스를 글로벌 CDN에 캐싱하여 빠르게 전송합니다.
엔드포인트 기기의 연산 작업을 빠른 서버로 이전합니다.
이러한 노력을 포함한 여러 노력을 통해 좋은 점수를 받은 Wix 사이트의 수가 8배나 증가했습니다.
Wix 사이트에서 코어 웹 바이탈 결과를 개선하는 방법
코어 웹 바이탈의 상태가 좋지 않은 경우 사이트 문제를 해결하여 성능을 향상시키는 것이 중요합니다. CWV 점수를 높이기 위해 할 수 있는 방법을 소개하겠습니다.
1. 콘텐츠를 과도하게 넣어 페이지에 과부하가 걸리지 않도록 하세요.
2. 긴 페이지를 특정 콘텐츠나 기능에 초점을 맞춰 여러 개의 짧은 페이지로 나누세요.
3. 가능하면 PNG 대신 JPG를, GIF 대신 동영상을 사용하세요.
4. 글꼴 종류나 글꼴 굵기를 과도하게 사용하지 마세요.
5. 애니메이션 사용을 줄이고 특히 애니메이션 노출을 줄이세요.
6. 라이트박스 안에 기본 콘텐츠를 넣지 마세요.
웹사이트를 만들거나 홈페이지 제작 방법을 알아볼 때 코어 웹 바이탈을 다른 요소들과 함께 항상 체크하고, 정기적으로 사이트를 최적화하는 게 중요합니다. 이렇게 꾸준히 관리하면 문제를 미리 발견하고 빠르게 해결할 수 있어, 방문자에게 더 좋은 경험을 제공할 수 있습니다.
By 조윤정
SEO & 블로그 전문가
