Google 코어 웹 바이탈이란?

Google은 웹사이트의 순위를 매기는 방식을 지속적으로 업데이트하여 검색 엔진 최적화 프로그램(SERP)의 게재 위치를 결정하는데, 때로는 아무도 모르게, 때로는 전 세계에 대대적으로 공개하기도 합니다.

다음과 같은 소식이 있습니다. 핵심 웹 바이탈 도 그러한 발표 중 하나입니다. Google은 누구도 당황하지 않기를 바라며(지난 한 해 동안 새로운 지표가 추가되지 않아도 충분히 많은 사람들이 당황했습니다), 사이트 소유자와 개발자에게 2021년까지 이러한 새로운 지표를 구현하지 않을 것이며 관련된 모든 사람에게 최소 6개월 전에 통지할 것이라고 경고했습니다.

새로운 기능 핵심 웹 바이탈 메트릭을 사용하시나요?

Google 소개  핵심 웹 바이탈 . 세 가지 새로운 항목은 사실 완전히 새로운 것은 아닙니다. 이 항목들은 이미 측정되어 있으며, 각 항목의 메트릭 개발자 도구에서 사용할 수 있습니다. 무엇 의 새로운 점은 이 세 가지가 모두 페이지 순위 결정 과정의 일부로 고려된다는 것입니다.

• 로드 중 - 가장 큰 콘텐츠가 풍부한 페인트 (LCP)
• 상호 작용 - 첫 번째 입력 지연(FID)
• 시각적 안정성 - 누적 레이아웃 시프트(CLS)

새 메트릭은 다음과 같은 일부로 포함됩니다. 페이지 경험 데이터.

느린 로딩 속도로 인한 트래픽 손실

Google에 따르면

괜찮은 웹 경험을 제공하는 것만으로도 트래픽을 크게 늘리고 싶지 않은 사람이 어디 있을까요?

페이지 경험은 방문자 만족도와 전반적인 데이터 및 효율성을 모두 향상시킬 수 있으므로 이미 알고 있어야 합니다.

예를 들어 Google은 이렇게 말합니다,

로딩 시간이 느리면 많은 트래픽이 손실된다는 것은 이미 알고 있습니다. 페이지 로딩 속도가 조금 느리다고 해서 트래픽 손실을 감수할 수 있을까요?

그들은 계속해서 우리에게 말합니다,

페이지가 로드되는 데 6초 이상 걸리는 경우 해당 트래픽을 잃을 자격이 있으며, 이러한 새로운 지표를 도입함으로써 Google은 이러한 사실을 알 수 있습니다.

페이지 속도를 개선하지 않으면 벌을 줄 것입니다. 하지만 알고 보니 그렇게 많이 처벌하지는 않습니다.

SEO 왕국에서는 여전히 콘텐츠가 왕입니다.

또한  핵심 웹 바이탈  는 여러 사이트의 순위가 매우 유사한 경우에만 일종의 동점자로 사용될 가능성이 높습니다. 콘텐츠.

페이지 경험은 절대 순위 를 선택하면 훌륭한 콘텐츠가 있는 페이지보다 더 높은 순위를 차지할 수 있습니다. 따라서 다음을 고려하고 있다면  핵심 웹 바이탈  SEO 영향력이 크지 않다면 아직까지는 큰 영향을 미치지 않습니다. 하지만 방문자 경험과 전환을 극대화하기 위한 모범 사례에 관한 한, Google이 중요한 지표로 간주하는 항목을 관리하도록 유도하는 것은 이해할 수 있습니다.

Does    핵심 웹 바이탈  효과 순위는 어떻게 되나요? 현재로서는 매우 유사한 콘텐츠 페이지와 정면으로 맞붙는 경우에만 해당되는 것 같습니다.

로딩, 상호 작용, 시각적 안정성이란 무엇을 의미할까요?

이러한 새로운 지표를 측정할 때 Google은 다음과 같이 말합니다. 검색 콘솔에는 다음과 같은 기능이 포함되어 있어야 합니다. PageSpeed 인사이트 큰 역할을 하고 있습니다.

더 많은 도구가 필요한 경우  핵심 웹 바이탈  테스트에는 Google에서 직접 제공하는 다양한 테스트가 있습니다. 등대, Chrome 개발자 도구 또는 UX 보고서-모두 작업하는 데 도움이 되는 가치 있는 도구입니다.  핵심 웹 바이탈  순위 및 개발. 또한  핵심 웹 바이탈  확장 프로그램/플러그인을 사용하거나, 다음 용도의 PageSpeed Insights API를 사용하는 방법을 살펴볼 수 있습니다.  핵심 웹 바이탈  메트릭.

가장 큰 콘텐츠가 풍부한 페인트(LCP)

LCP는 페이지가 로드되는 데 걸리는 시간을 고려합니다. 이 특정 측정값은 페이지에서 가장 큰 요소(대개 이미지 형식 또는 비디오 파일을 만듭니다.

다시 말하지만, 이것은 귀하의 Google 검색 콘솔 사용 PageSpeed 인사이트.

첫 번째 입력 디스플레이(FID)

FID는 사용자가 페이지와 상호 작용할 수 있도록 페이지가 준비되는 데 걸리는 시간입니다. 버튼을 클릭할 수 있거나, 드롭다운 메뉴가 열리거나, 양식 필드를 입력할 준비가 된 경우와 같은 동작이 이에 해당합니다.

Google 검색 콘솔 는 이러한 메트릭에 대한 데이터도 보유하고 있으며 다음과 같은 경우 이해하기 쉬운 세 가지 수준으로 알려줍니다. 좋은 (녹색), 개선 필요 (주황색) 또는 poor (빨간색).

누적 레이아웃 시프트(CLS)

CLS는 페이지가 로드될 때 얼마나 안정적인지를 나타냅니다. 기술적인 용어로 설명하자면, 뷰포트의 측정된 거리 및 비율로, DOM 조작 또는 주요 미디어 요소의 차원 속성 부족으로 인해 이동합니다.. 쉽게 설명하자면, 이미 탐색을 시작한 상태에서 요소가 계속 로드되면서 페이지가 성가시게 점프하는 현상입니다.

페이지가 이리저리 이동하는 것(다른 기기보다 모바일에서 훨씬 더 일반적입니다)은 불편합니다. 그래서 Google은 사용자가 이 문제를 해결하기를 원합니다.

개선 방법 핵심 웹 바이탈

앞서 언급한 도구를 사용하여 측정하는 것이 첫 번째 단계입니다.  핵심 웹 바이탈 . 다양한 옵션을 사용하여 얼마나 잘 운영되고 있는지, 얼마나 많은 작업을 수행해야 하는지 여부를 파악해야 합니다. 또한 실패한 조치의 위치를 정확히 파악하는 데 도움이 될 수 있습니다.

가장 콘텐츠가 많은 페인트 지표 개선하기

새로운 선택지 중 첫 번째를 살펴봅시다.

LCP가 2.5초 미만이라면 잘하고 있는 것이므로 걱정할 필요가 없습니다. 2.5초에서 4초 사이의 시간에는 약간의 작업이 필요하며, 4초가 넘으면 문제 영역이 어디인지 생각해 보아야 합니다.

1. 페이지에 불필요한 타사 스크립트가 있나요?
   스크립트를 추가할 때마다 로딩 속도.
2. 웹 호스트에 책임이 있나요?
   보다 효율적인 호스팅은 다음과 같은 이점을 제공합니다. 더 빠른 속도와 로딩 시간.
3. 지연 로딩을 시도해 보세요.
   지연 로딩은 사용자가 새로운 요소를 향해 스크롤할 때 각 이미지를 로드할 시점을 판단합니다. 이 기법은 LCP를 크게 개선할 수 있습니다.
4. 가장 큰 페이지 요소가 정말 필요한가요? 최적화할 수 있을까요?
   운동할 때 어느 요소가 페이지에서 가장 크고 LCP의 주범이라면 페이지 경험에 필수적인 요소인가요, 아니면 완전히 없앨 수 있나요? 계속 유지해야 한다면 각 플랫폼이나 형식에 맞게 최적화했거나 파일 크기를 가장 작게 만들었나요?
5. CSS를 정리하세요.
   부피가 크고 어색한 CSS는 LCP 시간을 지연시킬 수 있습니다. 코드가 깔끔하고 잘 정리되어 있나요? 아니면 적자에서 벗어나 녹색으로 돌아갈 수 있는 영역일까요?

첫 번째 입력 디스플레이 지표 구체화

FID 지표가 100ms 미만이면 녹색으로 표시되며 계속 사용할 수 있습니다. 100밀리초에서 300밀리초 사이라면 Google에서 몇 가지 변경을 요구합니다. 결과가 300ms를 초과하는 경우 빨간색으로 표시되며 더 강력한 조치를 취해야 합니다.

무엇을 시도해 볼 수 있나요?

1. 자바스크립트를 최소화하거나 지연시킬 수 있나요?
   브라우저가 JavaScript를 로드하는 동안에는 페이지 요소와 상호 작용하는 것이 사실상 불가능합니다.
2. 불필요한 타사 스크립트 제거
   다시 말하지만, LCP 지표와 마찬가지로 타사 스크립트도 결과에 상당한 영향을 미칠 수 있습니다. 코드에 필요하지 않은 스크립트가 있나요?
3. 브라우저 캐시 사용
   브라우저 캐시를 사용하면 페이지 콘텐츠가 더 빠르게 로드되어 스크립트를 더 빠르게 처리하고 FID를 높일 수 있습니다. 점수.

누적 레이아웃 이동 최소화하기

CLS에 개선이 필요한가요? 점수가 0.1 이하로 표시되면 Google의 '양호' 영역에 속하는 것입니다. 하지만 0.1에서 0.25 사이라면 페이지에 개선이 필요합니다. 0.25를 초과하면 페이지 점수가 '불량'입니다.

다음은 더 건강한 점수를 얻기 위해 어떻게 하면 상황을 강화할 수 있는지에 대한 몇 가지 제안입니다.

1. 미디어 치수에 설정된 크기 속성 사용
   For 이미지, 동영상 및 기타 시각적 요소의 경우 크기 속성을 사용하여 치수를 미리 설정할 수 있습니다. 이렇게 하면 브라우저는 필요한 공간을 정확히 파악하여 요소가 로드되는 동안 해당 공간을 적용합니다. 더 이상 페이지가 건너뛰지 않고 쉽게 수정할 수 있습니다.
2. 광고 공간 예약
   페이지에 광고 요소가 포함된 경우 코드에 광고 요소를 위한 올바른 예약 공간이 포함되어 있는지 확인하세요. 광고가 로드되는 데 시간이 조금 더 걸릴 수 있으며, 광고가 갑자기 표시되면 CLS에 영향을 줄 수 있습니다.
3. 느리게 로드되는 요소를 폴드 아래에 배치할 수 있나요?
   스크롤 아래의 항목은 사용자가 해당 항목에 도달하기 전에 다운로드를 시작할 가능성이 더 높으며, 로드된 항목이 페이지 아래로 눈에 띄게 밀려나지 않습니다. 이를 보완할 수 있도록 페이지 구조를 구성할 수 있다면 점수가 향상될 것입니다.

핵심 웹 바이탈 - 모범 사례와 더 나은 성과를 향한 건강한 넛지

Google은 우리 모두가 모범 사례를 준수하도록 하고자 합니다. 이는 인터넷 간소화된 경험과 추가된 안전 조치로 모두를 위한 더 나은 세상을 만들고자 합니다. Google은 SEO 관행에 이상적으로 적용되어야 할 새로운 표준을 추가함으로써 개발자, 마케터, 사이트 빌더 더 나은 인터넷을 만들기 위해 최선을 다하고 있습니다.

온라인 세상을 모바일 친화적인 환경으로 만들고, 더 안전한 브라우징을 구현하고, SSL 및 HTTPS 운영을 표준으로 도입하는 데 기여했습니다.

이러한 최신 옵션은 사용자를 최대한 오랫동안 웹사이트에 머물게 하여 전환율을 극대화하려면 사용자를 관리하는 것이 중요하다는 점을 상기시키기 위해 설정되었습니다. 언뜻 보기에는 SEO에 큰 영향을 미치지는 않지만, 목표하는 지표와 매출을 훨씬 더 많이 달성하는 데 도움이 될 수 있습니다.