#F5F5F5

Adobe Experience Manager Sites 기능

헤드리스 CMS

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

소개 영상 보기

#2c2c2c

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

무료 체험판 다운로드

분리된 콘텐츠 관리

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

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

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

Content as a Service v2 - deeper-content-3cc - Tuesday, April 30, 2024 at 11:45

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/headless-cms/visual-editing#visual |

시각적 편집

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

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

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

Content as a Service v2 - deeper-content-3cc - Friday, May 10, 2024 at 12:32

전달

직관적이고 포괄적인 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 기능을 사용해 엔지니어링 팀의 도움 없이도 세그먼트별로 성과가 좋은 콘텐츠 사본과 이미지를 다양한 버전으로 곧바로 만들 수 있습니다.

https://main--bacom--adobecom.hlx.page/assets/icons/products/experience-manager/headless-cms/dotcom-98221-aem-headless-cms-success-edge-messaging-boots-logo-155x80.svg | Chipotle 로고

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

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

영상 보기

linear-gradient(231deg,rgba(206,221,255,1)0%,rgba(226,225,251,1)34%,rgba(206,192,238,1)92%)

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

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

자세히 보기