귀하의 웹사이트에 대한 상위 5가지 산성 테스트!

게시 됨: 2022-05-11

누가 자신의 웹페이지가 Google 또는 기타 검색 결과의 첫 페이지에 표시되는 것을 원하지 않습니까? Google의 첫 번째 페이지에서 순위를 매기려면 웹사이트가 몇 가지 산성 테스트를 통과해야 합니다!

주요 산성 테스트가 무엇인지 알려드리기 전에 소규모 비즈니스 소유자와 기업가는 Google 또는 검색 엔진이 웹사이트를 처음 인식할 때 수행하는 몇 가지 작업을 이해해야 합니다.

1. 크롤링:

Google은 일반적으로 자체적으로 새로운 웹사이트와 웹페이지를 크롤링하고 발견합니다.

일부 페이지는 이전에 이미 한 번 방문한 적이 있기 때문에 Google에 알려져 있습니다. Google이 알려진 페이지에서 새 페이지로 연결되는 링크를 따라갈 때 다른 페이지가 발견됩니다. Google에서 크롤링 대상을 알 수 있도록 사이트맵을 제출할 수도 있습니다.

2. 인덱싱:

인덱싱은 Google이 웹페이지를 완전히 이해하는 과정입니다. 색인이 생성되면 정보는 Google에 의해 색인 파일에 저장되고 나중에 검색에 사용됩니다. Google에서 페이지를 올바르게 색인화하는 데 도움이 되는 한 가지 방법은 적절하고 의미 있는 제목을 사용하는 것입니다. 사이트의 모든 페이지에 <title> 요소에 지정된 제목이 있는지 확인하십시오.

3. 순위 및 서빙 :

색인이 생성되면 모든 검색(키워드 또는 일련의 키워드 포함)에 대해 Google에서 가장 일치하는 결과를 찾아 검색 결과로 제공합니다.

이제 산성 테스트에 오신 것을 환영합니다!

이제 소규모 비즈니스 소유자이거나 비즈니스 요구 사항을 충족하는 웹 사이트 개발자라면 Google 검색 결과의 첫 페이지에 웹사이트를 표시하는 데 관심이 있을 것입니다. 이를 달성하려면 특정 매개변수가 제자리에 있는지 확인해야 합니다.

Web Vitals 는 귀하의 웹사이트가 얼마나 좋은지 판단하기 위한 Google의 이니셔티브입니다. 페이지 경험이라고 하는 측정의 이 부분은 사용자가 콘텐츠 및 정보를 넘어 웹 페이지와 상호 작용하는 경험을 어떻게 인식하는지 측정합니다.

Web Vitals는 각각 (1) 로딩 , (2) 상호 작용 , (3) 시각적 안정성에 중점을 둔 3가지 주요 요소로 구성됩니다. 여기에 (4) 모바일 친화성 및 (5) 보안 연결이 추가되었습니다. 이 5가지 테스트를 모두 통과하면 웹사이트의 순위가 훨씬 높아집니다.

각각이 의미하는 바를 자세히 살펴보겠습니다.

(1) LCP(Large Contentful Paint) : 로딩 성능을 측정합니다. 좋은 사용자 경험을 제공하려면 페이지가 처음 로드되기 시작한 후 2.5초 이내에 LCP가 발생해야 합니다.

(2) FID(First Input Delay): 상호작용 성을 측정합니다. 좋은 사용자 경험을 제공하려면 페이지의 FID가 100밀리초 이하여야 합니다.

(3) CLS(Cumulative Layout Shift): 시각적 안정성을 측정합니다. 좋은 사용자 경험을 제공하기 위해 페이지는 0.1의 CLS를 유지해야 합니다. 이하.

다음 몇 가지 기본 원칙에 따라 예기치 않은 레이아웃 변경을 모두 피하십시오.

  1. 이미지 및 비디오 요소에 크기 속성을 항상 포함하거나 CSS 종횡비 상자와 같은 것으로 필요한 공간을 예약하십시오.
  2. 사용자 상호 작용에 대한 응답을 제외하고는 기존 콘텐츠 위에 콘텐츠를 삽입하지 마십시오.
  3. 애니메이션을 레이아웃 변경을 유발하는 속성의 애니메이션으로 변환하는 것을 선호합니다.

Google 검색 센터에 따라 " 페이지 경험 순위 신호는 2021년 8월에 모바일 장치에 적용되었습니다. 2022년 2월부터 데스크톱 순위 시스템의 일부로 페이지 경험을 사용하기 시작합니다. 롤아웃은 3월 말까지 완료됩니다. 2022. 이 순위 출시는 2021년 8월에 모바일용으로 출시한 것과 동일한 페이지 경험 신호를 기반으로 합니다."

" 페이지 경험이 중요하지만 Google은 페이지 경험이 형편없더라도 전반적으로 가장 좋은 정보를 가진 페이지의 순위를 매기려고 합니다. 훌륭한 페이지 경험이 훌륭한 페이지 콘텐츠를 재정의하지 않습니다. 그러나 관련성이 유사한 여러 페이지의 경우 검색에서 가시성을 확보하기 위해 페이지 경험이 훨씬 더 중요할 수 있습니다." 구글 검색 센터가 말했다

(4) 귀하의 웹 페이지는 모바일 친화적입니까?

모바일 친화성은 휴대폰이나 태블릿과 같은 모바일 장치에서 웹사이트에 얼마나 잘 액세스할 수 있는지를 나타냅니다. 모바일 인터넷 사용이 증가함에 따라 Google은 " 모바일 우선 인덱스 "로 전환했습니다. 결과적으로 Google 크롤러는 모바일 사이트를 먼저 읽습니다. 웹사이트가 모바일 친화적이지 않은 경우 검색 엔진 결과에서 실적이 저조하여 트래픽 감소, 리드 감소 및 수익 감소로 이어집니다.

따라서 웹사이트가 더 많은 트래픽을 목표로 하는 경우 모바일 친화성은 SEO에 매우 중요합니다. Google과 Bing의 알고리즘에서 이는 사용자가 검색을 위해 모바일 장치를 사용하고 있음을 나타내는 순위 신호입니다. 일반적으로 모바일 친화적 웹사이트는 모바일 친화적이지 않은 사이트보다 모바일 검색 결과에서 더 높은 순위를 차지합니다.

귀하의 웹사이트가 모바일 친화적인 웹사이트인지 확인하려면 아래 나열된 방법 중 하나를 따르십시오.

  • 모바일 친화성 테스트 페이지에서 웹사이트 URL을 입력하고 결과를 확인하세요.
  • Google의 PageSpeed ​​통계에 웹사이트 URL을 입력하고 분석을 클릭하여 모바일에서 웹사이트의 성능을 확인합니다.
  • 해당 Google 검색 콘솔 페이지에서 웹사이트 속성의 모바일 사용성을 확인하세요. 문제가 없는 페이지는 유효 로 표시되고 문제가 있는 페이지는 오류로 표시됩니다.

귀하의 비즈니스가 기사를 읽거나 비디오를 보기 위해 사이트를 방문하는 소비자에 의존하는 경우와 같이 콘텐츠 소비를 기반으로 하는 경우 웹 사이트를 모바일 친화적으로 만드는 것은 간단합니다. Google의 AMP(Accelerated Mobile Pages Project)를 사용합니다. AMP는 모바일 장치에서 매우 빠르게 로드되는 웹사이트를 만들 수 있는 오픈 소스 표준입니다. AMP는 다음과 같이 작동합니다.

  • AMP에서 사용하는 제한된 맞춤 HTML 속성 집합은 자산의 가로 세로 비율을 결정하는 데 사용되므로 브라우저는 페이지가 렌더링되기 전에 어떻게 보일지 알 수 있습니다.
  • ATF(스크롤 없이 볼 수 있는 부분) 콘텐츠는 AMP JavaScript를 사용하는 페이지의 전체 로드 체인에서 다른 요청보다 우선 적용됩니다. 결과적으로 방문자는 도착 후 거의 즉시 읽기/시청을 시작할 수 있습니다.
  • 미리 결정된 레이아웃과 비동기식 로딩을 통해 방문자는 고르지 못하고 점프하는 페이지 렌더링을 겪지 않을 것입니다.

(5) 사이트 접속이 안전한지 확인

귀하의 웹사이트가 방문하기에 안전한지 확인하기 위해 사이트에 대한 보안 정보를 확인할 수 있습니다. 사이트를 안전하게 또는 개인적으로 방문할 수 없는 경우 Chrome에서 알려줍니다.

  1. Chrome에서 페이지를 엽니다.
  2. 사이트의 보안을 확인하려면 웹 주소 왼쪽에 있는 보안 상태를 확인하세요.
  • 안전한
  • 정보 보안 여부
  • 안전하지 않거나 위험

3. 사이트의 세부 정보 및 권한을 보려면 아이콘을 선택합니다. 비공개 Chrome이 연결이라고 생각하는 방식에 대한 요약이 표시됩니다.

사이트가 안전하지 않은 경우 Google 검색 센터는 웹사이트에 대한 사용자 연결을 보호하기 위해 HTTP보다 HTTPS를 채택할 것을 제안합니다. 웹사이트가 HTTP에서 HTTPS로 이동할 수 있도록 하는 것은 SSL 인증서입니다. SSL 인증서가 있으면 사용자 정보가 안전하고 웹사이트 소유권을 확인하며 공격자가 가짜 버전을 만드는 것을 방지하고 사용자 신뢰를 얻습니다.

SSL 인증서는 인증 기관(CA)에서 발급한 경우에만 유효합니다. CA는 SSL 인증서를 생성 및 배포하는 외부 조직, 신뢰할 수 있는 제3자입니다. 또한 인증 기관은 개인 키로 인증서에 디지털 서명을 하여 클라이언트가 확인할 수 있도록 합니다. 인증서가 발급되는 즉시 웹사이트의 원본 서버에 인증서를 설치하고 활성화해야 합니다. 웹 사이트는 원본 서버에서 활성화되면 HTTPS를 통해 로드할 수 있으며 웹 사이트를 오가는 모든 트래픽은 암호화되고 안전합니다.

도움이 될 수 있는 도구

Chrome 사용자 경험 보고서

PageSpeed ​​인사이트

Search Console(핵심 Web Vitals 보고서)

web-vitals JavaScript library

Chrome 개발자 도구

등대

웹페이지 테스트

모바일 친화적 테스트

디지털 방식으로 비즈니스 가시성을 개선하는 방법에 대해 자세히 알아보려면 HelloLeads 인사이트 및 블로그를 계속 방문하세요.

아래 링크에서 자세히 알아보십시오.

  1. https://web.dev/i18n/en/vitals/#개요
  2. https://web.dev/lcp/
  3. https://web.dev/fid/
  4. https://web.dev/cls/
  5. https://web.dev/vitals/#core-web-vitals
  6. 설명적인 <title> 요소 작성을 위한 모범 사례
  7. https://web.dev/lcp/#what-is-a-good-lcp-score
  8. https://web.dev/fid/#what-is-a-good-fid-score
  9. https://web.dev/optimize-cls/
  10. https://pagespeed.web.dev/
  11. https://developers.google.com/search/docs/advanced/experience/page-experience
  12. https://search.google.com/test/모바일 친화적
  13. https://www.webfx.com/seo/learn/mobile-seo/
  14. https://www.woorank.com/en/edu/seo-guides/mobile-friendliness
  15. https://www.cloudflare.com/en-in/learning/ssl/what-is-an-ssl-certificate/