• SEO 알아보기

Google 페이지 경험: 물렸나요?

  • Felix Rose-Collins
  • 6 min read
Google 페이지 경험: 물렸나요?

소개

Google Page Experience (이미지 출처: googlealgorithm.com)

페이지 경험핵심 웹 바이탈 (LCP, FID, CLS)을 둘러싸고 활발한 논쟁이 벌어지고 있습니다. 저는 새로운 요구 사항이 모든 사이트를 충족하기 위해 노력해야 한다고 생각합니다. 왜 그럴까요? 글쎄요, 이러한 추세는 오랫동안 Google에서 적극적으로 홍보하고 로비를 할 것이기 때문입니다.

HTTPS로의 전환(실제로는 페이지 경험에 이 요소가 포함됨)도 마찬가지였습니다. HTTPS를 처음 권장한 이후 이제는 HTTPS가 없으면 높은 순위를 차지하기가 더 어려워졌습니다.

문제는 사이트의 수가 기하 급수적으로 증가하고 있다는 것입니다. 그러나 인터넷 장비의 대역폭은 그렇게 많이 증가하지 않았습니다. 특히 속도가 매우 느릴 때 Google이 이러한 수의 사이트를 색인화하는 것은 이미 어렵습니다.

같은 이유로 구글은 HTML5 시맨틱 태그를 적극적으로 홍보하기 시작했습니다. 검색은 더 이상 콘텐츠의 의미 있는 영역을 식별하는 데 시간을 할애할 수 없는데, 이는 시간과 성능이 충분하지 않기 때문입니다. 그렇기 때문에 시맨틱 태그를 사용해야 합니다. 그렇지 않으면 순위 및 색인 생성에 문제가 있습니다.

페이지 경험 및 핵심 웹 바이탈도 마찬가지입니다. 빠르고 간단한 분석을 통해 새로운 순위 요소는 어떤 사이트가 사용자 만족도에 초점을 맞추고 어떤 사이트가 그렇지 않은지 파악하는 데 도움이 됩니다. 결과적으로 검색에서 사이트의 순위에 영향을 미칠 것입니다.

Google 페이지 경험 및 핵심 웹 바이탈: 어떤 영향을 미치나요?

Google Page Experience and Core Web Vitals: what is the impact (이미지 출처: people-mind.ch)

랭크트래커를 만나보세요

효과적인 SEO를 위한 올인원 플랫폼

모든 성공적인 비즈니스의 배후에는 강력한 SEO 캠페인이 있습니다. 하지만 선택할 수 있는 최적화 도구와 기법이 무수히 많기 때문에 어디서부터 시작해야 할지 알기 어려울 수 있습니다. 이제 걱정하지 마세요. 제가 도와드릴 수 있는 방법이 있으니까요. 효과적인 SEO를 위한 Ranktracker 올인원 플랫폼을 소개합니다.

드디어 랭크트래커에 무료로 등록할 수 있게 되었습니다!

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

Google 페이지 경험은 정보적 가치를 넘어 페이지 품질을 평가하기 위한 일련의 신호입니다. 새로운 순위 요소의 주요 목적은 사용자 친화적인 사이트의 검색 가시성을 높이는 것입니다. Google 페이지 경험에 대한 감사를 수행하려면 다음을 사용할 수 있습니다:

  • Google 검색 콘솔.
  • 구글 페이지스피드 인사이트.
  • Chrome 개발자 도구.
  • 등대.
  • 웹페이지 테스트.
  • 비명을 지르는 개구리 SEO 스파이더.
  • Semrush.

사실, Google 페이지 경험 - 행동 신호와 직접 연결된 첫 번째 공식 순위 요소입니다. 구글의 직원 게리 일리스는 알고리즘이 사이트와의 사용자 상호 작용에 대한 정보를 수집하지만 SERP의 상황에는 거의 영향을 미치지 않는다고 반복해서 지적했습니다. 2021 년에는이 상황이 바뀝니다.

핵심 웹 바이탈을 제외한 Google 페이지 경험에는 다음이 포함됩니다:

  • 모바일 친화성 - 모바일 기기에서의 사이트 사용 편의성입니다.
  • 안전한 브라우징 - 페이지에 멀웨어나 오해의 소지가 있는 콘텐츠(소셜 엔지니어링)가 없습니다.
  • HTTPS - 개인 데이터 사용의 연결 및 보안을 제공하는 SSL 프로토콜입니다.
  • 방해가 되는 블록 없음 - 페이지에 주요 콘텐츠에 액세스하기 어렵게 하는 광고 및 기타 요소가 포함되어서는 안 됩니다.

페이지 경험 작업에 대한 옵티마이저의 의견은 다양하지만, 시간이 지남에 따라 검색 엔진이 점점 더 이상적인 사용자 경험을 제공하는 웹사이트로 초점을 옮길 것이라는 점은 모두가 잘 알고 있습니다. 그들은 행동 신호를 측정하는 도구와 그 가치를 증폭시킬 수 있는 기회를 가지고 있습니다.

코어 웹 바이탈은 세 가지 구성 요소로 이루어져 있습니다: LCP, FID, CLS입니다.

가장 큰 콘텐츠가 많은 페인트(LCP) 및 이 매개변수를 개선하는 방법

이 매개변수는 로딩 속도를 반영합니다. 편리하게 사용하려면 페이지 LCP 값이 로딩 시작 후 2.5초 미만이어야 합니다. 대략적으로 말하면 이것은 첫 번째 화면 로딩 속도 또는 오히려 가장 큰 조각입니다.

LCP를 개선하기 위해 다음과 같은 작업을 수행할 수 있습니다:

  • 서버 응답 시간 단축(첫 바이트까지의 시간 메트릭을 사용하여 측정할 수 있습니다).
  • 클라우드플레어와 같은 콘텐츠 전송 네트워크(CDN)를 사용하세요.
  • 서버 측 캐싱을 구현합니다.
  • 초기 타사 연결에는 rel="preconnect"를 사용합니다.
  • JS 차단 시간을 줄이고 JavaScript를 최소화하세요.
  • CSS를 최소화하고, 중요하지 않은 CSS의 로딩을 지연시키고, 중요한 CSS를 구현하세요.
  • 이미지를 최적화하고 크기를 줄입니다.
  • 중요한 리소스의 사전 로딩을 구현합니다.
  • 텍스트 파일 크기를 줄입니다.
  • 서버 측 렌더링 또는 사전 렌더링을 사용합니다.

첫 번째 입력 지연(FID) 및 이 매개변수를 개선하는 방법

이 매개변수는 상호 작용을 반영합니다. 사이트를 쾌적하게 사용하려면 FID 값이 100ms 미만이어야 합니다. 대략적으로 말하면 사이트의 버튼 클릭에 대한 반응 속도입니다. 모든 것이 얼마나 빨리 변경되기 시작하는지.

FID를 개선하기 위해 다음과 같은 작업을 수행할 수 있습니다:

  • 긴 작업을 더 작은 비동기 작업으로 나누세요.
  • 상호 작용에 대한 준비 상태를 최적화합니다(예: 점진적 코드 로딩 사용).
  • 타사 코드를 검토하고 다운로드 우선순위를 정하세요.
  • Comlink, Workway, Workerize를 사용합니다.
  • JS 실행 시간 단축(사용하지 않는 JS 지연, 사용하지 않는 폴리필 최소화).

누적 레이아웃 시프트(CLS) 및 이 매개변수를 개선하는 방법

페이지를 사용할 수 있으려면 CLS 값이 0.1 미만이어야 합니다. CLS 값은 누구에게도 명확하지 않은 특별한 공식에 의해 계산됩니다. 페이지 로드 후 이동이 적을수록 이 지표는 더 낮아집니다(이상적으로는 0). CLS는 시각적 안정성을 반영합니다.

CLS를 개선하기 위해 다음과 같은 작업을 수행할 수 있습니다:

  • 광고, 임베디드 콘텐츠, 아이프레임을 위한 공간을 예약하세요.
  • 보기 영역 상단 가까이에 광고를 배치하지 마세요.
  • 기존 콘텐츠 위에 새 콘텐츠를 삽입하지 마세요.
  • 기본 웹 글꼴의 경우 글꼴 표시 속성, 글꼴 로딩 API 또는 <link rel="preload">를 사용합니다.

코어 웹 바이탈이 테스트 및 최적화를 어떻게 변화시킬까요?

핵심 웹 바이탈은 실제 사용자 지표(RUM)를 기반으로 합니다. Google은 익명의 Chrome 사용자 데이터를 사용하며 이를 Chrome 사용자 경험 보고서(CrUX)에서 확인할 수 있습니다. 이 데이터를 사용하여 위에서 설명한 세 가지 지표를 측정하고 순위를 생성하는 데 사용합니다. RUM 데이터는 합성 웹 성능 모니터링 도구에도 사용됩니다.

랭크트래커를 만나보세요

효과적인 SEO를 위한 올인원 플랫폼

모든 성공적인 비즈니스의 배후에는 강력한 SEO 캠페인이 있습니다. 하지만 선택할 수 있는 최적화 도구와 기법이 무수히 많기 때문에 어디서부터 시작해야 할지 알기 어려울 수 있습니다. 이제 걱정하지 마세요. 제가 도와드릴 수 있는 방법이 있으니까요. 효과적인 SEO를 위한 Ranktracker 올인원 플랫폼을 소개합니다.

드디어 랭크트래커에 무료로 등록할 수 있게 되었습니다!

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

가장 큰 콘텐츠풀 페인트는 네트워크 상태와 사용하는 디바이스의 처리 능력에 따라 크게 달라지며, 사이트 사용자가 생각보다 성능이 낮은 디바이스를 사용할 가능성이 높습니다. 하지만 모바일 기기에서 실제 사이트 로딩 속도가 테스트 도구보다 더 좋은 경우가 많다는 점에 주목할 필요가 있습니다.

동시에 첫 번째 입력 지연은 프로세서 속도와 처리할 이미지나 페이지에 레이아웃할 요소 등 사이트에서 전송하는 모든 콘텐츠를 디바이스가 처리하는 방식에 따라 달라집니다.

누적 레이아웃 이동의 경우 네트워크의 변화에 덜 민감하고 하드웨어에 덜 의존하기 때문에 테스트 도구로 측정하기가 더 쉽습니다. 그러나 사용자는 웹 페이지에서 다른 것을 보게 됩니다. 예를 들어, 쿠키 배너와 사용자 지정 가능한 콘텐츠는 표시되는 콘텐츠와 사용자가 디바이스에서 경험하는 CLS에 영향을 줍니다.

따라서 사이트 테스트 및 최적화에 대한 새로운 과제가 등장합니다. 핵심 웹 바이탈 지표에 영향을 미치는 부수적인 요소는 많지만 사용자가 영향을 미칠 수 없는 요소도 많습니다. 사이트 테스트와 최적화는 점점 더 어려워지고 있습니다.

SERP 시프트(승자/패자) - 7월 2021년 핵심 업데이트 출시의 영향은 무엇인가요?

2021년 7월 핵심 업데이트는 6월 업데이트보다 더 강력했습니다. 업데이트를 배포하는 데 12일이 걸렸습니다. 6월 업데이트는 열흘 만에 배포되었지만.

가장 큰 변동폭을 보인 사이트는 다음과 같은 주제별 카테고리의 사이트였습니다:

  • 온라인 커뮤니티
  • 인터넷 및 통신
  • 예술 및 엔터테인먼트
  • 게임
  • 스포츠
  • 뉴스

이러한 카테고리에서 7월 업데이트가 시작될 때 SERP 변동성은 9.3~9.4포인트에 달했습니다. 업데이트 기간 동안 이러한 주제 카테고리에서 SERP의 변동성은 평소 실적에 비해 증가했습니다:

  • 부동산 - 3.7점 증가.
  • 쇼핑 - 3.3점 증가.
  • 뷰티 및 피트니스 - 3.2점 증가.
  • 과학 - 3점 증가.
  • 애완동물 및 동물 - 2.9점 증가.
  • 온라인 커뮤니티 - 2.8점 증가.

6월과 7월의 업데이트를 서로 비교했을 때, 후자의 업데이트가 약 40% 더 강력했습니다. 일부 주제 카테고리에서는 6월보다 60% 이상 더 강력했습니다('음식 및 음료' 73%, '직업 및 교육' 66%, '건강' 및 '뉴스' 62%).

페이지 경험을 개선하기 위해 사이트에서 무엇을 변경해야 하나요?

What to change on the site to improve Page Experience (이미지 출처: irshadqureshi.com)

완벽한 로딩 속도, 좋은 콘텐츠, 강력한 링크 매스를 갖춘 이커머스 웹사이트는 그리 많지 않습니다. 거의 모든 사이트는 무언가를 변경하고 개선할 수 있습니다. 이러한 변화는 검색 엔진 순위에 긍정적인 영향을 미칠 수 있습니다. Google 페이지 경험에 빠르게 적응하는 데 도움이 되는 체크리스트를 준비했습니다:

  1. 로딩 속도를 확인하세요. 테스트 결과 사이트가 충분히 빠르지 않은 것으로 나타나면 문제를 해결하세요. 이 문제가 틈새 시장에서 좋은 위치를 차지하지 못하게 하는 원인일 수 있습니다.

  2. 오디언스 행동 분석. 타사 서비스를 사용하여 사용자가 콘텐츠와 상호 작용하는 방식을 확인합니다. 지도 클릭과 스크롤에 특히 주의하세요.

  3. 경쟁사에 주의를 기울이세요. 주요 경쟁업체가 어떻게 하고 있는지 확인하세요. 사이트의 콘텐츠와 기능을 개선할 수 있는 흥미로운 아이디어를 수집하세요.

  4. 부가가치 요소를 구현하세요. 즉시 사용 가능한 도구는 충성도를 높이고, 좋은 참여도는 행동 신호에 긍정적인 영향을 미칩니다.

  5. 적응성 버그를 처리합니다. 스마트폰, 태블릿, 컴퓨터에서 사이트가 올바르게 표시되어야 합니다.

  6. HTTPS로 전환합니다. 대부분의 웹 호스팅 제공업체는 자동 재발급이 가능한 무료 인증서 Let's Encrypt를 주문할 수 있습니다. 기본적인 데이터 보호에는 충분합니다.

  7. 방해가 되는 차단을 피하세요. 콘텐츠로 위장한 광고를 제거하고, 기본 푸시 알림으로 전환하고, 팝업을 최대한 눈에 거슬리지 않게 만드세요.

광고에 특히 주의하세요. Google은 콘텐츠 읽기를 방해하는 광고를 차단하는 사이트에 불이익을 줄 것이라고 오랫동안 밝혀 왔습니다. 예를 들어 Chrome은 알고리즘이 너무 방해가 된다고 판단하면 페이지의 모든 광고를 차단합니다.

검색 결과에서 높은 순위를 유지하려면 링크 구축 전략에서 무엇을 변경해야 하나요?

What to change in the link-building strategy to stay high in search results (이미지 출처: relevance.com)

랭크트래커를 만나보세요

효과적인 SEO를 위한 올인원 플랫폼

모든 성공적인 비즈니스의 배후에는 강력한 SEO 캠페인이 있습니다. 하지만 선택할 수 있는 최적화 도구와 기법이 무수히 많기 때문에 어디서부터 시작해야 할지 알기 어려울 수 있습니다. 이제 걱정하지 마세요. 제가 도와드릴 수 있는 방법이 있으니까요. 효과적인 SEO를 위한 Ranktracker 올인원 플랫폼을 소개합니다.

드디어 랭크트래커에 무료로 등록할 수 있게 되었습니다!

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

Google 페이지 경험과 핵심 웹 바이탈을 두려워하지 마세요. 콘텐츠와 양질의 백링크가 여전히주요 요소입니다. Google은 오랫동안 '링크를 위한 링크'에 불이익을 주었으므로 안전한 링크 구축 기술에 집중하는 것이 좋습니다. 링크 구축은 백링크가 기본적으로 배치되어 사람들의 관심사에 영향을 미칠 때만 결과를 가져옵니다.

집중해야 할 사항:

  • 크라우드 마케팅. 실제 사람들의 댓글을 통해 관심 있는 사용자를 유치하고 사이트에 대한 검색 엔진의 신뢰도를 높일 수 있습니다.
  • 게스트 게시물. 활발한 잠재 고객을 보유한 주제별 리소스에 대한 양질의 콘텐츠입니다. 이러한 게시물은 프로젝트가 틈새 시장에서 좋은 가시성을 가지고 있음을 Google에 보여줍니다.
  • 아웃리치. 콘텐츠 내의 링크는 가능한 한 유기적으로 삽입됩니다. 다른 리소스에서 잠재 고객을 유치하고 사이트를 디지털 브랜드로 전환하세요.

결론: Google 페이지 경험이 CRO에 미치는 영향

Conclusion: how Google Page Experience affects CRO (이미지 출처: legmark.com)

페이지 경험은 사이트와의 사용자 상호 작용의 품질과 사이트가 사용자의 작업을 얼마나 성공적으로 해결하는지에 영향을 줍니다. 페이지 경험 및 점수에 영향을 미치는 요소를 개선하면 사이트의 행동 지표와 클릭률(CTR)을 모두 높일 수 있습니다. 페이지 경험으로 영향을 줄 수 있는 가장 중요한 요소는 다음과 같습니다:

  • 사이트와의 사용자 상호 작용 횟수(클릭, 양식 등).
  • '긴' 세션(1분 이상)의 점유율입니다.
  • '딥' 세션(두 페이지 이상 보기)의 점유율입니다.
  • 세션당 사이트에 머무는 평균 시간입니다.

페이지 환경을 개선하는 것은 단순히 Google의 업데이트된 규칙에 적응하는 것만이 아닙니다. 사용자를 배려하고 정보 또는 상업 프로젝트를 한 단계 더 발전시키는 것입니다.

사람들을 위한 웹사이트는 항상 최첨단을 달려왔으며, 이제 더 많은 혜택을 누릴 수 있게 될 것입니다.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

랭크트래커 사용 시작하기... 무료로!

웹사이트의 순위를 떨어뜨리는 요인이 무엇인지 알아보세요.

무료 계정 만들기

또는 자격 증명을 사용하여 로그인

Different views of Ranktracker app