누적 레이아웃 이동 101. SEO에서 CLS란 무엇입니까?

웹사이트가 검색 결과에서 선두를 달리고 있는지 확인하기 위해 SEO의 또 다른 해와 모니터링 및 최적화를 위한 또 다른 측정항목입니다. 그러나 누적 레이아웃 이동이란 무엇입니까? SEO에 어떤 영향을 미칠 수 있습니까? 그리고 그것을 개선하기 위해 우리는 무엇을 할 수 있습니까?

자, 살펴보겠습니다.

목차 생성을 시작하려면 헤더를 추가하세요.

핵심 웹 바이탈

누적 레이아웃 이동을 살펴보기 전에 핵심 웹 바이탈을 간략히 살펴봐야 합니다.

Core Web Vitals는 웹사이트의 페이지 로딩 성능을 측정하기 위해 Google에서 개발한 측정항목 세트입니다.

이유? 사용자 경험. Google은 사용자의 사용자 경험을 더욱 개선하기 위해 노력하고 있습니다. 또한 웹사이트 방문자에게 더 나은 경험을 제공하기 위해 Google에서 참조한 웹사이트를 테스트하고 측정하는 새로운 방법을 지속적으로 개발하고 있습니다.

핵심 성능 향상은 2021년 5월 핵심 Google 업데이트 내에서 출시될 예정입니다. Google이 핵심 성능 목표 점수를 충족하지 못하는 웹사이트에 페널티를 줄 것으로 보이지는 않지만 충족하는 웹 사이트가 이러한 표준은 검색 순위를 높일 수 있습니다.

Google은 이러한 측정항목이 시간이 지남에 따라 발전할 것이며 훌륭한 사용자 경험을 결정하는 데 결코 완벽하지 않다는 점을 분명히 했습니다.

순위 알고리즘 내에서 이러한 새로운 메트릭의 가중치는 알려지지 않았지만 콘텐츠 품질 및 백링크 프로필을 포함하여 알려진 순위 요소와 관련하여 최소인 것으로 생각됩니다.

누적 레이아웃 이동이란 무엇입니까?

누적 레이아웃 전환은 사용자 경험을 위해 웹사이트의 품질을 측정하는 데 사용되는 주요 3가지 핵심 웹 바이탈 중 하나입니다.

메트릭은 웹 페이지의 시각적 안정성을 측정합니다.

우리 대부분은 웹 페이지에서 로딩하는 동안 이동하거나 이동하는 요소를 경험했습니다. 아마도 당신은 웹사이트 홈 페이지에서 \'자세히 알아보기\' 버튼을 클릭하려고 할 것이고, 그러면 그 위나 아래에 사진이 로드되어 버튼의 위치를 ​​이동시킬 것입니다.

이러한 예상치 못한 레이아웃 변화는 페이지 또는 사용자 세션의 수명 동안 측정됩니다. 페이지 레이아웃의 요소가 한 렌더링된 프레임에서 다음 프레임으로 위치를 이동할 때 위치 이동이 기록됩니다.

레이아웃 시프트입니다.

짜증나는 것은 당연합니다. 그것은 웹사이트 사용자가 하려고 하는 것을 방해하고, 웹사이트를 탐색할 때 극도로 좌절할 수 있는 대신에 다른 링크를 클릭하게 될 수 있습니다.

이 문제는 광고를 표시하는 웹사이트가 페이지의 다양한 위치에 로드되기 때문에 특히 만연한 것 같습니다.

누적 레이아웃 이동 메트릭은 웹사이트 소유자 또는 SEO 대행사가 CLS를 측정하고 이를 개선하기 위한 조치를 취할 수 있도록 설계되었습니다.

웹 페이지의 누적 레이아웃 이동을 측정하는 현재 방법은 다음과 같습니다.

• PageSpeed ​​Insights – CLS 및 기타 Core Web Vital 메트릭에 대한 심층 분석을 위해 이 도구를 사용합니다. 개선해야 할 제안 영역과 함께.
• Search Console – 이제 대시보드에 핵심 성능 보고서가 포함되어 페이지가 표준을 충족하는지, 개선이 필요한지 또는 낮은 평가를 받았는지 보여줍니다.
• Chrome 사용자 경험 보고서 – 웹 페이지를 로드할 때 Chrome 사용자가 경험하는 것을 측정하도록 설계된 보고 도구입니다.

레이아웃의 모든 변화가 나쁘거나 우려할 만한 것은 아니라는 점을 명심하십시오. 많은 최신 웹 사이트는 고도로 상호 작용하고 동적입니다. 사용자가 항목 위에 마우스를 올리거나 버튼을 클릭하여 요소 또는 콘텐츠가 위치를 이동하면 괜찮습니다. 이는 예상 레이아웃 변경으로 분류됩니다.

CLS가 SEO에 어떤 영향을 미칠 수 있습니까?

CLS 또는 누적 레이아웃 이동은 다른 핵심 핵심 성과 지표와 함께 모든 SEO 전략에 중요한 추가 사항이 되었습니다.

사용자 경험은 Google이 알고리즘을 개발하는 데 있어 중요한 초점이며 이러한 측정항목은 웹사이트 소유자 또는 대행사가 사용자에게 이익이 되도록 사이트를 개선하는 데 도움이 되도록 설계되었습니다.

따라서 2021년 이후의 SEO는 다른 페이지 내 SEO 요소 외에도 사용자 경험에 중점을 두어야 합니다.

몇 년 전 SEO는 웹사이트의 관련성을 보여주기 위해 페이지에 키워드를 추가하는 것이었습니다. 최적화는 이제 훨씬 더 복잡해지고 해마다 빠르게 발전하고 있습니다.

사용자의 위치에 있는 것이 모든 SEO 캠페인에서 우선 순위가 되어야 하며 대부분의 대행사 SEO 패키지에서 필요한 수정 사항이 되었습니다.

누적 레이아웃 변경 개선

Core Web Vitals 표준을 충족하기 위해 필요한 수준을 충족하고 능가하는 것은 어려울 수 있습니다. Google은 위에서 언급한 측정 도구를 사용하여 대부분의 웹사이트 소유자가 이를 가능하게 했습니다.

웹사이트를 직접 관리하고 SEO 경험이 거의 없는 사람에게도 해당됩니다. 약간의 조정을 하고 사이트 요금을 다시 확인하는 것이 좋은 출발점입니다.

명백한 문제를 찾는 것으로 시작하십시오. 웹 페이지를 로드하고 다른 요소의 위치를 ​​이동할 수 있는 요소 로드의 명백한 지연을 찾으십시오.

각 웹 페이지를 방문하기만 하면 대부분의 CLS 문제가 명확해지는 경우가 많습니다.

요소가 이러한 방식으로 작동하는 이유를 살펴보고 솔루션은 간단할 수 있습니다.

예: 로드하는 데 시간이 오래 걸리는 대용량 고품질 이미지가 있습니까? 해당 이미지에 대한 자리 표시자를 추가하고 위치를 효과적으로 예약하고 완전히 로드될 때 콘텐츠 이동을 제거하는 것을 고려하십시오.

기타 핵심 성능 평가 지표

누적 레이아웃 이동은 웹 페이지에서 사용자 경험을 개선하는 데 도움이 되도록 설계된 세 가지 주요 메트릭 중 하나일 뿐입니다.

다른 두 가지가 비교하면 매우 간단해 보일 수 있으므로 아마도 가장 혼란스러운 것입니다.

이것들은 짧은 설명이 포함된 다른 두 가지 핵심 성능 향상 지표입니다.

• 첫 번째 입력 지연 – 상호 작용. 사용자가 페이지와 처음 상호작용할 때부터 브라우저가 응답 처리를 시작할 수 있을 때까지의 시간을 측정합니다.
• 가장 큰 콘텐츠가 포함된 페인트 – 페이지 로딩. 페이지에서 볼 수 있는 가장 큰 이미지 또는 콘텐츠 블록을 렌더링하는 시간에 초점을 맞춰 페이지의 로드 성능을 측정합니다.

이 두 가지 측정항목은 누적 레이아웃 이동과 함께 2021년 5월 Google 업데이트의 기둥이 됩니다.

결론

크게 잘못 이해되고 있는 누적 레이아웃 이동을 포함한 핵심 웹 바이탈은 200개 이상의 요소에 대한 Google의 순위 알고리즘에 추가할 새로운 측정항목입니다.

측정항목은 Google 사용자에게 더 나은 환경을 제공하도록 설계되었습니다.

로딩이 느리거나 상호작용이 지연되거나 페이지에서 움직이는 요소가 있는 웹사이트로 소중한 사용자를 보내는 이유는 무엇입니까?

웹사이트 소유자가 웹사이트를 최대한 활용하고 방문자를 유지하여 문의 및 판매를 생성할 수 있도록 돕는 것이 목표입니다.