핵심 웹 생명은 무엇입니까? Google 및 판매에 직접적인 영향을 미치는 이유는 무엇입니까?

"아름다운 웹 사이트 ...하지만 느리게"알지 못하고 판매와 SEO를 죽이는 고전적인 문제

이렇게 느낀 적이 있습니까? 당신은 아름답고 현대적이며 모든 각도에서 좋아 보일 때까지 웹 사이트를 디자인하기 위해 돈과 시간을 모두 전담했습니다. 그러나 그 결과는 꿈꾸는 것만 큼이 아니 었습니다. 고객은 들어 와서 빠르게 눌렀습니다. 주문은 Google의 순위가 아니며 콘텐츠가 좋지만 여전히 완전히 움직이지 않습니다. 제품은 흥미 롭습니다. 문제는 "무슨 일이 있었나요?"입니다. 이 문제는 아름답 지 않지만 보이지 않는 "경험"입니다. 이는 너무 많은 핵심 웹 생명에 숨겨져 있습니다. Google이 매우 중요하다는 웹 사이트 지표입니다. 그리고 그것은 당신이 생각하는 것보다 더 많은 비즈니스에 영향을 미칩니다.

‍

웹 사이트가 "아픈"이유는 무엇입니까? 3 전원을 통해 소스를 알아보십시오. 핵심 웹 생명

Google은 사용자가 최상의 경험을 원하기 때문에이 문제가 발생합니다. "Beautiful Kissing Image"는 사용자가 자극을주는 웹 사이트이며 Google은 누구에게도 해당 웹 사이트를 추천하고 싶지 않습니다. Core Web Vitals는 Google이 "사용자 경험"을 직접 평가하는 데 사용하는 3 가지 영역에서 "웹 사이트"와 같습니다.

1. LCP (최대의 만족스러운 페인트) - 적재 속도 : 적재 속도입니다. 메인 그림이나 블로그와 같은 화면의 "가장 큰 요소",이 가치가 너무 길면 큰 텍스트가 고객이 "느린"웹 사이트를 느끼고 중요한 콘텐츠를보기 전에 닫을 수 있다고 생각합니다.

2. FID (첫 번째 입력 지연) / INP (대화식으로 다음 페인트와 대화식) - 응답 : 버튼을 클릭하거나 양식 작성과 같은 "응답"웹 사이트에서 사용자의 첫 번째 작업 속도입니다. 클릭 후 웹 사이트가 없거나 지연되면 직원이 고객이 경험을 즉시 더 나쁘게 만드는 상점과 같습니다 (참고 : Google은 FID에서 INP로 업데이트하여 전반적인 응답을 더 잘 측정합니다).

3. CLS (누적 레이아웃 시프트) - 웹 페이지의 안정성 : 웹 페이지의 "고요함"을 측정하는 것입니다. 잘못을 클릭 할 때까지 버튼이 탈출 되나요? 그것은 높은 CLS 값 중 하나이며 가장 성가신 경험 중 하나입니다. 클리닉과 병원이 온라인으로 고객을 잃는 주요 이유 중 하나입니다

‍

"속도 저하"웹 사이트 = 매일 돈과 고객이 "사라집니다"

핵심 웹 생명체를 무시하는 것은 단순한 기술이 아닙니다. 그러나 그것은 당신의 사업이 "혈액이 느리게"하도록하는 것이며, 이것이 실제 영향입니다.

-SEO 순위는 끔찍합니다 : 핵심 웹 생명은 "Page Experience"라는 순위 요인의 일부입니다. 이 점수가 낮 으면 Google은 웹 사이트를 지속적으로 줄입니다. 귀하의 웹 사이트는 사용자에게 좋은 경험을 제공하기에 충분하지 않다고 생각하기 때문에

- 심연의 판매 : Google의 연구에 따르면 1 초마다 웹 사이트가로드되는 것으로 나타났습니다. 전환율은 최대 20%감소 할 수 있습니다. 고객은 웹 사이트를 천천히 기다릴 수있는 인내심이 충분하지 않습니다. 그들은 웹에서 경쟁 업체로부터 더 빨리 누르고 구매할 준비가되었습니다.

- 광고 수수료는 더 비싸지 만 덜 효과적입니다. 사람들이 클릭 할 수있는 엄청난 돈을 촬영하기 위해 돈을 잃을 수도 있지만, 착륙 페이지가 느려지거나 사용하기 어려운 경우. 광고 수수료가 즉시 낭비되었습니다. 당신은 사람들에게 나쁜 경험을 경험하고 아무것도 사지 않고 떠났기 때문에

- 손상된 브랜드 이미지 : 브랜드의 비전문적이고 무지를 반영하는 느리고 어려운 웹 사이트. 고객이 자신감이 부족하고 다시 돌아 오기를 원하지 않는이 문제는 특히 SaaS 사업에 강렬합니다. 사용자 경험이 핵심입니다.

‍

웹 사이트 수정 방법 : 어디서부터 시작하고 있습니까? (이해하기 쉬운)

좋은 소식은이 문제를 해결할 수 있다는 것입니다. 그리고 당신은 가장 먼저해야 할 일을 시작하기 위해 프로그래머의 신이 될 필요는 없습니다. Google의 무료 도구가 포함 된 귀하의 웹 사이트는 PagesPeed Insights라는 웹 사이트입니다. 웹 사이트 URL을 넣으십시오. 모바일 및 데스크탑 모두에서 핵심 웹 생명체를 볼 수 있습니다. 그때부터 다음과 같이 편집을 시작하십시오.

-LCP 수정 (느린 다운로드 웹 사이트) : 대부분의 문제는 종종 "사진"에서 나옵니다.

• 그림의 크기를 압축하고 조정하십시오. 필요한 것보다 큰 이미지를 업로드하지 마십시오. 파일을 항상 사용하여 파일을 먼저 압축하십시오.
• 최신 형식 : JPG/PNG에서 Webp로 변경되는데, 이는 더 작지만 품질은 비슷합니다.
• 호스팅 또는 CDN 사용 (콘텐츠 전달 네트워크)을 업그레이드 : 서버가 세계 각지에서 더 빨리 응답하도록합니다.

- INP 해결 (느린 응답) : 문제는 종종 너무 어려운 코드로 인해 발생합니다.

• 불필요한 JavaScript 사용을 줄이십시오 : 플러그인 또는 다양한 스크립트를 확인하십시오. 사용되지 않고 제거되지 않은 것이 있다는
• 더 오래 실행되는 코드를 나눕니다. 이 부분은 개발자가 볼 수 있도록 도와야 할 수도 있습니다. 브라우저가 열심히 작동하지 않기 위해

-CLS (Web Twitching/Layout Move) : 이 문제는 해결하기 가장 쉽습니다.

• 항상 이미지와 비디오의 크기를 지정하십시오. HTML 코드에서 너비와 높이 값을 식별해야합니다. 브라우저를 미리 "예비"로 만들려면. 다운로드가 완료되면 다른 콘텐츠가 이동하지 않습니다.
• 광고 나 팝업 삽입에주의하십시오. 원본 콘텐츠를 연기하지 않도록하십시오.

이러한 요소를 이해하고 개선하는 것은 Google이 다른 요소에 대한 더 많은 정보를 고려하는 중요한 부분입니다. Google 공식 문서 에서 공부할 수 있습니다

‍

실제 예 : 전자 상거래 웹 사이트가 핵심 웹 생명을 통해 판매를 재시출 할 때.

이미지가 더 명확 해지려면 Shopify에서 수제 제품을 판매하는 온라인 상점의 예를 제시하고 싶습니다. 처음에 그들의 웹 사이트는 매우 아름다운 디자인을 가지고있었습니다. 고품질 제품을 사용하지만 대신 큰 문제가 발생했습니다. "웹 로딩은 매우 느립니다"(LCP 높음)와 제품 페이지는 나중에로드되기 때문에 제품 페이지는 일반적으로 "키가"(높은 CLS)입니다. 고객이 버튼을 "바스켓 추가"버튼을 누르도록합니다. 결과적으로 판매는 목표를 달성하지 못하고 SEO 순위는 움직이지 않습니다.

그들이하는 일 :

1. 모든 제품 이미지를 Webp 형식으로 변경하고 파일을 심각하게 압축하십시오.
2. 무대 뒤에서 작동하는 불필요한 Shopify 앱을 제거하고 웹 사이트를 늦추십시오.
3. 고객 리뷰를 위해 "예비 공간"으로 코드를 편집하십시오. 리뷰가로드되었을 때 레이아웃이 움직이지 않도록합니다.

놀라운 결과 : 한 달 만에 웹 사이트의 웹 사이트 핵심 웹 생명은 "녹색"으로 변경되었으며, 모든 수익률은 30%감소했으며 가장 중요한 것은 전환율 (주문 비율)이 최대 50%증가했습니다! 이전과 마찬가지로 총 판매가 증가하는 것은 조금 기술적 인 것처럼 보이는 문제를 해결하는 증거입니다. 대신, 그것은 엄청난 비즈니스 결과를 만듭니다. Shopify의 상점 주인에게 지속적으로 판매를 늘리려는 중요한 전략 중 하나입니다

‍

즉시 확인 목록 : 4 단계로 웹 사이트에 핵심 웹 생명을 업그레이드하십시오.

귀하의 웹 사이트를 강력하게 변경할 준비가 되셨습니까? 이 쉬운 체크리스트를 따르십시오.

1 단계 : 현재 점수를 확인하십시오.

Google Pagespeed Insights 로 이동하여 웹 사이트를 작성하십시오. 여전히 주황색 또는 빨간색 인 모바일 및 데스크탑 점수 (LCP, INP, CLS)를 참조하십시오.

2 단계 : 속도 처리 (LCP)

"기회"및 "진단"섹션을 보려면 아래로 스크롤하여 "올바른 크기 이미지"또는 "차세대 형식의 이미지 제공"과 같은 이미지에 대한 조언을 찾고 있습니다. 이것이 가장 빠른 결과이기 때문입니다

3 단계 : 배치를 완전히 만들기 (CLS)

"큰 레이아웃 교대를 피하십시오"에 대한 제안이 있는지 확인하십시오. 있다면 어떤 요소가 문제인지 확인하십시오. 그런 다음 CMS 시스템 (예 : 웹 플로, WordPress)으로 돌아가서 이미지의 크기 (너비/높이), iframe 또는 해당 광고 배너를 결정하십시오.

4 단계 : 점검 및 개조

각 지점을 수정 한 후 PagesPeed Insights로 다시 돌아와서 새로운 "분석"을 눌러 점수가 향상되는지 여부를 확인하십시오. 귀하의 웹 사이트를 가장 효과적으로 만들고 경쟁에 대비할 수 있도록하는 것은 항상 Google에 있습니다.

‍

사람들이 핵심 웹 생명에 대해 의심하는 경향이 있습니다.

Q1 : 핵심 웹 생명력을 100 전체 값으로 만들어야합니까?

A : 필요하지 않습니다. 주요 목표는 "좋은"기준 (양호) 또는 그린 존에서 3 점을 모두 만드는 것입니다. 100을 가득 채우려고하면 매우 높은 자원이 필요할 수 있으며 그만한 가치가 없습니다. 좋은 점수를 받으면 Google이 귀하의 웹 사이트가 좋은 경험이 있음을 알 수 있습니다.

Q2 : Core Web Vitals가 SEO의 가장 중요한 요소입니까?

A : 아니요, 핵심 웹 생명은 안전 (HTTP), 휴대 전화 지원도 포함하는 "페이지 경험"의 "부분"일뿐입니다. (모바일 친화적) 및 사용자를 방해하는 광고는 없지만 무엇보다도 가장 중요한 것은 여전히 "콘텐츠 품질"(유용한 콘텐츠)입니다.

Q3 : FID가 INP로 대체 될 예정입니다. 그것은 무엇이며 우리는 걱정해야합니까?

A : INP (다음 페인트와의 상호 작용)는 측정을 위해 개발 된 측정 값입니다. 웹 페이지의 "전반적인 반응"은 성전의 FID보다 낫습니다. 웹을 개선하기위한 "첫 번째 응답"만으로도 전체적으로 더 빠른 스크립트의 사용을 줄이는 것과 같은 전체 응답 (예 : 무거운 스크립트 사용)은 자동으로 INP 점수를 향상시킵니다. 너무 걱정하지 마십시오. 원칙은 "웹을 빠르게 반응하게 만듭니다"라는 원칙이 동일하게 유지되기 때문에

Q4 : 코드에 대한 지식이 없다면 이러한 값을 개선하는 방법은 무엇입니까?

A : CLS 값 (이미지 크기 정의) 및 LCP (압축)의 경우 대부분 이미 사용하고있는 CMS 시스템을 통해 수행 할 수 있지만 JavaScript와 관련된 INP 값의 경우 웹 개발자를 참조해야합니다. 그러나 이미지의 문제 해결에서 시작하면 많은 차이가 생길 수 있습니다. 추가 통찰력은 Google의 FAQ 페이지에서 직접

‍

결론 : "느리게"비즈니스를 죽이지 마십시오. 당신은 더 나은 미래를 위해 오늘 시작합니다.

Core Web Vitals는 더 이상 웹 사람들을위한 두통 기술 용어 일뿐 만 아니라 고객의 감정, 브랜드의 신뢰성, Google의 순위에 직접적인 영향을 미치는 "사용자의 핵심"이며 가장 중요한 것은 "판매"는 아름답지만 느린 다운로드 웹 사이트와 사용하기 어렵습니다. 고급스러운 매장과 다르지 않지만 입구 도어가 붙어 있고 직원은 고객에게 관심이 없습니다.

투자는 오늘날 가장 가치있는 투자 중 하나 인 핵심 웹 생명 포인트를 개선하는 데 효과적입니다. 고객과 Google에게 "우리는 귀하의 경험에 관심이있다"고 말하며 그 결과는 더 나은 신뢰, 순위 및 지속 가능한 비즈니스 성장입니다.

이제 "액터"에서 웹 사이트를 "Money Making"도구로 변경해야합니다! 경쟁 업체가 다시 추월 할 때까지 기다리지 마십시오. 오늘부터 웹 사이트 확인 및 개선을 시작하십시오!

이 문제가 너무 복잡하다고 생각되거나 아픈 웹 사이트를 강력하게 전환하고 다시 돈을 버는 데 되면 으로 판매를 늘리기 위해 개선하고 , 상담하고 완전히 도울 준비가되어 있습니다.

‍

‍