페이지 속도 SEO: 알아야 할 사항
게시 됨: 2021-08-2510년 전만 해도 키워드는 웹사이트의 검색 순위를 높이는 가장 크고 가장 좋은 방법이었습니다. 동일한 문구(또는 유사한 문구)를 반복해서 사용하여 검색 엔진이 귀하의 콘텐츠가 무엇인지 알 수 있도록 할 수 있습니다. 시대가 바뀌었고 이제 Google은 콘텐츠의 유용성과 철저함만큼이나 사이트에서의 사용자 경험을 우선시합니다. 그리고 아마도 SEO에 대한 사용자 경험(UX)의 가장 중요한 요소는 페이지 속도일 것입니다. 사이트에서 콘텐츠와 대화형 기능을 최대한 빨리 로드하도록 하는 것은 검색 순위를 높이고 끊임없이 변화하는 Google 알고리즘에 맞게 사이트를 최적화하는 확실한 방법입니다.
YouTube 채널 구독
페이지 속도란 무엇입니까?
페이지 속도는 많은 복잡성을 중첩하는 매우 간단한 개념입니다. 사이트가 방문자에게 얼마나 빨리 표시되는지만이 아닙니다. (표면적으로는 그렇게 보일 수 있습니다.)
실제로 이것은 사이트의 TTFB(Time to First Byte)의 조합으로, 사이트와 사용자 브라우저 간의 초기 응답 시간입니다. 그런 다음 이는 사용자가 실제 콘텐츠를 처음 보는 FCP(First Contentful Paint), 사이트의 가장 큰 콘텐츠 청크가 사용자가 볼 수 있도록 로드되는 LCP(Large Contentful Paint)와 같은 특정 측정항목과 함께 고려됩니다. 사용자가 링크를 클릭하고 스크롤 이외의 방식으로 사이트와 상호 작용할 수 있는 FID(First Input Delay)입니다.
이 모든 것이 Google의 자체 PageSpeed Insights에서 얻을 수 있는 속도 지수라는 등급으로 느슨하게 결합됩니다. 이것을 벤치마크 지표로 사용하여 위에서 언급한 다른 지표의 누적 효과를 알릴 수 있습니다. 그리고 일반적으로 이 모든 것이 함께 귀하의 페이지 속도와 Google, 다른 검색 엔진 및 귀하의 사용자가 귀하의 사이트를 보고 상호 작용하는 방식에 대한 확실한 그림을 제공합니다.
페이지 속도는 SEO에 어떤 영향을 미칩니까?
페이지 속도는 SEO에 많은 영향을 미칩니다. 사용자의 검색어를 직접 처리하는 환상적인 콘텐츠를 제공하는 것보다 더 중요할 수 있습니다. 지난 몇 년 동안 Google은 사용자 경험을 고려하여 알고리즘을 조정했습니다. 좋은 사용자 경험을 위한 가장 중요한 요소 중 하나는 빠르고 반응이 빠른 사이트를 보유하는 것입니다.
사용자가 로드하는 데 몇 초 이상 걸리는 사이트를 방문하면(그렇다면) 이탈할 가능성이 높습니다. 해당 사이트의 이탈률을 높입니다. 그런 다음 Google은 해당 반송을 보고 사용자가 반송되었을 수 있는 이유에 대해 몇 가지 가정을 합니다. 매우 빠른 반송에서 Google은 사용자가 검색한 정보를 찾지 못했다고 가정할 것입니다. 여러 가지 이유가 있을 수 있습니다. 다음은 특별한 순서가 없는 몇 가지 상위 항목입니다.
- 페이지 로드가 너무 오래 걸려 사용자가 떠났습니다.
- 사이트를 사용할 수 없고 기능이 손상되었습니다.
- 사이트에 정보가 전혀 포함되어 있지 않음
- 사이트 정보의 일부(또는 전체)가 잘못되었습니다.
- 사이트 레이아웃으로 인해 사용자가 쿼리에 대한 답변을 효과적으로 찾지 못했습니다.
Google은 사용자가 가능한 최고의 경험을 하기를 바랍니다. 즉, 인터넷을 사용하는 현재 시대에는 아무 것도 기다릴 필요가 없습니다. 항상. 분명히, 우리도 이것에 대해 유죄입니다. 웹 사이트를 로드하는 데 너무 오래 걸리면 해당 웹 사이트가 로드되는 데 걸리는 시간 내에 문자 그대로 수천 개의 다른 웹 사이트를 방문할 수 있다는 것을 알고 있습니다.
따라서 페이지 속도가 SEO에 미치는 영향과 관련하여 가장 좋은 생각 방법은 사용자가 콘텐츠를 보기도 전에 지루해지면 콘텐츠가 얼마나 훌륭한지는 중요하지 않다는 것입니다.
SEO를 위해 페이지 속도를 최적화하는 방법
웹사이트의 페이지 속도를 최적화하는 것은 그 자체로 과학입니다. 속도와 실용성, 미학 사이에는 균형이 맞아야 합니다. 그러나 페이지 로드 시간을 줄이고 원하는 페이지 속도 SEO 향상을 얻기 위해 할 수 있는 몇 가지 권장 사항이 있습니다.

HTML, CSS 및 JavaScript 축소
페이지 로드를 줄이는 가장 쉬운 방법 중 하나는 가능한 모든 코드를 축소하는 것입니다. 많은 WordPress 테마 및 플러그인(Divi 포함)은 이 기능을 기본적으로 제공합니다. Divi는 자동으로 수행하며 WP Rocket과 같은 다른 성능 최적화 플러그인에는 이 기능을 선택할 수 있는 토글이 있습니다.
렌더링 차단 리소스 제거
페이지가 로드될 때 브라우저는 동시에 여러 요소를 렌더링하고 구문 분석하려고 합니다. 렌더링 차단 리소스는 동시 로드를 중지하고 브라우저의 주의를 완전히 차지하는 리소스입니다. 이러한 리소스가 로드될 때까지 다른 모든 것은 보류됩니다. 이러한 스크립트와 코드 조각이 초기 단계에서 필요하지 않더라도.
따라서 플러그인을 사용하여 렌더링 차단 요소를 제거하거나 기본 콘텐츠가 이미 로드된 후 이를 연기하면 페이지 속도를 높이고 SEO를 효과적으로 높일 수 있습니다. WordPress 사용자인 경우 많은 사이트 캐싱 플러그인에 렌더링 차단 리소스를 제거/지연하는 간단한 토글이 있습니다.
Divi는 잠재적으로 렌더링 차단 CSS를 다른 것들과 함께 로드하기 위해 더 작은 청크로 분해하는 Critical CSS 기능과 Gutenberg 블록 편집기의 JavaScript 및 기타 스타일시트에 대한 지연을 포함하여 이미 이에 대한 여러 옵션을 제공합니다.
CDN 사용
콘텐츠 전송 네트워크는 페이지 속도를 높이는 확실한 방법입니다. 오늘날 많은 호스트에서 Cloudflare를 비롯한 다양한 CDN의 무료 버전을 제공합니다. CDN이 하는 일은 사이트에서 콘텐츠를 가져와 전략적 위치에 있는 서버 네트워크 전체에 배포한 다음 가능한 가장 효율적인 방법으로 사용자에게 전달하는 것입니다.
하나의 특정 서버에 도달하는 대신 CDN은 네트워크의 다른 서버에서 콘텐츠를 푸시합니다. 이것은 또한 컨텐츠가 사용자에게 더 가까운 서버에서 (가능성이) 있기 때문에 가동 시간과 더 빠른 속도를 향상시키는 중복 및 캐싱이 발생하도록 합니다.
콘텐츠 캐시
WordPress 사용자의 경우 캐싱 플러그인을 설치하고 활성화하는 것만 큼 간단합니다. 모든 WP 사이트는 어떤 식으로든 캐싱 플러그인의 이점을 누릴 수 있습니다. 브라우저 캐싱을 활용하면 사이트를 다시 방문하는 방문자가 매우 원활하게 시간을 보낼 수 있습니다.
또한 대부분의 캐싱 플러그인에는 사전 로드 옵션이 있습니다. 즉, 페이지가 사용자에게 표시되면 사용자가 필요로 하는 다른 리소스가 백그라운드에서 로드됩니다. 이것은 성능이나 UX에 영향을 미치지 않지만 사이트가 빠르고 반응적이라는 느낌을 줍니다.
이미지 압축 및 최적화
서버 스레드를 잡아먹는 JavaScript의 큰 덩어리 외에, 거대한 이미지(또는 엄청난 수의 이미지)가 종종 높은 페이지 로드 시간의 주요 원인입니다. 사이트가 느려지는 것을 방지하기 위해 Imagify 또는 TinyPNG와 같은 이미지 최적화 서비스를 사용하면 파일 크기를 절반 이상 줄일 수 있습니다.
버전 5.8 이상을 실행하는 WordPress 사이트는 .webp 이미지를 지원하는 브라우저를 사용하는 사용자에게 자동으로 .webp 이미지를 제공합니다. 빠른 로드 시간을 위해 특별히 설계된 Google의 최신 이미지 형식입니다.
적절한 크기의 이미지를 사용하면 페이지 로드 시간이 절대적으로 낮아집니다. 항상 250px x 250px로 표시되는 이미지 컨테이너가 있는 경우 해당 크기가 이미 있는 이미지를 업로드해야 합니다. 가장 큰 이미지라도 원하는 크기( max-width:250px; width: 100%; height:auto; )로 자동으로 렌더링하는 CSS가 있지만 크기를 조정해야 하는 이미지가 여러 개 있는 경우 서버 및 브라우저는 페이지가 로드되기 전에 완료되어야 합니다.
마무리
Google이 보기에 페이지 속도는 귀하가 만드는 콘텐츠만큼이나 SEO에 중요한 요소입니다. 각 사이트는 SERP에서 높은 수준을 유지하기 위해 훌륭한 콘텐츠와 뛰어난 사용자 경험의 조합을 가지고 있어야 합니다. 고맙게도 페이지 속도 SEO를 통해 좋은 순위를 얻는 단계는 그 자체로 매우 간단합니다. 그리고 함께 사용하면 Google의 눈에 사이트를 향상시키는 데 매우 효과적입니다. 그리고 당신의 사용자.
페이지 속도를 통해 SEO를 개선하기 위한 귀하의 전술은 무엇입니까? 댓글로 알려주세요!
Overearth/Shutterstock.com의 기사 특집 이미지