HubSpot 사용자가 핵심 Web Vitals 업데이트를 극복하는 6가지 방법

HubSpot 사용자: 페이지 속도를 마지막으로 확인한 것이 언제였습니까? 시간이 좀 지났다면 해야 할 일이 있습니다. 이유는 다음과 같습니다.

Google은 오랫동안 기다려온 Page Experience 업데이트를 출시하기 시작했습니다. 새로운 순위 알고리즘은 2021년 8월 말까지 완료될 것으로 예상됩니다. 사이트 속도 , 전반적인 사용자 경험 및 페이지 응답성은 검색 엔진 순위를 결정하는 세 가지 중요한 요소가 될 것입니다. Google은 업데이트 전에 사이트의 페이지 경험을 측정하기 위해 Core Web Vitals로 알려진 세 가지 측정항목을 만들었습니다.

이러한 핵심 성능 향상을 측정하는 데 도움이 되는 여러 도구와 이를 개선하는 데 도움이 되는 많은 팁이 있지만 HubSpot 사용자로서 이러한 권장 사항 중 일부는 가장 적합하지 않을 수 있습니다. 그래서 페이지 경험 업데이트를 극복하기 위해 이 HubSpot 관련 가이드를 마련했습니다. 다음은 HubSpot 사용자가 Core Web Vitals 업데이트를 극복하는 6가지 방법입니다.

1. 핵심 Web Vital이 무엇인지 이해

먼저 핵심 Web Vital이 무엇인지, 어떻게 측정하는지, 좋은 점수가 어떤 것인지 확실히 이해하고 있는지 확인하세요. 공정한 경고 - 이 용어는 다소 복잡하게 들립니다. 그러나 그것들을 분해하면 보이는 것보다 훨씬 간단합니다.

Google의 Core Web Vitals를 구성하는 세 가지 측정항목은 다음과 같습니다.

• LCP(Large Contentful Paint) - 사이트의 속도를 측정합니다. 메트릭은 페이지의 주요 콘텐츠가 사용자 화면에 로드되는 데 걸리는 시간을 나타냅니다. 링크를 클릭한 후 콘텐츠가 로드되는 데 걸리는 시간으로 생각하십시오.
• FID(First Input Display) - 페이지의 상호 작용을 측정합니다. 사용자가 사이트와 상호 작용하는 데 걸리는 시간을 측정합니다. 예를 들어 누군가 버튼을 클릭하면 FID는 해당 요청을 실제로 처리하는 데 걸리는 시간을 측정합니다.
• CLS(누적 레이아웃 이동) - 페이지가 로드되는 동안 얼마나 안정적인지 또는 "시각적 안정성"을 측정합니다. 높은 CLS는 페이지의 요소가 로드되는 동안 많이 이동한다는 것을 의미하며 이는 좋은 사용자 경험이 아닙니다.

이러한 측정항목과 함께 Google은 페이지가 핵심 성능 평가 기준을 충족하는지 여부를 결정하는 벤치마크도 설정했습니다. 목표는 다음과 같습니다.

• LCP - 페이지는 방문 후 2.5초 이내에 주요 콘텐츠를 로드해야 합니다.
• FID - 사용자는 페이지를 방문한 후 100밀리초 이내에 페이지와 상호작용해야 합니다.
• CLS - 누적 레이아웃 이동 점수는 .1 미만이어야 합니다. 즉, 페이지 레이아웃에 점프가 거의 또는 전혀 없습니다.

이제 점수를 매겨야 하는 점을 알았으니 사이트의 핵심 웹 바이탈을 어떻게 측정합니까? Google은 이러한 측정항목을 측정 하는 몇 가지 새로운 방법을 추가하여 사이트 소유자를 매우 쉽게 만들었습니다. 여기에서 모두 다루지는 않겠지만 가장 쉬운 방법은 Page Speed ​​Insights 로 이동하여 URL을 입력하는 것입니다. 이 점수를 개선하기 위해 자동으로 점수와 추천을 받게 됩니다. 페이지는 또한 귀하의 점수가 통과 여부를 알려줍니다.

2. HubSpot의 SEO 추천 도구 사용

Google의 핵심 Web Vitals에 대한 확실한 이해와 함께 HubSpot의 도구를 활용할 수 있습니다. 페이지 경험 업데이트를 준비하기 위해 HubSpot은 핵심 Web Vital 점수를 개선하는 데 도움이 되는 지표를 포함하도록 SEO 권장 사항 도구 를 개선했습니다. HubSpot은 웹사이트 플랫폼을 기반으로 고유한 제안을 제공하므로 Google과 함께 이러한 권장 사항을 살펴보는 것이 좋습니다.

이 도구를 어떻게 사용합니까? HubSpot은 사용자를 위해 매우 간단하게 만듭니다.

1. 계정에서 Marketing Hub로 이동합니다.
2. "웹사이트"로 이동하여 "SEO"를 클릭합니다.
3. 새 도메인에서 권장 사항을 검색하는 옵션이 표시됩니다.
4. 웹사이트 도메인을 입력하고 "URL 스캔"을 클릭합니다.
5. 스캔이 완료되면 "권장 사항 보기"를 클릭하십시오.
6. HubSpot은 7개의 카테고리를 제공합니다. 페이지 경험 업데이트에 따라 성능, 보안 및 사용자 경험이 추가되었습니다.

HubSpot의 SEO 권장 사항 도구는 Google의 출시가 완료되기 전에 사이트에서 개선이 필요한 부분을 파악하기 위한 좋은 출발점을 제공합니다. 그러나 필요한 경우 평가하고 조정할 수 있는 다른 HubSpot 관련 조정도 있습니다.

3. 큰 이미지를 지연 로드

빠른 LCP 또는 페이지 로드 시간을 방해하는 가장 큰 요인 중 하나는 큰 이미지 또는 비디오 파일입니다. 가장 좋은 방법은 HubSpot 사이트에서 이미지를 호스팅하기 전에 이미지를 최대한 축소하고 압축하는 것입니다. 그러나 때로는 더 큰 파일 크기를 사용할 수 없습니다. 바로 "지연 로딩"이라는 기능을 활용하고 싶을 것입니다.

Lazy Loading은 말 그대로입니다. 페이지에서 해당 이미지가 있는 섹션으로 스크롤할 때까지 페이지의 이미지가 완전히 로드되지 않는 곳입니다. 그 자리에는 스크롤러가 이미지에 도달할 때까지 낮은 품질의 썸네일이 있습니다. 이러한 대용량 파일을 완전히 로드하지 않으면 페이지 로드 시간이 크게 줄어듭니다.

과거에는 HubSpot 사용자로서 Lazy Loading을 구현하기 위해 사용자 정의 모듈에 코드를 추가해야 했습니다. 웹 개발자의 도움이 필요했다는 의미입니다. 이제 HubSpot을 사용하면 기본 모듈에서 지연 로딩을 구현할 수 있습니다. 즉, 기본 이미지 모듈을 사용하여 방문 페이지, 블로그 게시물 또는 기타 웹사이트 페이지를 만들 때 지연 로드를 쉽게 활성화할 수 있습니다.

어떻게? 페이지에 이미지 모듈을 추가하고 "이미지 로드" 토글 내에서 "지연 로드"를 선택하기만 하면 됩니다. 정말 쉽습니다.

모든 이미지에서 이 작업을 시작하기 전에 주의해야 합니다. 이미지 로딩 지연은 때때로 페이지 레이아웃이나 사용자 경험에 영향을 줄 수 있습니다. 따라서 전략적으로 사용하십시오. 이미 파일 크기가 작은 이미지에는 필요하지 않을 수 있습니다.

4. 스마트 콘텐츠 재확인

스마트 콘텐츠 는 HubSpot의 귀중한 도구입니다. 그러나 제대로 사용하지 않으면 사용자 경험에 영향을 줄 수 있습니다. 스마트 콘텐츠가 있는 모든 페이지를 다시 확인하는 것이 좋습니다. 개인화가 의미가 있습니까? 사용자가 기대하는 대로 작동하고 있습니까?

일반적으로 HubSpot은 스마트 콘텐츠 도구를 사용할 때 올바른 콘텐츠를 로드하는 데 꽤 좋습니다. 그러나 핵심 핵심 성능 및 사이트 성능을 분석하는 동안 경험을 직접 테스트하는 것이 좋습니다. 모든 것이 예상대로 로드되고 페이지 레이아웃이 제대로 작동하는지 확인하십시오.

스마트 콘텐츠의 성능을 분석할 수도 있습니다. 총 페이지 조회수, 양식 제출, CTA 클릭수를 살펴보고 사용자가 스마트 콘텐츠에 적절하게 응답하는지 확인하십시오. 그렇지 않다면 이 콘텐츠를 어떻게 표현하고 있는지 다시 생각해 봐야 할 때입니다.

5. 채팅 도구 지연

HubSpot의 채팅 도구를 사용하십니까? 당신은 아마 그것을 꽤 좋아하고 우리는 그것을 얻습니다. 트래픽 및 리드 생성을 전환하는 데 유용한 기능입니다. 불행히도 페이지 속도에 큰 영향을 미칩니다.

아니요, 우리는 당신에게 그것을 없애달라고 요청하지 않습니다. 그러나 사이트 속도가 느려지지 않도록 최적화하기 위해 할 수 있는 몇 가지 작업이 있습니다. 사용자 를 위해 페이지가 완전히 로드될 때까지 채팅이 표시되지 않도록 채팅 로드 시간을 지연할 수 있습니다. 방법은 다음과 같습니다.

1. 대화 -> 채팅 흐름으로 이동합니다.
2. 변경하려는 채팅 흐름에서 "편집"을 클릭합니다.
3. "디스플레이" 및 "채팅 디스플레이 동작"에서 페이지의 시간을 편집하라는 메시지가 표시됩니다.

채팅을 지연할 시간(초)을 입력합니다. 이렇게 하면 설정된 시간 동안 채팅이 로드되지 않습니다. HubSpot은 5초 를 모범 사례로 권장합니다.

6. HubSpot 양식에 주의

HubSpot의 양식과 CTA는 특히 모바일에서 페이지 속도에 상당한 영향을 미칠 수 있습니다. 왜요? 각 양식과 CTA에는 상당한 로드 시간이 필요한 자체 Javascript가 있습니다.

쉬운 수정은 양식과 CTA를 드물게 사용하는 것입니다. 항상 버튼을 선택하지 마십시오. 때로는 CTA 대신 일반 하이퍼링크를 사용하여 동일한 결과를 얻을 수 있습니다. 또한 양식과 CTA를 배치할 위치에 좀 더 전략적으로 배치하고 싶을 것입니다. 예를 들어, 많은 회사는 리드 생성에 너무 집중하여 사이트의 거의 모든 페이지의 바닥글에 양식을 채우도록 선택합니다. 이것이 정말 필요한가?

데이터를 사용하여 결정을 내리십시오. 어떤 양식이 잘 수행되고 있는지 액세스하고 이를 페이지 로드 시간 증가의 이점과 비교하십시오. 페이지 속도를 높이는 것이 특정 양식이나 CTA를 제거할 가치가 있는지 결정하십시오. 하이퍼링크 CTA의 결과도 테스트하고 싶을 것입니다. 그들이 잘 수행한다면 리드를 포착하고 페이지 로드 시간을 줄이는 방법을 발견한 것입니다.

HubSpot 사이트의 Core Web Vitals를 개선했습니다. 언제 결과를 볼 수 있습니까?

대답하기 어려운 질문입니다. 그것은 처음에 핵심 성능 평가가 얼마나 열악했는지에 달려 있습니다. 어딘가에서 빨간색으로 득점했고 이제 녹색으로 득점하고 있다면 웹 트래픽에서 꽤 급격한 변화를 볼 수 있습니다.

그러나 이점은 검색 순위와 트래픽 그 이상입니다. 전환율도 증가할 것입니다. 그것에 대해 생각해보십시오. 빠른 페이지 로드 시간과 페이지 이동이 거의 또는 전혀 없는 더 나은 전체 사용자 경험을 제공하는 경우 사용자는 사이트에 불만을 품고 결과적으로 이탈할 가능성이 줄어듭니다.

따라서 검색 엔진 순위가 즉시 향상될 것이라고 보장할 수는 없지만 시간을 내어 Core Web Vitals를 개선하면 웹 사이트 사용자가 더 행복해지고 결과적으로 트래픽이 훨씬 더 많이 증가할 수 있습니다. 전환할 가능성이 더 높습니다.