2020년 가장 중요한 SEO 요소: 사이트 성능

새해는 사물을 바라보는 새로운 방식이 있을 것임을 의미합니다. 게다가 대부분의 블로거와 마케터는 디지털 존재감을 향상시키기 위한 새로운 기술을 모색할 것입니다. 그리고 전년도를 원근법으로 보는 것보다 더 나은 학습 방법이 어디 있겠습니까? 오늘 기사에서는 올해 가장 중요한 SEO 요소를 살펴보겠습니다.

이 리뷰는 Max Cyrek이 SearchEngineLand용으로 작성한 기사 덕분에 가능합니다. Max는 자신의 시간에 페이지 로드 시간이 앞으로 1년 동안 성공적인 SEO 전략에 매우 중요하다는 것을 알게 되었습니다. 즉, 웹사이트 성능이 SEO 순위를 지배하게 됩니다.

지난 몇 년을 돌이켜 보면 이것은 해당 분야의 대부분의 SEO 전문가에게 완전히 폭탄적인 소식이 아닙니다. 성능이 순위에서 큰 역할을 한다는 것을 수년 동안 알고 있었습니다. 그러나 더 나은 SEO 도구를 갖추게 하고 웹사이트 성능을 최적화할 수 있는 다양한 기술에 대해 자세히 알아보는 데 도움이 되므로 미리 알림을 받는 것이 좋습니다.

웹사이트 성능을 최적화하는 것이 얼마나 어렵습니까?

스니펫, 스키마 및 롱테일 키워드와 같은 다른 SEO 요소와 달리; 더 나은 성능은 고유한 특성으로 인해 달성하기가 다소 쉽습니다. 하루가 끝나면 웹 사이트 성능은 귀하가 완전히 제어할 수 있는 SEO 순위 요소 중 하나입니다.

키워드 조사를 하고 싶다면 Ahrefs나 SEMRush와 같은 서비스에 가입하는 것을 고려해야 합니다. 마찬가지로, 수동 데이터 수집이 지루할 수 있으므로 스니펫을 최적화하려면 유사한 도구가 필요할 수 있습니다. 웹 사이트 성능의 경우 대부분 호스팅 부서와 온페이지 리소스 요소를 최적화하는 데 관심을 두고 있습니다.

그럼에도 불구하고 이전 웹 사이트 성능 최적화를 수행하지 않은 경우 시작해야 하는 루프에서 벗어날 수 있습니다. 따라서 이 기사는 전적으로 이 질문에 답하는 데 전념할 것입니다. 웹사이트 성능을 어떻게 최적화합니까?

다행스럽게도 생각보다 쉽고, 사소하지만 상당한 변경을 수행한 후 며칠 또는 몇 주 안에 엄청난 SEO 이점을 얻을 수 있습니다.

현재 문제를 이해하는 것부터 시작하십시오.

최근 가이드 중 하나에서 콘텐츠 감사를 수행하는 방법을 자세히 살펴보았습니다. 기본적으로 콘텐츠 감사는 콘텐츠 성능뿐만 아니라 웹사이트 성능도 이해하는 데 도움이 됩니다. 둘 다 서로 간에 상호 연결된 링크가 있습니다. 예를 들어 페이지가 너무 복잡하면 모바일 장치에서 페이지를 로드하는 데 훨씬 더 오래 걸릴 수 있습니다.

그리고 Google이 과거에 너무 웅변적으로 말했듯이 모바일 성능은 SEO와 관련된 모든 사람에게 최우선 순위 요소 중 하나가 되어야 합니다.

더 많은 작업을 수행할 수 있도록 웹을 추진하는 공동 추구에서 우리는 공통적인 문제인 성능에 직면하고 있습니다. 사이트에는 그 어느 때보다 많은 기능이 있습니다. 많은 사이트가 다양한 네트워크 조건과 장치에서 높은 수준의 성능을 달성하기 위해 고군분투하고 있습니다.

성능 문제는 다양합니다. 기껏해야 사용자에게 잠시 동안만 성가시게 하는 작은 지연이 발생합니다. 최악의 경우 사이트에 완전히 액세스할 수 없거나 사용자 입력에 응답하지 않거나 둘 다로 만듭니다.

과거에 SEO 점검을 한 번도 해본 적이 없다면 Neil Patel의 SEO Analyzer를 사용하는 더 쉽고 무료인 도구 중 하나입니다.

웹사이트 주소를 지정하고 결과가 생성될 때까지 기다리기만 하면 됩니다. 즉시 확인해야 할 사항은 로드 시간, 페이지당 사용되는 리소스 수 및 잠재적인 SEO 병목 현상입니다. 다행스럽게도 Neil의 분석기 및 기타 유사한 도구는 큰 번거로움 없이 즉시 이러한 보고를 수행할 수 있습니다.

이 샘플 보고서에서 모바일 페이지의 로드 시간은 평균보다 훨씬 높은 4초가 소요되었습니다. 따라서 즉시 해결해야 합니다. 개인적으로 제 추천은 GTMetrix와 같은 도구를 사용하여 여러 위치에서 페이지의 로드 시간을 확인하는 것입니다.

자신의 수단으로 사이트의 속도를 정확하게 확인하는 것은 거의 불가능합니다. 이는 대부분의 웹 사이트 리소스가 브라우저에 캐시되어 사이트가 실제로 얼마나 빠르거나 느린지에 대한 잘못된 인상을 줄 수 있기 때문입니다. 이것이 속도 테스트 도구를 사용하는 것이 편리한 이유입니다.

따라서 지금쯤이면 웹사이트의 위치에 대해 상당히 폭넓은 개념을 갖게 될 것입니다. 위의 방법을 사용하면 2가지를 효과적으로 수행할 수 있습니다.

1. 사이트 페이지의 일반 보고서와 최신 SEO 기술 및 잠재적 문제의 통합을 확인하십시오.
2. 데스크톱 및 모바일 버전을 포함하여 페이지의 평균 로드 시간을 관찰하십시오. 2초를 초과하는 것은 즉시 주의를 기울여야 합니다.

이 경우 참석 은 최적화를 의미합니다. 따라서 웹사이트 성능 최적화에 대한 이 가이드의 두 번째 부분에서는 더 나은 SEO 결과를 위해 사이트 성능을 최적화할 수 있는 방법에만 집중할 것입니다.

시작하기에 가장 좋은 곳은 웹 호스팅입니다.

#1: 신뢰할 수 있는 호스팅 회사 선택

저렴한 호스팅 회사가 안정적인 성능을 제공하는 경우도 있지만 저렴한 것이 항상 더 좋은 것은 아닙니다. 저렴한 호스팅에 대해 기억해야 할 점은 대부분의 경우 공유 계획을 사용한다는 것입니다. 공유 호스팅 계획은 귀하와 동일한 시스템에서 호스팅되는 다른 웹사이트가 있음을 의미합니다. 따라서 다른 웹사이트에서 발생하는 모든 문제는 귀하의 웹사이트 성능에도 영향을 미칠 수 있습니다.

어떻게 대처해야 할까요? 하나는 귀하의 호스팅 유형을 전문으로 하는 호스팅 회사를 살펴보고 싶을 수 있습니다. 즉, WordPress를 통해 웹 사이트를 운영하는 경우 WordPress 전용 호스팅 회사를 찾고 싶을 수 있습니다. 더 인기 있는 것들로는 HostGator, WP Engine, Kinsta, Pagely, EasyWP 등이 있습니다.

또 다른 옵션은 Linode 및 DigitalOcean과 같은 회사를 조사하는 것입니다. 이러한 호스팅 회사는 가상 사설 서버를 전문으로 하며, 더 기술적인 부분은 공유 호스팅 계획에 비해 상당한 성능 향상을 제공할 수 있습니다.

예를 들어 DigitalOcean은 전 세계 12개 이상의 위치에 데이터 센터를 보유하고 있습니다. 특정 데이터 센터 위치를 선택할 수 있을 뿐만 아니라 특정 CDN(콘텐츠 전송 네트워크)을 생성하여 로드 시간의 성능을 더욱 향상시킬 수 있습니다.

이것은 또한 우리를 두 번째 요점으로 이끕니다.

#2: 콘텐츠 전송 네트워크에 대해 알아보기

줄여서 CDN을 사용하면 방문자 및 고객에게 가장 가까운 위치에서 웹사이트 페이지를 제공할 수 있습니다. 예를 들어 웹 사이트의 데이터 센터가 뉴욕에 있을 수 있습니다.

유럽에서 온 방문자가 귀하의 웹 사이트에 액세스하려고 하면 거리로 인해 자연스럽게 응답 시간이 약간 지연됩니다. 그러나 CDN을 사용하는 경우 해당 요청은 해당 방문자에게 더 가까운 위치에서 제공됩니다.

그리고 CDN 서비스를 전문으로 하는 훌륭한 회사가 많이 있으며 그 중 일부는 무료로 서비스를 제공합니다.

• 클라우드플레어 . 비즈니스의 진정한 전문가 – Cloudflare는 모든 성능 최적화를 전문으로 합니다. 간결한 CDN 서비스에서 보다 강력한 캐싱 엔진 및 SSL 인증서까지. 그리고 그들의 서비스를 시험해 보는 것은 다운타임 없이 완전히 무료입니다.
• 제트팩 . WordPress 사용자는 이미 Jetpack에 익숙할 수 있지만 이 패키지가 CDN 서비스도 제공한다는 사실을 알고 계셨습니까? 특성이 약간 제한되어 있지만 Jetpack은 사진 작가와 사진 블로거에게 이상적입니다. 성능 향상은 즉시 볼 수 있습니다.
• 옵티몰 . 이미지 처리 및 사진 파일 전달 최적화를 전문으로 하는 또 다른 WordPress 플러그인. 장점은 이동 중에 이미지를 압축할 수 있고 콘텐츠 전송 네트워크를 통해 해당 이미지를 제공할 수 있다는 것입니다.

CDN 사용에 대해 비관적이었던 사람으로서 저는 성능 향상이 설정 프로세스보다 더 중요하다는 것을 발견했습니다. Cloudflare와 같은 플랫폼은 다운타임 없이 100% 향상된 성능을 제공합니다. NameServer 세부 정보를 변경하기만 하면 다른 모든 것이 처리됩니다.

#3: 모바일 우선을 염두에 두고 생각하십시오

데스크톱 컴퓨터에서 콘텐츠를 사용하는 사람보다 모바일 장치에서 콘텐츠를 소비하는 사람이 더 많습니다. 더 많은 사람들이 최신 기능을 갖춘 스마트폰에 액세스할 수 있게 됨에 따라 속도의 자연스러운 변화입니다. 웹사이트 소유자로서 이것이 의미하는 바는 단 한 가지입니다. 모바일 우선을 염두에 두고 생각하는 것입니다.

디자인 관점에서 모바일 우선은 웹사이트를 모바일 버전으로 먼저 구축하는 것을 의미합니다. 그리고 천천히 데스크탑 친화적 버전으로 전환하십시오. 그러나 많은 웹 사이트 소유자가 웹 사이트를 직접 코딩하는 대신 테마를 사용하여 사이트를 구축하기 때문에 항상 그런 것은 아닙니다.

그리고 테마를 사용하면 100% 호환성이 보장되지 않기 때문에 때때로 역효과가 날 수 있습니다. 예를 들어 WordPress 테마는 모바일을 염두에 두고 제작되었다고 말할 수 있습니다. 그러나 새 플러그인과 확장을 추가하기 시작하면 결국 테마가 제대로 작동하지 않기 시작합니다. 이것은 반드시 개발자의 잘못은 아니지만 서로 다른 테마 간의 플러그인 상호 작용의 단순한 특성입니다.

다행히도 이 병목 현상을 해결할 수 있는 몇 가지 옵션이 있습니다.

1. 플러그인과 테마 간의 상호 작용을 항상 확인하십시오. 주요 기능을 추가하거나 새로운 변경 사항을 구현할 때마다 테스트를 실행하십시오. 문제가 발생하면 대안을 찾는 것이 좋습니다.
2. 독립형 테마를 사용하는 것보다 특정 디자인 규칙의 엄격함을 제거할 수 있는 웹사이트 빌더를 사용하는 것이 좋습니다.
3. 웹사이트용 모바일 애플리케이션을 구축한 다음 인기 있는 앱 스토어에도 추가할 수 있습니다.

내 경험에 따르면 모바일 우선을 염두에 두고 구축하는 것도 특정 디자인 문제를 완화하는 데 도움이 됩니다. 모바일 사이트는 데스크톱 사이트보다 훨씬 덜 복잡한 경향이 있으므로 미니멀리즘을 염두에 두고 구축하면 웹사이트 성능을 크게 향상시킬 수 있습니다.

마지막으로 살펴볼 권장 사항은 AMP – Accelerated Mobile Pages입니다. Google에서 구축 및 유지 관리하는 프로젝트입니다. AMP는 사용자가 귀하를 대신하여 제공하는 모바일 경험을 혁신합니다. Google 검색을 통해 이미 여러 AMP 페이지를 접했을 것입니다.

AMP의 기본 아이디어는 페이지에서 모든 잡동사니를 제거하여 하나의 깨끗하고 미니멀한 콘텐츠 페이지를 제공하는 것입니다. 이것의 가장 큰 단점은 Google이 자체 프록시를 통해 페이지를 제공한다는 것입니다. 그리고 무엇보다도 사용자 정의 옵션 측면에서 상당히 제한적입니다.

그러나 성능에 관해서는 절대적으로 훌륭합니다. 세계에서 가장 큰 뉴스 사이트 중 일부는 매일 수백만 명의 독자에게 서비스를 제공할 때 성능을 잃지 않기 위해 AMP를 사용합니다.

#4: 콘텐츠와 디자인 사이의 균형 찾기

모든 사람은 적절한 콘텐츠 전략을 실행하는 방법에 대해 서로 다른 생각을 가지고 있습니다. 어떤 사람들은 디자인 우선 관점에서 운영하는 것을 선호하는 반면 다른 사람들은 콘텐츠 프레젠테이션에 집중하는 경향이 있습니다. 설명을 위해 두 전략의 차이점을 살펴보겠습니다.

첫 번째는 위의 사진과 같이 웹 사이트의 디자인 측면에 중점을 둡니다. 일반적으로 이들은 동적 디자인 패턴을 염두에 두고 구축된 최신 웹사이트입니다.

이러한 디자인의 장점은 독특하게 느껴지고 어떤 면에서는 독자의 관심을 끌 수 있다는 것입니다. 반면 단점은 훨씬 더 많은 리소스 사용량(따라서 성능 저하)과 그러한 디자인이 직관적으로 느껴지지 않는다는 사실입니다.

두 번째 접근 방식의 경우 위의 beTop 테마에서 가져온 예에서는 디자인보다 콘텐츠에 중점을 둘 것입니다. 그렇다고 디자인이 무의미해진다는 것은 아닙니다.

오히려 디자인 아이디어를 실행하는 동시에 콘텐츠를 보다 효과적으로 강조하는 데 도움이 되는 방식으로 디자인 공백을 활용하고 있습니다. 말할 것도 없이 전통적인 디자인을 사용하면 웹사이트 페이지를 로드하는 데 훨씬 적은 리소스를 사용하게 될 것입니다.

따라서 콘텐츠로 시작할지 디자인으로 시작할지 결정할 수 있습니다. 대부분의 경우 SEO 팩토링의 대부분이 발생하기 때문에 콘텐츠로 시작하는 것이 좋습니다.

#5: 캐싱, 최소화, 리소스 최적화

마지막으로 최신 캐싱 및 리소스 최적화 기술을 사용하고 있는지 확인하고 싶을 것입니다. 모든 콘텐츠 플랫폼(WordPress, Squarespace, Drupal 등)에 대해 최적의 성능을 달성하기 위한 다양한 방법이 있습니다.

WordPress가 선호하는 웹사이트 플랫폼인 경우 웹사이트 최적화를 훨씬 쉽게 할 수 있는 몇 가지 플러그인이 있습니다.

• LiteSpeed ​​Cache – WordPress용 LiteSpeed ​​Cache(LSCWP)는 독점적인 서버 수준 캐시와 최적화 기능 모음을 특징으로 하는 올인원 사이트 가속 플러그인입니다.
• Hummingbird – Hummingbird는 파일 압축에 대한 미세 조정 제어, CSS 및 Javascript 스타일 및 스크립트 지연, CSS 및 JS 축소, 지연 로드 통합 및 세계적 수준의 캐싱을 통해 Google PageSpeed ​​Insights를 향상시키는 새로운 방법을 추가하여 웹사이트를 더 빠르게 만듭니다.
• WP Super Cache – 이 플러그인은 동적 WordPress 블로그에서 정적 HTML 파일을 생성합니다. HTML 파일이 생성된 후 웹서버는 비교적 무겁고 값비싼 WordPress PHP 스크립트를 처리하는 대신 해당 파일을 제공합니다.

특정 최적화 작업을 자동으로 수행할 수 있으면 생산성이 크게 향상됩니다. 그리고 요즘 플러그인은 현대 개발 원칙도 이해할 수 있을 만큼 똑똑합니다. 따라서 유연성을 희생하지 않고 프리미엄 WordPress 테마와 함께 이러한 플러그인을 사용할 수 있습니다.

닫는 말

웹사이트 성능과 SEO는 밀접한 관련이 있습니다. 둘 다 독자에게 훨씬 더 나은 브라우징 경험을 제공하는 데 도움이 되는 성능 외에도 서로를 보완합니다. 하루가 끝나면 웹 사이트에 대한 변경 사항은 성능을 염두에 두고 평가해야 합니다.

이미지 압축과 같은 작은 작업이라도 과도한 로드 시간을 줄이는 데 큰 도움이 될 수 있습니다. 그리고 이러한 작고 점진적인 변경이 많을수록 최적의 성능 결과를 더 빨리 얻을 수 있습니다. PageSpeed ​​Insights와 같은 사이트는 Google의 자체 알고리즘 순위 측면에서 현재 위치에 대한 광범위한 아이디어를 제공할 수 있습니다.

이 게시물에서는 성능 최적화 기술과 주의 깊은 전략에 대해 설명했습니다. 웹사이트를 이미 구축했든 새로 만들 계획이든 상관없이 이 팁은 장기적으로 엄청난 이점을 제공할 것입니다. 즉, 웹 사이트 성능은 SEO 순위에 관한 한 문제를 일으키지 않습니다.

이 문제에 대한 귀하의 의견과 성능 최적화에 대한 귀하의 경험을 듣고 싶습니다. 특히 콘텐츠에 대해 더 나은 SEO 순위를 얻는 데 중점을 둔 최적화 유형입니다.