헤드리스 및 분리된 CMS와 SEO 성능에 미치는 다양한 영향

게시 됨: 2022-12-30

콘텐츠 관리 시스템 중에서 선택할 때 많은 현대 사이트가 직면하는 큰 질문 중 하나는 헤드리스 플랫폼과 분리된 플랫폼 사이에 있습니다. 이 선택은 사이트의 SEO 성능에 큰 영향을 미치므로 장단점을 모두 고려하고 현명하게 선택해야 합니다. 저희 가이드가 도와드리겠습니다.

먼저 CMS란?

CMS는 콘텐츠 관리 시스템을 의미합니다. 이를 통해 사용자는 웹사이트 코드를 반드시 이해하지 않고도 모든 웹사이트를 업데이트하고 작업할 수 있습니다. 개발자가 아닌 사용자가 일부 유형의 CMS를 사용하는 웹 사이트에서 작업할 수 있는 사용자 친화적인 솔루션입니다.

어떤 유형의 CMS가 존재합니까?

두 가지 유형의 CMS, 사용 시기, 각 시스템의 장점, 문제점 및 제한 사항(분리형 CMS 및 헤드리스 CMS)에 대해 논의할 것입니다.

분리된 CMS는 무엇이며 언제 사용하기에 좋은 솔루션입니까?

WordPress 또는 Drupal은 소위 분리된 CMS의 예입니다. 프런트 엔드에서 분리하는 확장 및 플러그인을 제공하므로 '분리'라고 합니다. 당연히 이러한 CMS를 사용하고 작업하는 데에는 이점이 있습니다. 이들은 '기성품' 솔루션이며 사용하기 쉽습니다.

분리된 솔루션은 다음에 이상적입니다.

  • 단일 페이지 또는 더 작은 웹사이트
  • 제휴 웹사이트
  • 너무 많은 자바스크립트가 없는 웹사이트
  • 개발자 또는 소규모 개발 팀에 대한 액세스 권한이 제한된 경우
  • 전자상거래용이 아닌 웹사이트

이러한 종류의 CMS(가장 잘 알려진 것은 WordPress)를 사용하면 많은 SEO 이점이 있습니다.

  • 복잡한 SEO 문제가 처리됩니다.
  • 자동화된 사이트맵 XML
  • 자동화된 robots.txt 파일
  • 많은 표준 SEO 작업을 쉽게 해주는 Yoast SEO 플러그인

헤드리스 CMS란 무엇이며 분리된 CMS 솔루션과 어떻게 다릅니까?

헤드리스 CMS는 처음부터 구축된 백엔드 전용 콘텐츠 관리 시스템입니다. 헤드리스 CMS는 내장된 프런트 엔드 또는 프레젠테이션 계층 없이 모든 장치에서 API(RESTful API 또는 GraphQL API)를 통해 콘텐츠를 사용할 수 있도록 합니다.

'headless'라는 이름은 'body'(백엔드)에서 'head'(프론트 엔드)를 분리하는 데서 유래합니다.

헤드리스가 좋은 이유는 무엇입니까?

헤드리스 CMS의 경우 콘텐츠가 표시되는 위치(웹 사이트, 모바일 앱 또는 스마트 워치)는 중요하지 않습니다. 유일한 초점은 콘텐츠를 저장 및 전달하고 편집자가 기존 콘텐츠 또는 새로운 콘텐츠에 대해 쉽게 협력할 수 있도록 하는 것입니다. 모든 프로젝트의 확장성을 허용합니다.

헤드리스 솔루션은 다음에 이상적입니다.

  • 대형 전자상거래 웹사이트
  • 자바스크립트 무거운 웹사이트
  • 네이티브 모바일 앱
  • 개인화된 대화형 디지털 콘텐츠 제작
  • 확장성 및 비즈니스 프로세스 간소화가 필요한 경우

SEO용 헤드리스 CMS의 주요 이점:

  • 여러 장치에 대한 강력한 SEO 준비성
  • 데스크톱, 모바일, 웨어러블, 스마트 기기 전반에 걸친 옴니채널 쿼리에 대한 SEO 준비
  • SEO에 가장 적합한 SSR(server-side rendering)을 지원하는 Headless CMS
  • 속도 및 CWV(핵심 웹 바이탈)에 대한 더 나은 최적화 옵션

CSR(클라이언트 측 렌더링)과 SSR(서버 측 렌더링)에 대한 몇 마디:

Google은 클라이언트측 렌더링 또는 서버측 렌더링을 크롤링할 수 있습니다.

CSR – 클라이언트 측 렌더링(클라이언트 장치의 컴퓨팅 성능을 사용하기 때문에 클라이언트 측 렌더링 이라고 함)은 서버의 로드 시간을 줄여주기 때문에 더 저렴한 옵션입니다. 그러나 CSR의 주요 문제를 염두에 두십시오. 하나는 자바스크립트 렌더링이 로딩 시간에 몇 초를 추가할 수 있기 때문에 느리고 열악한 사용자 경험입니다. 둘째, CSR은 Google이 소위 '두 번째 물결 인덱싱'이라고 부르기 때문에 Google 봇에 영향을 미칩니다. 즉, 봇은 먼저 페이지의 HTML을 크롤링하고 사용 가능한 경우 다시 JavaScript를 다시 크롤링합니다. 이로 인해 JavaScript에서 제공하는 중요한 데이터나 콘텐츠가 누락될 수 있습니다. 당연히 이것은 검색 결과에 영향을 미칩니다.

CRS의 장점:

  • 초기 로드 후 더 빠른 렌더링
  • CSR을 지원하는 Javascript 프레임워크/라이브러리

CRS의 단점:

  • 느린 초기 로딩 시간
  • CWV 최적화에 적합하지 않음
  • SEO에 좋지 않음

SSR – 웹사이트의 JavaScript는 웹사이트의 서버에서 직접 렌더링됩니다. 이점은 봇과 인간이 결과를 더 빨리 제공받을 수 있다는 것입니다! 페이지가 서버에서 렌더링되므로 CSR 중에 중요한 콘텐츠가 누락될 위험이 없습니다. 이러한 이유로 Server Side Rendering은 SEO 성능에 더 좋고 유익합니다.

그러나 SSR은 더 비싼 옵션이며 서버 리소스를 많이 사용합니다.

SSR의 장점:

  • SEO에 매우 좋음 - 봇을 위한 더 나은 크롤링
  • 더 빠른 초기 렌더링

SSR의 단점:

  • 값비싼
  • 많은 서버 요청

CWV(Core Web Vitals)에 대한 몇 마디:

2021년 Google은 Core Web Vitals의 중요성을 발표했습니다. Google은 속도가 중요하며 더 이상 로딩 시간이 전부가 아니라는 사실을 알려왔습니다(그러나 로딩 시간은 여전히 ​​중요합니다).

Google은 페이지의 안정성과 상호작용도 중요하게 생각합니다. CLS – 누적 레이아웃 이동, FID – 첫 번째 입력 지연 및 LCP – 가장 큰 콘텐츠가 포함된 페인트의 3가지 중요한 측정을 통과해야 합니다. CWV에 대한 훌륭한 가이드가 많이 있습니다. 자세한 내용은 여기를 참조하십시오.

헤드리스 CMS에 대한 기술적 베스트 SEO 사례는 무엇입니까?

이제 헤드리스 CMS가 제공할 수 있는 것을 최대한 활용하기 위해 따라야 할 몇 가지 최고의 기술적 SEO 사례가 있습니다. WordPress는 이러한 대부분의 작업에 도움이 되지만 처음부터 헤드리스 CMS를 구축할 때는 직접 처리해야 합니다.

절대 기본 사항:

  • 정식 태그
  • Hreflangs 태그
  • 페이지 매김 태그
  • SSL 인증서
  • 메타 제목 및 설명
  • SEO 콘텐츠 상자
  • SEO 친화적인 URL 구조
  • 제목 – H1, H2s…
  • 이미지 제목 및 Alt
  • XML 사이트맵
  • 로봇.txt 파일

최고의 SEO 관행을 위해 가지고 있는 것이 좋습니다:

  • 빵 부스러기
  • 구조화된 데이터 구현
  • 404페이지
  • CDN
  • 속도 최적화
  • CWV
  • 모바일 SEO 준비 및 옴니채널 고려
  • 음성 검색 준비

헤드리스 대 분리된 토론의 주요 테이크아웃

헤드리스 CMS와 분리형 CMS는 모두 장점과 단점이 있으며 필요에 따라 솔루션을 사용할 수 있는 좋은 위치가 있습니다.

올바른 CMS를 선택하기 전에 웹사이트의 목적을 고려하십시오.

건물을 짓는 경우:

  • 전자상거래, 카지노 또는 스포츠북 웹사이트,
  • 가까운 미래 또는 먼 미래에 확장성이 필요한 웹사이트,
  • 여러 플랫폼(웹사이트, 기본 모바일 앱 등)에 콘텐츠를 게시해야 하는 경우
  • 또는 자바스크립트가 많은 웹사이트…

헤드리스 CMS로 이동합니다.

귀하의 웹사이트가 다음과 같은 경우:

  • 소규모 제휴 웹사이트,
  • CSR이 충분한 웹사이트,
  • 개발팀이 작거나
  • 즉시 사용 가능한 SEO 솔루션이 필요한 경우,

그렇다면 WP 또는 다른 분리된 CMS가 최상의 솔루션입니다.