pile·
프론트엔드·vercel-blogVercel Blog·

Core Web Vitals가 SEO에 미치는 영향

Google 검색 순위에 실제로 영향을 주는 지표는 Lighthouse 점수가 아니라 실제 사용자 데이터(필드 데이터) 기반의 Core Web Vitals 세 가지다. LCP·INP·CLS만이 순위 결정에 사용되며, Lighthouse는 진단 도구일 뿐 순위에는 무관하다. Vercel CTO이자 전 Google Search 디렉터가 작성해 내부 메커니즘까지 상세히 설명한다.

핵심 포인트
  • Google은 실제 사용자의 Core Web Vitals 필드 데이터만 순위에 반영한다. Lighthouse 점수는 순위에 영향 없다.
  • 세 지표는 LCP(최대 콘텐츠 렌더링), INP(다음 페인트까지의 인터랙션), CLS(누적 레이아웃 이동)다. INP는 2024년 3월부터 FID를 대체했다.
  • 필드 데이터는 Chrome 사용자의 75번째 백분위수 값을 28일 슬라이딩 윈도우로 수집한다. iPhone 사용자는 제외된다.
  • 콘텐츠 관련성과 품질이 더 중요한 순위 요소지만, 경쟁자와 유사한 경우 Core Web Vitals이 결정적 차별화 요소가 된다.
  • Google Search Console이 실제 순위 결정 데이터의 권위 있는 원천이며, 모바일·데스크탑 순위가 별도 산정된다.
상세 정리
  • 필드 데이터 vs 랩 데이터: 필드 데이터는 실제 Chrome 사용자가 브라우징할 때 수집되고, 랩 데이터는 Lighthouse가 시뮬레이션한다. Google은 필드 데이터만 순위에 사용한다.
  • Chrome User Experience Report: 사용 통계 보고·브라우저 히스토리 동기화를 활성화한 Chrome 사용자 데이터만 수집된다. iPhone 사용자는 포함되지 않는다.
  • 28일 슬라이딩 윈도우: 최근 28일간의 실제 사용자 데이터 기반이므로 변경 효과가 순위에 반영되기까지 시간이 걸린다.
  • INP 전환(2024년 3월): FID(First Input Delay)를 INP(Interaction to Next Paint)가 대체했다. INP는 모든 인터랙션의 응답성을 측정해 더 포괄적이다.
  • 페이지 경험과 콘텐츠 품질: 관련성과 콘텐츠 품질이 Core Web Vitals보다 훨씬 중요하다. 단, 경쟁자와 유사한 경우 Core Web Vitals이 티브레이커 역할을 한다.
  • Lighthouse 해석: PageSpeed Insights 상단은 필드 데이터(순위에 영향), 하단은 Lighthouse 랩 데이터(진단용)다. 둘을 혼동하면 잘못된 최적화 방향으로 이어진다.
  • Lighthouse 성능 점수: LCP·FCP·Speed Index·TBT·CLS 가중 합산이며, 실제 Core Web Vitals는 이 점수의 50%만 반영하고 INP는 포함되지 않는다.
  • Moto G Power 기준: Lighthouse는 저사양 Android 기기와 쓰로틀된 네트워크를 시뮬레이션하므로 실제 사용자 환경과 다를 수 있다.
  • Google Search Console 활용: 전체 애플리케이션의 페이지 경험 데이터를 확인하는 권위 있는 출처다. 모바일·데스크탑 순위가 별도로 산정되므로 각각 체크해야 한다.
  • 빠른 이터레이션: Speed Insights 같은 도구는 28일 지연 없이 실시간 Core Web Vitals 데이터를 제공해 배포별·브랜치별 분석이 가능하다.
왜 읽나SEO 개선을 위해 성능 최적화를 시작하는 프론트엔드 개발자나 테크리드에게, 실제로 순위에 영향을 주는 지표가 무엇인지 명확하게 정리해준다.
vercel-blog
Vercel Blog 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2