Google의 2021 Core Web Vitals 최종 가이드

페이지 경험을 위한 Google의 최신 알고리즘 업데이트(주로 Core Web Vitals에 대해 많이 언급됨)는 2021년 XNUMX월부터 시행. 그러나 이것이 SEO 또는 BigCommerce 웹사이트에 무엇을 의미하는지 모르더라도 걱정하지 마십시오. 

BigCommerce의 제품 관리 부사장인 Troy Cox는 "페이지 로드 성능을 포함하여 페이지 경험을 개선하고 전환을 지원하는 것은 항상 우리의 주요 초점이었습니다."라고 조언합니다. "Google의 Core Web Vitals 이니셔티브를 통해 페이지 경험을 쉽게 수량화할 수 있으며 우리는 이러한 측정항목에 맞게 플랫폼을 최적화하기 위해 Google과 한동안 협력해 왔습니다."

이 가이드에서는 핵심 Web Vitals, 페이지 경험을 측정하는 방법, SEO 및 웹사이트 경험을 개선하기 위해 활용할 수 있는 특정 리소스를 포함한 Google의 페이지 경험 신호를 검토합니다.

페이지 경험을 위한 Google의 XNUMX가지 신호 

에 따르면 구글, 페이지 경험은 순수한 정보 가치 이상으로 웹 페이지와 상호작용하는 경험을 사용자가 어떻게 인식하는지 측정하는 신호 세트입니다. 페이지 경험의 이면에 있는 아이디어는 웹사이트를 사용자에게 가장 적합하게 만드는 것입니다. 

이를 실현하기 위해 Google은 사용자가 집중할 수 있는 XNUMX가지 검색 신호를 공유했습니다.

• 모바일 친 화성
• 안전 브라우징
• HTTPS/SSL 또는 암호화
• 방해가 되는 전면 광고
• 가장 큰 콘텐츠 페인트 (LCP)
• 첫 번째 입력 지연 (FID)
• 누적 레이아웃 시프트 (CLS)

목록의 처음 XNUMX개 항목은 수년 동안 사용되어 왔지만 마지막 XNUMX개 항목은 로딩 속도, 상호 작용성 및 시각적 안정성을 다루는 새로운 Core Web Vitals를 구성합니다. 

"Google은 모바일 우선 디자인, 안전한 브라우징, HTTPS 및 침입 삽입 광고와 같은 기존 신호를 찾고 있으며 마지막 신호를 제외하고 BigCommerce는 모든 것을 즉시 사용할 수 있습니다."라고 클라이언트 개발팀의 Brian Miller가 설명합니다. BigCommerce의 임원. "우리 테마는 모바일 친화적이며 JavaScript 라이브러리를 업데이트하고 사이트 전체에 HTTPS를 제공합니다."

그러나 명심해야 할 것은 이러한 각 신호는 전반적인 SEO 및 고객 경험 전략의 일부여야 한다는 것입니다. Google은 이러한 변경 사항이 검색 결과를 제공할 때 고려하는 수백 가지 신호에 합류할 것임을 분명히 했습니다. 

이제 각 검색 신호가 무엇인지 알았으므로 SEO 및 고객 경험에 미치는 영향을 살펴보겠습니다.

1. 모바일 친화적인 웹 페이지.

스마트폰이 등장한 이후로 모바일 검색이 크게 증가했습니다.. 스마트폰의 영향을 예상하고, Google은 모바일 친화적 웹사이트를 우선시했습니다. 2015년 검색 순위에서

모바일 친화적 또는 모바일 우선이란 사용자가 휴대전화에서 직접 반품 정책 찾기와 같은 작업을 쉽게 완료할 수 있어야 한다는 의미입니다. 전자상거래 웹사이트를 모바일 친화적으로 만들려면 페이지의 각 요소가 사용 중인 기기에 상관없이 사용자의 화면에 자동으로 맞춰지는 반응형 디자인을 지원하는 테마를 선택해야 합니다.

2. 안전한 브라우징. 

하나의 페이지 경험 신호 Google이 의지한 것은 세이프 브라우징입니다. 이는 귀하의 웹사이트에 악의적이거나 기만적인 콘텐츠가 없음을 의미합니다. 예를 들어 맬웨어 또는 사회 공학 콘텐츠입니다.

3. HTTPS/SSL.

이 순위 요인은 다음과 같은 웹 사이트를 향상시킵니다. HTTPS를 채택하다, 사용자에게 보다 안전한 브라우징 경험을 제공합니다. BigCommerce는 무료로 제공됩니다. SSL(Secure Sockets Layer) 인증서 모든 계획의 전자 상거래 상점에 대해 사이트 전체 HTTPS를 활성화할 수 있습니다. BigCommerce를 사용하지 않는 경우 도메인 제공업체에 연락하여 SSL을 구매할 수 있습니다.

4. 방해가 되는 전면 광고가 없습니다. 

아니요 방해가 되는 전면 광고 복잡하게 들릴 수 있지만 단순히 사용자가 콘텐츠에 액세스하기 어렵게 만드는 요소를 웹사이트에 추가하지 않는다는 의미입니다. 예를 들어, 누군가가 검색 결과에서 페이지를 탐색할 때 페이지의 주요 콘텐츠를 덮는 팝업을 표시하지 마십시오.  

그러나 쿠키 사용을 위한 배너 또는 연령 확인을 위한 전체 화면 차단기와 같이 Google에서 괜찮다고 말하는 일부 유형의 전면 광고가 있습니다.

5. 가장 큰 내용이 포함된 페인트(LCP).

느린 로딩 웹사이트는 수년 동안 사용자에게 주요 고통점이었습니다. 페이지가 충분히 빨리 로드되지 않았기 때문에 불가피하게 이전에 웹사이트를 포기한 적이 있습니다. 그러나 웹사이트 소유자가 페이지 로딩 속도를 포함하는 매우 복잡한 측정항목을 측정하는 데 정말 효과적인 방법은 없었습니다. 

BigCommerce의 웹 전략 이사인 Jeremy Adam은 "전자 상거래의 관점에서 이는 사이트로 트래픽을 유도하는 방법에 있어 매우 기본적입니다."라고 설명합니다. “페이지 로드 속도는 무시하기 쉽기 때문에 많은 사람들이 현재 충분한 관심을 기울이지 않고 있다고 생각합니다. 그러나 다른 장치와 다른 인터넷 연결을 가진 많은 사람들이 있다는 것을 명심해야 합니다.”

보고 가장 큰 콘텐츠 페인트 (LCP), 웹 사이트에서 가장 큰 이미지 또는 텍스트 블록을 렌더링하는 데 걸리는 시간을 결정할 수 있습니다. 그리고 Google에 따르면 좋은 사용자 경험은 LCP가 2.5초 이내에 발생해야 함 페이지가 처음 로드되기 시작하는 시간입니다.

6. 최초 입력 지연(FID).

콘텐츠가 페이지에 로드되면 좋은 경험의 다음 표시는 해당 콘텐츠와 상호작용을 시작할 수 있을 때입니다. 여기는 첫 번째 입력 지연 (FID) 응답성을 수치화하기 위해 온다.

BigCommerce의 SEO 성장 코치인 Jose Flores III는 다음과 같이 설명합니다. 예를 들어, 비디오 게임 용어로 입력이 느린 컨트롤러가 있으면 정말 실망스럽죠? 사용자가 지연 없이 바로 콘텐츠 탐색을 시작할 수 있기를 바랍니다."

FID는 누군가가 페이지와 처음 상호 작용할 때부터 브라우저가 해당 상호 작용을 처리할 때까지의 시간을 측정합니다. 이 측정항목에 대해 Google은 페이지의 FID가 100밀리초 미만이어야 한다고 명시합니다.

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

“뉴스 사이트를 검색하고 있는데 갑자기 여러 개의 광고가 표시된다고 가정해 보겠습니다. CLS가 페이지 경험에 부정적인 영향을 미치기 때문에 Google이 CLS를 실제로 목표로 삼고 있는 것입니다.”라고 BigCommerce의 SEO 관리자인 Kevin Jones는 말합니다. 

누적 레이아웃 시프트 (CLS) 사용자가 사이트와 상호 작용할 때 웹 페이지가 이동하는 빈도를 측정합니다. 특히 CLS는 예상치 못한 각 레이아웃 이동의 총계를 설명하므로 페이지에서 시각적 안정성의 중요성을 강조합니다. Google에 따르면 CLS에 대한 좋은 점수는 0.1 이하.

"특히 BigCommerce가 누적 레이아웃 이동을 지원하는 방식은 우리 테마의 대부분이 초기 보기 포트의 우선 순위를 지정하도록 설계된 저해상도 이미지 미리 보기와 함께 지연 로딩과 같은 기술을 사용한다는 것입니다."라고 Flores는 말합니다. .

한 가지 염두에 두어야 할 것은 모든 레이아웃 변경이 나쁜 것은 아니라는 것입니다. 예상치 못한 변경만 있을 뿐입니다. 예를 들어, 누군가가 검색창에 입력을 시작하거나 비디오를 재생하기 시작하면 페이지의 일부 콘텐츠가 변경될 것으로 예상합니다. 

이제 XNUMX개의 검색 신호를 각각 검토하고 핵심 핵심 성능에 대한 좋은 점수를 정의했으므로 이를 측정하는 방법을 살펴보겠습니다.

핵심 웹 바이탈을 측정하는 방법

가장 중요한 영역을 더 잘 이해할 수 있도록 Google은 각 Core Web Vital을 나쁨(빨간색), 개선 필요(노란색) 및 좋음(녹색)으로 분류합니다. 

“이러한 카테고리는 웹 페이지의 실적을 보여주는 좋은 지표입니다. 따라서 예를 들어 여러 개의 불량한 URL이 표시되는 경우 문제를 더 자세히 조사하여 점수가 왜 그렇게 낮은지 알아내야 합니다.”라고 Jones는 조언합니다.

또한 Google은 핵심 성능 평가를 위한 여러 솔루션을 제공합니다. 기술 경험이 적은 사람들을 위해, PageSpeed​​ 인사이트 성능에 대한 보고서와 해당 페이지를 개선할 수 있는 방법에 대한 제안을 제공합니다.

SEO 무기고의 일부가 되어야 하는 또 다른 도구는 Google 검색 콘솔. 검색 트래픽, 검색어, 클릭 및 추천 사이트에 대한 데이터를 제공하는 것 외에도 Google은 이제 Core Web Vitals 보고서. 보고서는 상태, 메트릭 유형 및 URL 그룹(유사한 웹 페이지의 그룹)별로 그룹화된 URL 성능을 보여줍니다.

더 많은 기술 경험이 있는 사용자를 위해 Google은 다음과 같은 몇 가지 심층 리소스를 제공합니다.

"Google 도구를 활용하는 것 외에도 대행사는 판매자가 접하는 데이터를 투명하게 공개하고 판매자 웹사이트를 개선하고 판매자를 안내하는 데 도움이 되는 유용하고 관련성 있는 권장사항을 제공함으로써 판매자가 웹사이트가 Google의 핵심 핵심 성능 업데이트에 대한 벤치마크를 충족하도록 도울 수 있습니다. 구현 프로세스를 통해 모든 것이 가능한 한 버튼으로 고정되도록 사후 구현을 추적합니다.”라고 Robyn Riley, 수석 기술 분석가 ROI 혁명.

국제적으로 판매하는 전자 상거래 비즈니스의 경우 각 지역의 페이지 로드 시간도 측정해야 합니다. 예를 들어 귀하가 미국에 거주하고 있지만 영국을 타겟팅하는 방문 페이지가 있다고 가정해 보겠습니다. 

영국의 페이지 로드 시간을 이해하고 미국 페이지만큼 좋은지 확인하고 싶을 것입니다. 이는 인터넷 연결 속도가 대륙 전체에 걸쳐 크게 다를 수 있는 호주와 같은 지역에서 특히 중요합니다. 

"지역 부하 시간을 측정하는 또 다른 도구는 SolarWinds의 Pingdom"라고 아담은 설명합니다. “실제로 URL을 입력하고 로드할 서버 위치를 선택할 수 있습니다. 그리고 다른 지역에서 테스트할 것입니다.”

이러한 변화의 시기에 관해서는, 2021년 XNUMX월 Google의 업데이트 는 2021년 XNUMX월 중순부터 순위 시스템의 일부로 페이지 경험을 사용하기 시작할 것이라고 밝혔습니다. 그러나 페이지 경험은 XNUMX월 말까지 완전한 역할을 하지 못할 것입니다.

2021년 핵심 Web Vitals 업데이트를 위해 온라인 상점을 준비하는 방법 

BigCommerce 판매자의 경우 SEO 최적화와 관련하여 이미 다리가 있습니다. 모바일 지원 테마, 인사이트 및 분석 도구, 페이지 제목, 메타 설명 및 이미지 대체 텍스트 필드, 콘텐츠 전달 네트워크 및 Akamai Image Manager가 모두 포함되어 있습니다. 또한 코딩 경험이 없더라도 이를 활용할 수 있습니다.

물론 이것이 페이지 경험을 위해 사이트를 최적화하는 데 여전히 능동적일 필요가 없다는 것을 의미하지는 않습니다. 사실, 순위를 향상시키는 중요한 변경을 수행하기 위해 가장 많이 제어할 수 있는 항목 중 하나입니다.

“판매자를 위한 핵심 Web Vitals를 최대화하기 위해 여러 플랫폼 업데이트를 진행했습니다. 그렇긴 하지만, 상인들도 알고 있어야 하고 잠재적으로 어떤 일을 해야 합니다.”라고 Cox는 말합니다. “예를 들어 판매자는 페이지 콘텐츠를 완전히 제어할 수 있습니다. 핵심 활력을 극대화하는 방식으로 페이지 콘텐츠를 구축해야 합니다.” 

그러나 소규모 비즈니스를 운영하든 여러 전자 상거래 사이트를 최적화하든 이러한 모든 변경을 수행하는 것은 누구에게나 어려울 수 있습니다. 도움이 되도록 리소스 목록을 모았습니다.

1. BigCommerce University SEO 코칭을 활용하십시오.

BigCommerce 판매자라면 다음을 활용할 수 있습니다. SEO 코칭 및 감사 서비스. 가상 세션을 통해 코치는 트래픽 및 SEO 성능을 측정하고 귀하가 만들 수 있는 특정 개선 사항에 대한 권장 사항을 제공하기 위해 귀하와 협력합니다. 

"우리는 전문가가 되는 방법에 대해 교육하기 위해 왔습니다."라고 Miller가 덧붙입니다. "우리 서비스는 판매자가 즉시 만들 수 있는 쉽고 빠른 업데이트부터 판매자가 전략적 비즈니스 계획에서 해결할 수 있는 기회 격차에 이르기까지 모든 것을 총체적으로 식별하도록 설계되었습니다."

세 가지 다른 SEO 패키지 사용 가능, 판매자는 특정 요구 사항에 가장 적합한 옵션을 선택할 수 있습니다.

2. BigCommerce Agency 파트너를 탐색하십시오.

BigCommerce Agency 파트너는 판매자 또는 추가 SEO 또는 개발자 지원을 원하는 사람을 위한 또 다른 훌륭한 리소스입니다. 아래는 짧은 목록입니다. 그러나 더 많은 대행사 파트너를 찾을 수 있습니다. 우리의 디렉토리에 나열.

우리는 심지어 썼다 SEO 대행사 선택을 위한 팁이 포함된 전체 블로그 기사 함께 일할 올바른 파트너를 선택하는 데 도움이 될 수 있습니다.

3. 새로운 SEO 도구를 알아보십시오.

Google Search Console 및 Google Analytics 외에도 SEO에 특화된 보다 강력한 도구를 살펴볼 수 있습니다. 다음은 우리 팀에서 권장하는 몇 가지 옵션입니다.

• 쑥갓 SEO는 물론 콘텐츠 마케팅, 광고 및 경쟁사 연구를 추적하고 분석하는 데 필요한 모든 것을 포괄하는 광범위한 기능을 제공합니다.
• 모즈 키워드 연구, 순위 추적 및 페이지 최적화를 위한 도구를 사용하여 SEO에 대해 자세히 설명합니다. 게다가, 그들은 그들의 무료 콘텐츠를 엄청나게 많이 가지고 있습니다. 블로그.
• Ahrefs 웹사이트를 감사하고, 키워드를 이해하고, 깨진 링크를 식별하고, 순위를 추적하는 데 도움이 되는 올인원 SEO 도구 세트입니다.

4. 구글 문서를 계속 파헤쳐라.

제한된 예산으로 작업하는 경우 걱정하지 마십시오. Google은 검색을 위해 웹사이트를 최적화하는 방법에 대해 자세히 알아볼 수 있는 풍부한 무료 리소스를 보유하고 있습니다.

• SEO 시작 가이드: Google의 모범 사례에 따라 SEO의 기본에 대한 전체 개요를 확인합니다.
• 고급 SEO 가이드: 웹 사이트 관리 및 유지 관리에 대한 고급 주제에 대해 알아봅니다.
• Google 검색 채널: Google 검색에서 사이트를 개선하는 데 사용할 수 있는 정보와 도구를 공유하는 동영상을 시청하세요.
• 핵심 웹 바이탈: 각 핵심 핵심 성능 및 전자 상거래 사이트에 미치는 영향에 대한 자세한 내용은 Google 문서를 참조하십시오.

5. BigCommerce에서 더 많은 리소스를 확인하세요. 

BigCommerce가 강력한 기술 자료 SEO 모범 사례에 전념하는 여러 가이드가 있습니까? 그렇지 않은 경우 여기에서 자유롭게 확인하십시오.

우리는 또한 전자 상거래와 SEO에 관한 모든 것에 대해 지속적으로 블로그를 작성하고 콘텐츠를 만듭니다. 사실, 우리는 그것에 대해 몇 년 동안 썼습니다. SEO에 중점을 둔 주요 블로그 게시물을 확인하십시오.

또한 우리 팀은 짧은 웨비나 시리즈 광범위한 전자 상거래 주제를 다룹니다. SEO의 기본 규칙과 트래픽을 얻는 4가지 방법을 시청하는 것이 좋습니다.

핵심 Web Vital을 위한 두 가지 간편한 전자상거래 최적화 

Core Web Vitals 및 전반적인 SEO 모범 사례에 대해 자세히 알아볼 것이 많습니다. 그러나 준수 기한이 빠르게 다가오고 있으므로 지금 시작하고 싶다면 할 수 있는 두 가지 쉬운 일을 확인했습니다.

1. 이미지를 최적화하고 압축합니다.

영웅 이미지, 제품 사진, 회전 목마 및 배너 사이에 전자 상거래 웹 사이트에는 많은 이미지가 있습니다. 그리고 많은 전자 상거래 사이트에서 이미지는 로드해야 하는 가장 큰 요소이므로 LCP 지표에 부정적인 영향을 미칠 수 있습니다.

Adam은 "이미지가 페이지 로드 속도에 어떤 영향을 미칠지 생각해야 합니다."라고 조언합니다. "콘텐츠 전송 네트워크가 있더라도 이미지를 상점에 추가하기 전에 압축하는 것이 항상 모범 사례입니다."

이외에도 이미지 압축, 페이지의 콘텐츠와 관련이 없는 경우 일부를 제거하는 것이 좋습니다. 그리고 항상 이미지가 JPEG 2000, JPEG XR 또는 WebP와 같이 가장 최신의 웹 친화적인 형식인지 확인하십시오. 

또한 BigCommerce에 사용자 정의 테마가 있는 경우 당사의 콘텐츠 전달 네트워크, 이미지를 최적화하는 것 외에도.

2. 타사 도구를 평가합니다.

타사 도구와 플러그인은 페이지 로드 속도를 느리게 만드는 가장 큰 원인 중 하나입니다. 이러한 도구 중 많은 부분이 꼭 필요한 기능을 제공하지만 사용하지 않았거나 사용을 중단한 도구도 있을 수 있습니다.

Adam은 "설치한 타사 도구와 앱을 감사합니다."라고 권장합니다. “귀하의 사이트에 로드하는 코드의 일부를 줄이거나 사용 중인 코드의 양을 알 수 있는 방법을 찾는 것을 고려하십시오. 그리고 사용하지 않는 앱이 있으면 제거하세요.”

Google에서 먼저 조사할 것을 제안하는 타사 코드 및 도구는 다음과 같습니다.

• 소셜 공유 버튼
• 동영상 플레이어 삽입
• 채팅 서비스
• 광고 iframe
• 분석 및 측정항목 스크립트
• 실험을 위한 A/B 테스트 스크립트

또한 Google은 서로 다른 두 공급업체의 동일한 기능을 사용하지 않는 것이 좋습니다. 예를 들어, 두 개의 태그 관리자나 두 개의 A/B 테스트 도구가 필요하지 않을 수 있습니다.

최대 포장

이 가이드가 Google의 핵심 핵심 성과와 페이지 경험의 다른 모든 요소를 ​​더 잘 이해하는 데 필요한 출발점을 제공하기를 바랍니다. 결국 Google은 우리 모두가 하는 일, 즉 모두를 위한 더 나은 웹사이트 경험을 원합니다. 따라서 고객에게 가치를 더하는 양질의 콘텐츠를 만드는 데 계속 집중하는 한 좋은 모습을 보일 것입니다.

출처: https://www.bigcommerce.com/blog/google-core-web-vitals/