핵심 Web Vitals: 무엇이며 변호사 SEO에 어떤 영향을 미칩니까?

콘텐츠. 백링크. 랭크브레인. 검색 엔진 거물 자체에 따르면 이들은 Google SERP와 관련하여 상위 세 가지 순위 요소입니다.

그러나 2020년 5월에 Google은 가까운 장래에 또 다른 순위 신호가 검색 엔진의 많은 관심을 받을 것이라고 발표했습니다. 바로 Core Web Vitals입니다.

간단히 말해서 Google은 특히 페이지 경험과 관련하여 사용자 경험(UX)에 더욱 중점을 두기 시작했습니다.

귀하의 로펌 SEO 프로젝트에 이것이 의미하는 바는 무엇입니까? 아래에서 알아야 할 모든 것을 설명하고 성공을 위한 준비를 하는 데 도움이 되는 몇 가지 실행 가능한 솔루션을 제공합니다.

핵심 Web Vital이란 무엇입니까?

핵심 Web Vitals를 통해 Google은 단순히 사이트 방문자가 웹사이트를 탐색할 때 탁월한 경험을 하기를 바랍니다. 핵심 성능 평가는 웹 페이지를 로드할 때 사용자 경험을 평가하는 지표입니다.

변호사 SEO의 세 가지 핵심 웹 바이탈은 다음과 같습니다.

• 최대 함량 페인트(LCP)
• 첫 번째 입력 디스플레이(FID)
• 누적 레이아웃 시프트(CLS)

이 측정항목은 페이지 콘텐츠가 로드 되는 속도, 웹페이지를 로드하는 브라우저가 사용자 입력에 응답하는 속도, 브라우저에 로드 할 때 콘텐츠가 얼마나 불안정한지를 측정합니다 .

따라서 이러한 핵심 웹 바이탈을 더 자세히 살펴보겠습니다.

최대 함량 페인트(LCP)

LCP(Large Contentful Paint)는 웹 브라우저가 가장 큰 이미지 또는 텍스트 블록을 렌더링하는 데 걸리는 시간을 측정합니다.

즉, 사용자가 스크롤 없이 볼 수 있는 콘텐츠를 얼마나 빨리 볼 수 있는지 추정합니다. 좋은 사용자 경험을 보장하려면 콘텐츠가 포함된 최대 페인트 로드 시간이 2.5초 이하가 되도록 노력해야 합니다.

Critical CSS는 LCP 점수에 가장 큰 영향을 미치는 요소입니다. 페이지의 구조, 느낌, 뷰포트 또는 스크롤 없이 볼 수 있는 부분을 표시하는 데 필요한 스타일 세트입니다.

두 가지 스타일만 웹 페이지에 동기적으로 로드되고 사이트의 HTML 출력에 포함되어야 합니다. 나머지 CSS는 첫 페이지 로드 후 비동기식으로 로드되어야 합니다.

이렇게 하면 렌더링 차단 리소스로서의 CSS가 제거되어 필요한 자산을 더 빠르게 제공하고 스크롤 없이 볼 수 있는 콘텐츠를 훨씬 더 빠르게 표시할 수 있는 브라우저의 기능이 간소화됩니다.

LCP 점수를 어떻게 높일 수 있습니까?

LCP 점수를 더 높이려면 다음을 수행해야 합니다.

• 이미지 최적화: 이미지는 가장 큰 대역폭을 차지하는 경우가 많습니다. 올바른 이미지 유형, 크기 및 압축을 사용하여 브라우저가 콘텐츠를 다운로드하는 데 필요한 추가 팽창을 줄여 더 빠른 LCP 점수를 보장합니다.
• 올바른 파일 형식 사용: 두 가지 일반적인 이미지 파일 형식은 JPEG와 PNG입니다. 여러 색상(수천 또는 수백만)이 있는 이미지에는 JPEG를 사용하고 선화 및 색상이 적은 이미지에는 PNG를 사용합니다.
• 이미지 압축: 이미지 형식의 압축 알고리즘을 사용하여 훨씬 더 많은 비용을 절감할 수 있습니다. 다행히도 이미지를 대량으로 압축하는 데 도움이 되는 여러 플러그인이 있습니다.
• 이미지 크기 조정: 웹 페이지와 이미지에는 크기가 있습니다. 사진 편집 소프트웨어를 사용하여 올바른 이미지 크기를 설정하거나 HTML IMG 태그의 너비 및 높이 속성을 구성할 수 있습니다.
• 서버 응답 시간 줄이기: 일반적으로 서버 응답 시간은 호스트의 서버 속도에 따라 결정됩니다. TTFB(Time to First byte)라고도 하는 서버 응답 시간은 HTML, JavaScript, CSS 및 글꼴 파일을 포함하여 웹 서버가 사용자 요청에 응답하는 데 걸리는 시간입니다. 서버 응답 시간이 매우 느린 경우 더 나은 법률 회사 SEO 서비스를 위해 호스트를 전환하거나 패키지를 업그레이드하는 것을 고려하십시오.

LCP는 퍼즐의 한 조각일 뿐입니다. 첫 번째 입력 디스플레이는 Core Web Vitals의 중요한 구성 요소이기도 합니다.

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

FID(First Input Display)는 방문자가 웹 페이지를 방문한 후 처음으로 상호 작용한 시간부터 브라우저가 해당 상호 작용을 처리하기 시작할 때까지의 시간을 추적합니다.

간단히 말해서 FID는 사용자가 링크를 클릭하거나 소셜 미디어 버튼과 같은 것을 탭할 때와 브라우저가 작업에 응답하고 처리를 시작하는 시간 사이의 지연을 나타냅니다.

일반적으로 FID는 밀리초(ms) 단위로 측정됩니다. 귀하의 사이트는 100밀리초 이하의 FID 점수를 달성하기 위해 노력해야 합니다. 사용자가 법률 사무소 웹사이트에 방문하면 위젯과 공유 버튼이 처음에 팝업되어 사용자가 첫 번째 조치를 취하는 것을 지연시킬 수 있습니다. 올바른 최적화를 통해 이러한 지연을 줄이고 사용자 경험을 개선할 수 있습니다.

FID 점수를 향상시키려면 어떻게 해야 합니까?

일반적으로 FID 점수가 인상적이지 않은 경우 CSS 또는 JavaScript 사용이 최적화되지 않았음을 나타냅니다. 브라우저가 페이지 레이아웃을 렌더링할 수 있도록 하려면 CSS 파일을 더 빨리 다운로드하고 구문 분석해야 합니다. 파일을 축소 및 압축하거나 사용하지 않는 CSS 코드를 제거하면 사이트의 FID 점수를 크게 높일 수 있습니다.

사이트의 첫 번째 입력 표시 시간을 최소화하는 데 사용할 수 있는 다른 전략은 다음과 같습니다.

• 사용하지 않는 JavaScript 연기: 최신 JS를 사용하는 경우 요청 시 JavaScript를 로드하도록 ES6 모듈을 구성할 수 있습니다.
• 사용하지 않는 폴리필 최소화: 이전 브라우저에는 일반적으로 폴리필이 필요합니다. 폴리필이 필요하지 않을 때 실행되지 않도록 합니다. 모듈이 있거나 없는 별도의 번들을 제공할 수 있습니다.

핵심 Web Vitals 퍼즐의 마지막 조각이 하나 있습니다. 누적 레이아웃 전환입니다.

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

사용자 경험에 대한 많은 강조에도 불구하고 많은 웹사이트 소유자가 레이아웃을 안정화하기 위해 아무 조치도 취하지 않는다는 것은 놀라운 일입니다. 대신, 여전히 사용자 경험을 해치는 배너, 전면 광고 및 방해가 되는 광고로 페이지를 채웁니다.

이것이 Google이 핵심 페이지 경험 신호 중 하나로 CLS(Cumulative Layout Shift)를 도입한 이유입니다. 메트릭은 사용자 상호 작용으로 인해 발생하지 않은 모든 레이아웃 이동을 합산하여 계산됩니다. CLS는 일반적으로 레이아웃 이동의 영향을 받는 뷰포트의 백분율과 매개변수의 이동 거리를 확인합니다.

CLS 점수는 완전히 정적 페이지에 대해 0이 될 수 있으며 웹 페이지에서 더 많은 레이아웃 이동이 발생할수록 더 높아집니다. 일반적으로 CLS 점수가 낮을수록 사이트의 시각적 안정성이 높아집니다. CLS 점수를 0.1 미만으로 유지하는 것이 좋습니다.

낮은 CLS 점수는 광고를 통해 트래픽을 수익화하려는 상업적 목적의 웹사이트에서 흔히 볼 수 있습니다. 사용자가 귀하의 사이트에 방문할 때 팝업 및 이동 중인 항목을 만나서는 안 됩니다. 질문에 대한 답변을 찾도록 하는 대신 탐색 경험을 손상시킵니다. 이것이 그들이 처음에 귀하의 로펌 웹사이트를 방문하는 이유입니다.

내 CLS 점수를 어떻게 향상시킬 수 있습니까?

운 좋게도 누적 레이아웃 전환을 개선하기 위해 약간의 조정을 할 수 있습니다. 여기에는 다음이 포함됩니다.

• 링크 rel=preload 및 font:display values ​​사용: 법률 사무소 웹사이트에서 온라인으로 호스팅되는 글꼴을 사용하는 경우 FOUT(Flashes Of Unstyled Text) 및 FOIT(Flashes Of Invisible Text)가 발생할 수 있습니다. 브라우저가 서버에서 글꼴을 다운로드할 때 일반적으로 사용자 정의 글꼴이 로드될 때까지 빈 페이지가 표시됩니다. 표시된 글꼴이 다운로드되면 레이아웃이 상당히 많이 이동할 수 있습니다. link rel=preload 및 font:display 값을 사용하면 레이아웃을 안정화하는 데 도움이 될 수 있습니다.
• 이미지 및 비디오의 너비 및 높이 측면 포함: 항상 가로 세로 비율, 너비 대 높이 비율(예: 16:9)을 사용하여 이미지 크기를 조정하는 것이 가장 좋습니다. 이를 통해 브라우저는 이미지를 표시하는 데 필요한 공간을 계산할 수 있으므로 레이아웃 이동의 위험이 줄어듭니다. 반응형 이미지의 경우 srcset 속성을 사용하여 여러 이미지 크기를 설정하여 적절한 크기를 표시합니다.

이제 Core Web Vitals가 무엇인지 더 잘 이해했으므로 커튼 뒤에서 자신의 웹 사이트 점수를 확인하는 것이 중요합니다.

핵심 Web Vital을 어떻게 측정할 수 있습니까?

Google이 Core Web Vitals를 도입한 이후로 웹사이트의 성능을 확인하거나 측정하는 방법의 수가 급증했습니다. 오늘날 수십 가지의 다양한 Core Web Vital 측정 도구가 있습니다.

이러한 도구는 현장 도구와 실험실 도구의 두 가지 범주 중 하나로 분류됩니다. 현장 도구는 사용자로부터 수집한 원시 데이터를 제공하고 실험실 도구는 사용자가 사이트를 경험하는 방식을 기반으로 데이터를 제공합니다.

Core Web Vitals를 확인하는 데 가장 많이 사용되는 도구는 다음과 같습니다.

• 구글 서치 콘솔
• Google PageSpeed ​​인사이트
• Chrome UX 보고서(CrUX)
• 구글 등대
• Chrome 개발자 도구 및
• 웹페이지 테스트.

그렇다면 어떤 도구를 사용해야 할까요? 시간을 내어 다양한 도구가 어떻게 작동하는지 확인하세요. 당사의 SEO 전문가들은 Lighthouse를 사랑합니다. Lighthouse는 최고의 실험실 기반 도구이며 Chrome 확장 프로그램으로서 유연성을 제공합니다.

웹사이트의 점수를 확인하려면 Google 크롬 브라우저에서 Lighthouse 개발자 도구를 실행하고 측정하려는 사이트를 방문하여 핵심 웹 바이탈 보고서를 생성하기만 하면 됩니다.

빠른 감사 후 전체 점수 향상을 위한 제안과 함께 사이트의 성능에 대한 자세한 결과(세 가지 주요 핵심 핵심 성능 이상 및 그 이상의 메트릭 포함)를 얻을 수 있습니다.

핵심 웹 바이탈이 변호사 SEO에 미치는 영향

다른 사이트 변수와 결합된 핵심 성능 평가는 사용자 경험에 대한 좋은 점수를 생성할 수 있습니다.

핵심 웹 바이탈은 사용자 경험 점수에서 가장 큰 비중을 차지하지만 다음과 같은 다른 요인도 영향을 미칩니다.

• HTTPS : 많은 사람들이 보안되지 않은 사이트를 피하기 때문에 보안 웹 사이트는 더 나은 사용자 경험을 제공하는 경우가 많습니다. 사용자 경험 점수에 도움이 되도록 사이트의 모든 주소가 HTTPS 페이지인지 확인하십시오.
• 모바일 친화적: Google은 모바일 장치 지원을 중요한 사용자 경험 신호로 간주하고 검색 결과에서 순위를 향상시킵니다.
• 안전: 웹사이트의 모든 바이러스 또는 맬웨어는 사용자 경험 점수에 영향을 줄 수 있습니다. 세이프 브라우징은 콘텐츠에 대한 긍정적인 사용자 경험에 필수적이며 Google에서 중요하다고 생각하는 순위 요소입니다.
• 전면 팝업 없음: 사이트가 팝업으로 가득 차 있으면 페이지를 압도하고 귀찮게 할 수 있으며 결과적으로 Google 순위에 부정적인 영향을 줄 수 있습니다. 사용자 경험을 개선하기 위해 항상 과장된 광고를 피하십시오.

이러한 매개변수가 사용자 경험 점수에 중요한 역할을 하지만 핵심 Web Vitals는 사용자 경험과 Google 순위에 큰 영향을 미칩니다. 사이트의 핵심 Web Vital 점수가 전반적으로 인상적이지 않은 경우 사이트 순위가 하락할 수 있습니다. 또한 Google이 핵심 성능 평가에 순위 신호로 더 많은 가중치를 부여할수록 사이트 순위 지정 방식에 큰 변화가 생길 가능성이 커집니다.

LawRank는 핵심 Web Vital을 개선하고 SEO 성공을 달성하는 데 도움이 될 수 있습니다.

궁극적으로 이 세 가지 측정항목을 기반으로 웹사이트를 최적화하면 사용자 경험이 향상됩니다. 마지막으로 원하는 것은 방문자가 로펌 웹사이트에 접속하여 모바일 장치에서 예기치 않게 이동하는 페이지나 레이아웃이 느리게 로드되는 것에 좌절하는 것입니다. 그러한 부정적인 경험은 궁극적으로 법적 관행에 좋지 않은 영향을 미칩니다.

Core Web Vitals를 위해 법률 회사 웹사이트를 최적화하는 것은 SEO 프로세스의 특히 복잡한 측면입니다. 최상의 결과를 얻으려면 시간, 숙련된 손, 변호사를 위한 현장 기술 SEO에 대한 심층적인 실무 지식이 필요합니다.

고객에게 최상의 서비스를 제공하는 데 집중하십시오. LawRank의 변호사 SEO 전문가가 궁극적인 사용자 경험을 위해 귀사의 웹사이트를 개선하도록 하십시오. 우리는 변호사를 위한 최고의 SEO 회사입니다. 귀하와 같은 로펌이 가장 중요한 시기와 장소에 순위를 매길 수 있도록 하며, 우리의 결과는 그 자체로 말해줍니다. 그것은 우리가 SEO에 대한 포괄적인 접근 방식을 취하기 때문입니다.

핵심 성능 향상 및 SEO 캠페인의 기타 측면을 개선하는 데 우리 팀이 어떻게 도움이 되는지 자세히 알아보려면 오늘 저희에게 연락하십시오.