AMP

사용자 참여도 개선하기

Important: this documentation is not applicable to your currently selected format stories!

AMP를 활용해 사용자 참여도를 개선하는 몇 가지 간단한 팁을 소개합니다.

일관된 브랜딩 및 리치 콘텐츠를 통해 사용자가 AMP 및 비 AMP 페이지에서 내 브랜드를 식별하도록 지원

  • AMP 페이지에 브랜드를 반영합니다. 비 AMP 페이지와 동일한 헤더 및 디자인 구성(색상, 간격, 글꼴 스타일)을 사용하여 쉽게 알아볼 수 있으며 적절한 형식을 갖춘 페이지를 제작합니다.

  • 페이지 변환 시 참여를 적극적으로 유도하는 콘텐츠가 돋보이게 배치합니다. 이미지, 임베딩 요소, 구조적 데이터, 댓글 및 소셜미디어 같은 핵심적인 페이지 요소를 추가하면 좋습니다. 타사 콘텐츠 추가와 관련한 자세한 내용을 알아보세요.

  • AMP 페이지를 최신 상태로 유지합니다. amp-live-list를 활용하면 라이브 블로그를 동적으로 업데이트할 수 있습니다.

사용자의 참여도 및 유지율 최적화

  • AMP 페이지에서 인터랙티브한 경험을 제공합니다. amp-carousel을 활용하여 리치 이미지 캐러셀을 생성하고 amp-iframe을 통해 AMP에서 기본으로 제공되지 않는 인터랙티브 요소를 통합할 수 있습니다.

  • 맞춤형 사용자 여정을 구축합니다. 로그인 버튼을 제공하거나 유료 결제 기반의 콘텐츠라면 amp-access를 사용하여 규정 및 프로모션 등을 구현할 수 있습니다.

  • 지속적인 사용자 여정으로 확장합니다. 관련 글, 추천 글 또는 사이트의 연관 섹션으로 이동하는 링크를 걸어보세요.

  • amp-list를 활용하여 추천 사항 등의 콘텐츠를 맞춤형으로 지원합니다.

  • 사용자가 사이트의 다른 섹션도 탐색할 수 있도록 amp-sidebar를 활용해 메뉴를 구현합니다.

  • 사용자가 콘텐츠를 쉽게 공유할 수 있도록 amp-social-share 또는 자체 공유 버튼을 추가합니다.

  • amp-form를 활용해 리드 생성, 뉴스레터 가입 및 댓글 등의 기능을 지원하고 새로운 상호작용을 장려합니다.

  • 우수한 사용자 경험을 제공하는 광고 유형을 목표로 합니다. amp-sticky-adamp-fx-flying-carpet 등의 AMP 광고 유형을 살펴보고 광고 수익창출 모범 사례도 활용해보세요.

  • 앱 다운로드를 유도합니다. amp-app-banner를 활용해 배너의 앱 설치 링크를 추가합니다.

  • 비 AMP 프로그레시브 웹 앱(PWA) 사이트로 신속한 전환을 지원합니다. amp-install-serviceworker를 활용하면 캐시를 채울 수 있습니다.

AMP 오픈소스 프로젝트에 참여해 AMP의 발전 도모

  • AMP 로드맵을 살펴보면 로드맵의 업데이트 및 기능을 확인할 수 있습니다.

  • 적극적인 참여. 소스 코드에 기여, 버그 신고, GitHub 피드백 제공을 통해 적극적으로 참여하세요. Stack Overflow에서 AMP에 대한 의견을 공유하셔도 좋습니다.

  • 예제를 통해 AMP 컴포넌트 사용 방법을 학습합니다.