2022년 핵심 Web Vital에서 기대할 수 있는 것

게시 됨: 2021-12-02

2021년은 SEO에 있어 중요한 해였습니다. 우리는 사이트에 검색 엔진 결과 페이지(SERP)에 여러 관련 페이지가 표시될 수 있는 들여쓰기된 결과 의 Google 출시를 보았습니다 . 모바일 검색에 대한 지속적인 스크롤 업데이트는 사용자가 검색 페이지의 맨 아래로 스크롤할 때 다음 결과 배치를 자동으로 로드합니다. 제목 태그는 사이트 제목을 H1 태그 또는 기타 요소로 대체하는 를 다시 작성 합니다 .

이 모든 변화가 우레와 같은 박수로 만났습니까? 정확하지는 않지만 Google의 SERP 세계이며 우리는 그 안에서 살고 있으며 순위를 매기려고 노력하고 있습니다.

즉각적인 성공을 거두지 못한 또 다른 릴리스는 Google의 핵심 성능 평가 지표를 기반으로 하는 페이지 경험 업데이트입니다. 이러한 새로운 측정항목은 다음 세 가지 신호에 따라 웹페이지를 분석하여 사용자 경험을 "우선순위화"합니다(자세한 내용은 나중에).

가장 큰 콘텐츠가 포함된 페인트
첫 번째 입력 지연
누적 레이아웃 이동

각 핵심 핵심 성능 임계값을 통과하는 URL은 그렇지 않은 URL보다 순위가 높을 가능성이 더 높으며 그 반대의 경우도 마찬가지입니다. 그러나 Google은 시간이 지남에 따라 사이트가 얼마나 큰 영향을 미치고 얼마나 많은 임계값을 통과해야 하는지에 대해 마음을 바꾼 것 같습니다.

이번 릴리스에 대한 Google의 목표는 무엇입니까? 사이트 소유자가 웹사이트의 성능을 개선하도록 합니다. 그러나 불행하게도 Google 은 미끼를 사용하지 않았습니다 .

핵심 WebVitals는 아무데도 가지 않습니다

비록 미약한 응답을 받았지만 Core Web Vitals가 밤에 조용히 갈 것이라고 기대하지 마십시오. 2022년으로 향하면 Google이 순위에 대한 중요성을 높일 것으로 예상할 수 있습니다.

사실, 현재의 경우 와 같이 전반적으로 실패하는 사이트와 달리 하나 또는 두 개의 임계값에 실패한 사이트의 순위에 더 많은 불이익이 있을 것이라고 장담합니다 . 즉, 사이트는 각 핵심 핵심 성능 신호에 대해 종합적으로 페이지 최적화를 시작해야 하므로 경쟁업체의 사이트가 더 높은 순위를 기록할 때 뒤처지지 않습니다.

효과적인 마케팅에는 가시성과 도달 범위가 필요하며 SERP에서 높은 순위를 매기는 것보다 더 좋은 옵션은 없습니다. 이는 Core Web Vitals를 준수하는 것이 필수라는 것을 의미합니다. 그러나 그렇게 하려고 할 때 사이트를 최적화하는 방법과 사이트의 사용성을 방해할 수 있는 피하는 지름길을 아는 것이 가장 좋습니다.

각 핵심 Web Vitals 신호 이해하기

Core Web Vitals는 시각적 안정성(누적 레이아웃 이동), 상호 작용(첫 입력 지연) 및 로딩 성능(가장 많은 콘텐츠가 포함된 페인트)의 세 부분으로 사이트 성능을 측정하여 기본적으로 사용자 경험을 최전선에 둡니다.

각 신호를 간략하게 정의해 보겠습니다.

누적 레이아웃 이동 : 5초 세션 내에서 페이지 레이아웃의 최대 변경.
첫 번째 입력 지연 : 사용자가 대화형 요소(예: 링크 또는 버튼)를 처음 클릭한 후 해당 클릭이 처리될 때까지 걸리는 시간입니다.
가장 큰 콘텐츠가 포함된 페인트 : 페이지에서 가장 큰 요소를 로드하는 데 걸리는 시간입니다. 참고: 가장 큰 요소는 사용하는 장치에 따라 다릅니다.

핵심 Web Vital을 위해 사이트를 최적화할 때 하지 말아야 할 일

Core Web Vitals는 사용자 경험을 위해 웹사이트를 향상시켜야 하지만 SEO가 어떻게 하느냐에 따라 유용성보다는 유용성에 더 큰 해를 끼칠 수 있습니다. Core Web Vitals에 대한 메트릭은 깨지기 쉬우므로 최악의 최적화로도 쉽게 전달할 수 있습니다.

다음 두 가지 시나리오를 가정해 보겠습니다.

가장 큰 콘텐츠가 포함된 페인트 임계값을 전달할 수 있는 한 가지 방법은 페이지에서 텍스트를 더 크게 만드는 것입니다. 이 메트릭은 화면에서 가장 큰 요소가 로드되는 데 걸리는 시간을 측정합니다. 로드가 빠를수록 메트릭이 더 좋습니다.

텍스트는 이미지보다 빠르게 로드되므로 더 크게 만들면 사이트에서 이 임계값을 통과할 수 있습니다. 그러나 이 전술은 사이트의 사용자 경험을 향상시키지 않으며, 더 큰 텍스트는 시각적으로 매력적인 사이트에 거슬릴 수 있습니다. 비주얼은 마케팅에 필수적이기 때문에 이것이 왜 좋은 생각이 아닌지 쉽게 알 수 있습니다.

핵심 성능 향상 임계값을 통과하는 또 다른 잘못된 최적화 예는 중요한 링크를 제거하는 것입니다. 첫 번째 입력 지연은 사이트의 대화형 요소에 대한 사용자 클릭을 처리하는 데 걸리는 시간을 측정합니다.

예를 들어, 각 게시물에 대한 이미지, 제목, 요약 및 "더 읽기" CTA로 구성된 블로그 페이지를 가정해 보겠습니다. 일반적으로 SEO는 전체 블로그 게시물에 이미지와 CTA를 연결할 수 있도록 하며 사용자는 이를 기대하게 되었습니다. SEO가 이러한 대화형 요소에서 링크를 제거하더라도 사용자는 여전히 링크를 클릭하지만(어딘가에 연결되어 있다고 가정하기 때문에) 아무 일도 일어나지 않습니다. 사용자는 결국 작동하는 요소를 찾을 수 있지만 그렇지 않은 경우보다 나중에 찾을 수 있습니다. 결과적으로 첫 번째 입력 지연에 대한 시계는 페이지가 완전히 로드될 때까지 시작되지 않습니다. 그러면 이 신호에 대한 메트릭이 향상되지만 프로세스에서 사용자 경험이 손상됩니다.

마케팅의 중요한 부분은 소비자를 최우선으로 하는 것입니다. Core Web Vitals를 준수하도록 사이트를 구성하는 동시에 사용자 경험을 느리게 하면 그 반대가 됩니다. 신중한 최적화는 모든 사이트가 사용자 경험에 진정으로 관심을 기울여야 하는 것입니다.

핵심 Web Vital을 위해 사이트를 최적화할 때 해야 할 일

Core Web Vitals가 좋은 평가를 받지는 못했지만 각 신호에 대해 웹사이트를 향상시키는 방법이 있습니다. Core Web Vitals용 사이트를 개선하려면 다음 옵션을 고려하십시오.

누적 시프트 레이아웃: 늦게 로드하는 콘텐츠에 대해 파사드를 사용합니다. Facades는 페이지 로드가 완료되면 표시될 콘텐츠를 위한 장소입니다. 사이트의 홈페이지에 제품 이미지가 표시되어 있다고 가정해 보겠습니다. Facades는 로드되는 동안 제자리를 유지하므로 페이지가 한 번 재정렬되지 않도록 합니다. Facades는 초점이고 페이지의 다른 요소보다 클 수 있기 때문입니다.
가장 큰 콘텐츠가 포함된 페인트: 접힌 부분 아래에 큰 요소를 놓습니다. 이렇게 하면 삽입된 콘텐츠(이미지, 광고, 트윗 등)와 같은 보다 불안정한 요소가 페이지 로드에 따라 점진적으로 나타날 수 있습니다. 페이지에 광고를 표시해야 하는 경우 스크롤 없이 볼 수 있는 부분에 광고를 남겨두면 이 측정항목을 개선하는 데 도움이 됩니다.
첫 번째 입력 지연: 초기에 목적에 부합하는 대화형 요소를 추가합니다. 사용자가 사이트를 보기 전에 클릭해야 하는 요소가 페이지에 있는 경우 페이지가 여전히 백그라운드에서 로드되기 때문에 지연이 발생합니다. 이러한 유형의 대화형 요소의 한 예는 쿠키 기본 설정 오버레이입니다.

모든 임계값 통과

핵심 Web Vitals는 여기에 있습니다. 2022년으로 접어들면서 순위를 매기고자 하는 사이트는 모든 임계값을 통과해야 합니다. 그렇게 하지 않으면 마케터가 원하지 않는 순위에서 자유낙하가 발생합니다. Core Web Vitals에 대한 페이지 최적화에 대한 올바른 방법이 있습니다. 그렇게 하면 순위와 사용자 경험 모두에서 SEO 세계를 더 좋게 만들 것입니다.

저자 소개

Tom Capper 는 Moz 의 수석 검색 과학자 입니다. 그는 업계 규범에 도전하고 고유한 SEO 전략과 전술을 개발하는 경향이 있는 사상가입니다. 그의 초점은 Moz가 경력의 모든 단계에서 SEO 전문가를 위한 복잡하고 기술적인 문제를 해결하는 데 도움이 되는 새로운 연구를 설계하는 것입니다.