SaaS 소프트웨어에 대한 최종적인 건전성 검사 - 바삭한 비밀 소스

소개

크리스프에서 기술적 SEO 전략을 효율적으로 수행하기 위해 구축한 SEO 기반에 대한 이야기입니다.

Crisp은 전 세계 기업을 위한 올인원 멀티채널 고객 지원 소프트웨어입니다. 매월 2억 명 이상의 사용자가 하나의 도구로 팀을 모아 고객과 소통할 수 있도록 지원합니다.

제가 Crisp에 입사했을 때, Crisp을 사용하는 기업은 10만 개가 조금 안 되었습니다. 자연 검색은 추천(Google 애널리틱스 기준)과 바이럴 마케팅에 이어 세 번째 고객 확보 채널이었습니다.

이 글을 통해 제가 크리스프에 도착하면서 처리한 기술적 SEO 건전성 점검에 대해 공유하겠습니다. 여기서 중요한 것은 구멍 뚫린 바구니로 인기를 얻으려고 하지 말아야 한다는 것입니다.

지금 당장 공유할 수 있는 통계는 거의 없습니다:

• 아레프 등급은 7900입니다.
• DR은 82입니다.
• 한 달에 300,000명 이상의 방문자가 방문합니다.
• 자연 검색은 트래픽의 50%를 차지합니다(여기서는 기존 고객 제외).

(크리스프의 획득 채널)

이 기술 SEO 가이드에서는 웹사이트를 개선하고 Google 권장 사항에 맞게 만들기 위해 어떤 조치를 취했는지 알려드리겠습니다.

이 글의 마지막 부분에서 기대할 수 있는 사항은 다음과 같습니다:

• 기존 CMS가 없는 상태에서 자체 CMS를 구축하기로 결정할 때 어떤 선택을 했는지 이해하세요.
• 기존 웹사이트의 기술적 SEO를 검토하는 방법을 알아보세요.
• 팀에 제출하여 개선할 수 있는 간단한 감사를 만드는 방법을 알아보세요.
• 전용 페이지에 대한 의미론적 관련성 분석 방법 알아보기
• Crisp에서 이러한 작업을 위해 사용하는 도구에 대해 알아보세요.

자체 CMS를 구축하여 기술 SEO 관리

가장 먼저 영향을 미칠 수 있는 것은 우리가 작업 중인 웹사이트의 무거움입니다. 제가 입사하기 전 Crisp에서는 이미 팀에서 완전히 하드 코딩된 웹 사이트 작업을 시작하고 있었습니다.

이를 위해 JADE라는 프로그래밍 언어를 사용하는데, 이는 매우 간단합니다. 이는 코드를 컴파일하여 웹사이트 방문자에게 제공하는 정적 HTML 페이지를 생성하는 간단한 프로그래밍 언어입니다.

저희 소프트웨어는 JADE를 사용하여 빌드되지 않고 VueJS를 사용하고 있으며, 이에 대해 자세히 알고 싶으시면 VueJS 마이그레이션에 대한 글을 작성해 두었습니다.

처음부터 자체 CMS를 구축하는 이유는 무엇인가요?

웹플로우나 워드프레스와 같은 최신 CMS도 좋지만, 거짓말은 하지 않습니다. 하지만 우리의 요구 사항에는 충분하지 않습니다.

웹 사이트가 빠르기를 원합니다.

저희는 사용자 경험 측면에서 웹사이트가 제품만큼 우수하기를 바랍니다. 워드프레스 웹사이트를 구축하면 전용 데이터베이스가 제공되고 플러그인이나 JS 스크립트 등 수십 개의 외부 리소스를 요청하므로 로딩 속도가 느려집니다.

기술적 SEO 전략을 구축하기 위해 기존 구조에 의존해야 하는 수많은 CMS도 마찬가지입니다.

제가 크리스프에 부임한 이래로 웹사이트는 아이디어와 개선 사항을 통해 끊임없이 발전하고 개선되고 있습니다.

우리는 개발을 완전히 통제하고 싶습니다.

문제는 Shopify나 워드프레스와 같은 툴을 사용하면 제품 팀에 의존하여 제품을 올바른 방향으로 유도해야 하는데, 이 과정에서 사용자가 제어할 수 없다는 것입니다.

크리스프는 가장 빠른 속도로 최고의 SEO 전략을 구축하기 위해 구현하는 최적화, 기술적 선택 및 전략에 대한 완전한 소유권을 가지고 있습니다.

예를 들어, 저희는 JSON 통합을 사용하여 웹사이트의 특정 페이지에 schema.org 마크업을 구현했습니다.

기술에 정통한 인재로 구성된 팀을 구축하고자 합니다.

크리스프는 누구나 JSON 파일을 수정하고 코드를 컴파일하여 웹사이트의 콘텐츠를 수정할 수 있어야 한다고 생각합니다.

그래서 저희는 웹사이트를 중심으로 기술 팀을 구성하고 있습니다: 프론트엔드 개발자, 기술 마케터, 세일즈 엔지니어가 매일 웹사이트를 개선하는 데 도움을 주고 있습니다. 카피든 경험 자체든 말이죠.

이를 통해 기술 및 마케팅 전략에 대한 전반적인 이해를 갖춘 유능한 인재를 채용할 수 있습니다.

이제 워드프레스닷컴의 철학과 전략을 이해하셨으니, 이제 웹에서 무료로 제공되는 간단한 도구로 더 나은 경험을 구축하는 방법과 기술적 SEO 최적화에 대해 자세히 알아보겠습니다.

클릭 한 번으로 기술 SEO 검토

저는 작업을 시작할 때 어디서부터 시작해야 하는지 파악하는 것을 좋아하는데, 3년 전 크리스프에 입사했을 때 적용했던 프로세스와 정확히 일치합니다.

저는 깊이 있게 들여다보는 감사를 구축하는 것을 좋아합니다:

• 기술 감사
• 콘텐츠 감사
• 인기도 감사

이 문서의 뒷부분에서 프레임워크를 잠시 공유하겠습니다.

구글 라이트하우스는 기술적 SEO 최적화 측면에서 구글 요구사항의 권장 사항을 안내하는 등대입니다.

크리스프에서 실행하고 있는 구글 라이트하우스 최적화에 대한 가이드를 작성했으니 꼭 확인해 보세요! 이 가이드를 통해 라이트하우스 점수를 매우 쉽게 개선할 수 있었습니다.

기사를 읽는 데 지치셨나요? 다음은 간단한 발췌문입니다:

1. web.dev로 이동하여 웹사이트에 대한 감사를 실행하세요.

(Google 라이트하우스 감사 결과 예시)

2. 수정할 작업 목록의 우선 순위 지정
3. 자연스럽게 순위가 상승하는 것을 확인하세요

또한 기술 SEO의 퍼널을 더 깊숙이 파고드는 광범위한 최적화를 제공하는 슈퍼 데어부스트를 사용할 수도 있습니다.

보시다시피 웹사이트를 더욱 빠르고 쉽게 사용할 수 있도록 개선할 사항이 아직 남아 있습니다.

이 두 가지 도구를 사용하면 기술 SEO를 개선하고 인기 검색 엔진에서 더 높은 순위를 차지하기 위해 달성해야 할 사항을 명확하게 이해할 수 있습니다.

이제 개선해야 할 사항을 명확하게 파악했으니, 기술적으로는 웹사이트의 의미적 관련성에 집중하여 타겟 시장과 일치하는지 파악해 보겠습니다.

기술 SEO를 위한 키워드 밀도 이해

Crisp 웹사이트를 달에 띄우는 게임에 참여했을 때와 마찬가지로 콘텐츠가 제대로 제작되었는지 확인해야 했습니다.

시맨틱 웹 사이트 구조가 잘 구성되어 있는지 확인해야 했습니다. 다음은 시맨틱 웹 페이지 구조를 확인할 때 제가 해야 할 일 목록입니다. 이것은 웹 사이트 제작자, 대행사, 개발자가 거의 관심을 기울이지 않기 때문에 실제로 파헤쳐 야 할 사항입니다.

클릭 한 번으로 HTML 웹 페이지 구조 확인

저는 구글 크롬 애드온인 웹 개발자를 사용합니다. 사용하기 매우 쉽고 오래 사용해도 질리지 않습니다.

페이지가 어떻게 구성되어 있는지 확인하려면 '문서 개요 보기 '를 클릭합니다. 다음은 Crisp에서 수행한 작업의 예입니다.

각 Hn은 키워드 밀도와 작업 중인 웹페이지에 대한 Google의 이해도에 영향을 미칩니다.

이 페이지에서 타겟팅하는 키워드의 밀도를 낮추기 때문에 마지막 H2를 제거할 수 있습니다.

제가 작업 중인 키워드를 맞히셨나요?

이 분석은 키워드 밀도 분석과 결합하여 Google이 콘텐츠를 올바르게 이해할 수 있도록 해야 합니다.

페이지별 키워드 밀도 페이지 확인

키워드 밀도가 어느 정도인지 파악하는 데 도움이 되는 도구가 있어 페이지를 어떻게 구성해야 하는지 더 잘 이해할 수 있습니다.

저는 키워드 밀도 분석을 위해 프랑스 소프트웨어인 Alyze를 사용합니다.

각 페이지에 대해 페이지에서 가장 눈에 띄는 키워드를 명확하게 파악할 수 있습니다.

보너스: Google 로봇의 크롤링 분석

로봇의 크롤링을 분석할 수 있습니다. 웹사이트와 관련된 특별 예산이 있다는 것을 알아야 합니다. 이 예산은 Google 검색 로봇이 현명하게 소비해야 합니다.

그러기 위해서는 웹사이트에 오류, 너무 많은 리디렉션 또는 고아 페이지가 발생하지 않도록 oncrawl.com과 같은 도구를 자유롭게 사용하세요.

대부분의 사람들은 페이지 수가 너무 적기 때문에 SaaS 소프트웨어 웹사이트의 크롤링 예산이 중요하지 않다고 말합니다. 크리스프는 그렇게 생각하지 않습니다. Google은 웹사이트 페이지 수가 15개이든 150개이든 1500개이든 모든 최적화를 좋아한다고 믿습니다.

진화 및 개선 사항이 새로 출시될 때마다 온크롤 분석을 실행하여 모든 것이 잘 진행되고 있는지 확인합니다.

하지만 여기서 중요한 것은 콘텐츠 색인을 생성하는 Google의 로봇에 대해 이야기하는 것이 아닙니다.

이를 위해서는 "GoogleBot"이라는 특정 사용자 에이전트를 찾아야 합니다. 이전 권장 사항을 따랐기 때문에 웹사이트 상단에 CloudFlare가 있는 경우 여기에서 "조회수"의 추출을 가져와야 합니다. 그렇지 않은 경우 웹사이트를 호스팅하는 서버에 로그를 요청할 수 있으며, 이 수준에서 로그를 저장해야 합니다.

히트는 Google봇이 수행한 방문 횟수입니다. 일반적인 생각과 달리 Google봇은 웹사이트 전체를 한 번에 돌아다니지 않습니다. 한 페이지를 방문한 다음 웹사이트를 떠납니다.

그렇기 때문에 경험의 품질에 매우 주의를 기울여야 합니다.

각 페이지의 방문 빈도를 분석하면 Google에 이어 웹사이트에서 가장 인기 있는 페이지가 무엇인지 파악할 수 있으며, Google봇이 방문하지 않아야 하는 흥미롭지 않은 페이지를 발견할 수도 있습니다.

작성자 댓글

이 글이 올바른 방향으로 나아가는 데 도움이 되길 바랍니다. 이 문제에 대해 더 자세히 논의하고 싶으시면 링크드인이나 트위터에서 저를 추가해 주시면 기꺼이 대화를 나누겠습니다.