Adobe Experience Manager Sites 기능

헤드리스 CMS

개발자와 비즈니스 사용자가 즉시 사용 가능한 헤드리스, 헤드풀 모델로 어떤 프런트엔드 프레임워크에서나 콘텐츠를 자유롭게 제작하고 구성해 제공할 수 있습니다.

소개 영상 보기

무료 체험판을 통해 헤드리스 CMS의 이점을 확인해 보세요.

무료 체험판 다운로드

분리된 콘텐츠 관리

Adobe Experience Manager Sites를 통해 마케터는 콘텐츠를 제작하고 개발자는 코드 작성과 전달에 집중할 수 있습니다. 백엔드 콘텐츠 관리 시스템에서 프런트엔드 애플리케이션을 분리했기 때문입니다. Adobe의 헤드리스 CMS를 사용해 구조화된 콘텐츠를 제작하고, 이렇게 만든 콘텐츠를 API를 통해 다양한 디지털 접점에서 재사용할 수 있습니다.

  • 콘텐츠 모델. 사이트와 앱에 맞게 콘텐츠를 구성하세요. 기존 콘텐츠 모델 템플릿을 사용해 만들거나, 새롭게 직접 만들 수도 있습니다.
  • 콘텐츠 조각. 콘텐츠를 디자인하고 제작해 게시하세요. 콘텐츠 조각을 사용해 헤드리스, 헤드풀, 하이브리드 등 어느 모델로 전달하든 콘텐츠를 재사용할 수 있습니다.
  • 콘텐츠 조각 편집기. 사용이 간편하고 익숙한 양식 기반의 편집기를 사용하여 기존의 콘텐츠 조각을 빠르게 변경하세요. 모든 디지털 에셋에서 콘텐츠를 신속하게 제작하고 편집할 수 있습니다. 여러 페이지의 속성을 한 번에 일괄 편집할 수 있습니다.
  • 경험 조각. 콘텐츠와 레이아웃을 그룹화해 어느 채널에서나 재사용할 수 있는 조각을 만들어 다양한 화면에 게시할 수 있습니다. 여러 개의 크리에이티브 에셋을 제작하지 않고도 메시지와 레이아웃을 일관되게 유지할 수 있습니다.
  • 멀티사이트 관리. 클릭 한 번으로 소스 콘텐츠 구조의 변경 사항을 라이브된 사본 콘텐츠에 적용해 여러 사이트에서 다양한 콘텐츠 버전을 관리할 수 있습니다. 또한, 다양한 조직과 글로벌 콘텐츠 구조에서 상속할 수 있습니다.
Decoupled content management

분리된 콘텐츠 관리에 대해 더 알아보기

시각적 편집

Experience Manager Sites의 표준 편집기를 사용하면 프런트엔드 프레임워크나 렌더링 위치와 상관없이 모든 콘텐츠를 실시간으로 미리 보고 편집할 수 있습니다. 저작자는 콘텐츠를 손쉽게 바로 수정하고 최종 결과물을 미리 확인할 수 있습니다.

  • 시각적 편집. 이미지, 문구, 영상 등 모든 콘텐츠를 컨텍스트에 맞게 시각적으로 편집해 보세요. 페이지에 표시된 콘텐츠 조각을 편집하거나 중첩된 구성 요소가 있는 전체 페이지 구조도 편집할 수 있습니다.
  • 프레임워크 애그노스틱. 나만의 프런트엔드 프레임워크(예: React, Vue, Angular)를 사용해 작업하고, 버전 관리와 업데이트 걱정은 털어버리세요. 직관적인 저작 툴을 사용해 페이지 디자인의 모든 요소를 쉽게 드래그하여 놓을 수 있습니다. 표준 편집기는 Experience Manager 로컬 또는 원격 도메인에서 호스팅된 콘텐츠를 사용한 서버 측, 클라이언트 측, 엣지 측 렌더링 등 모든 아키텍처에서 작동합니다.
  • 유연한 편집. 다양한 요소를 유연하게 편집해 보세요. 추가 메타데이터가 필요하거나 열, 회전식 보기, 탭, 아코디언 등 다양한 스타일을 적용해야 하는 경우에도 수월하게 편집할 수 있습니다.
  • 맞춤 UI. Universal Editor의 UI에 실험, Workfront 작업 관리, 다양한 버전 생성 등 여러 확장 기능을 추가할 수 있습니다.

시각적 편집에 대해 더 알아보기

전달

직관적이고 포괄적인 API를 사용하여 콘텐츠를 쉽게 전달할 수 있습니다.

  • GraphQL. 재사용할 수 있는 구조화된 콘텐츠를 GraphQL을 통해 JSON 포맷으로 다른 애플리케이션에 빠르게 제공할 수 있습니다.
  • 콘텐츠 서비스. Experience Manager의 즉시 사용 가능한 기본 구성 요소와 템플릿으로 페이지를 생성하세요. 그런 다음 콘텐츠 서비스 API를 통해 URL을 제공하는 REST API 엔드포인트로 전송할 수 있습니다.
  • 영구 쿼리. 영구 쿼리와 HTTP 캐시를 통한 캐싱을 사용하거나, Adobe 콘텐츠 전송 네트워크를 사용하여 쿼리 실행을 줄이세요. 클라이언트 애플리케이션은 신속한 엣지 지원 실행을 위해 ‘GET’ 요청으로 영구 쿼리를 요청합니다.
  • 웹에 최적화된 이미지 전달. GraphQL을 통해 디지털 에셋 관리자의 이미지를 WebP 포맷으로 전달하여 페이지 로딩 시간을 단축하고 다운로드 크기를 평균 25% 줄일 수 있습니다.
Optimization

최적화

콘텐츠 관리를 넘어, 고성능 페이지와 앱까지 완성할 수 있습니다.

  • 개인화. 고급 A/B 테스트, 옴니채널 개인화를 위해 Adobe Target, Adobe Journey Optimizer, 서드파티 툴 등의 개인화 제품에 구조화된 콘텐츠를 가져와 사용자 경험을 최적화할 수 있습니다.
  • 다양한 버전 생성. 생성형 AI 기능을 사용해 엔지니어링 팀의 도움 없이도 세그먼트별로 성과가 좋은 콘텐츠 사본과 이미지를 다양한 버전으로 곧바로 만들 수 있습니다.

Chipotle 로고

“Adobe Experience Manager는 당사가 제공하는 디지털 경험에 핵심적인 역할을 하고 있습니다. 우리는 Experience Manager를 기반으로 웹 경험을 구축했고, Experience Manager 헤드리스로 모바일 앱 경험을 강화하여 모바일 앱과 웹에 콘텐츠를 빠르고 효율적으로 전달하고 있습니다.”

Nicole West, Chipotle 디지털 전략 및 제품 부문 부사장

헤드리스 CMS 기능 120% 활용하기

설명서, 튜토리얼, 사용자 가이드 등 다양한 학습 콘텐츠를 이용해 보세요.

자세히 보기

Adobe Experience Manager Sites를 통해 얻을 수 있는 이점을 확인해 보세요.

시작하기

An AEM Sites pie graph shows profile composition by source with high, medium, and low propensities for thousands of customer profiles. Tracked customer data includes content read on LinkedIn, user queries on Google search, and profiles followed on Meta Facebook.

This Adobe site doesn't match your location

Based on your location, we think you may prefer the United States website, where you'll get regional content, offerings, and pricing.