AMP
Something went wrong while trying to load more search results.
We apologize for the inconvenience caused.
Please try again later.

;(

Something went wrong…

…while trying to load the search results.
We apologize for the inconvenience caused.
Please try again later.

사용자 참여 향상하기

다음은 AMP로 사용자의 참여를 향상시키는 몇가지 빠른 팁입니다.

사용자가 AMP 및 AMP가 아닌 페이지에서 일관된 브랜딩 및 리치 컨텐츠로 식별할 수 있도록 돕습니다.

  • AMP 페이지에 브랜드를 반영하십시오. AMP가 아닌 페이지와 동일한 헤더 및 디자인 스킴(즉, 컬러, 간격, 폰트 스타일)을 사용하여 페이지를 인식시키고 AMP 페이지를 타당하게 보여줍니다.

  • 페이지가 바뀔 때 가장 매력적인 콘텐츠를 제공하십시오 이미지, embed, 구조화된 데이터, 덧글 및 소셜미디어 같은 주요 페이지 요소를 포함합니다. 써드 파티 콘텐츠 가져오기에서 더 많은 내용을 볼 수 있습니다.

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

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

  • AMP 페이지에서 인터렉티브한 경험을 제공하십시오. 이미지 캐러셀을 만드는 amp-carousel 및 AMP가 기본으로 제공하지 않는 인터렉티브 요소를 통합할 수 있는 amp-iframe같은 게 있습니다.

  • 맞춤형 사용자 여정을 만드십시오. 로그인 버튼을 제공하고 유료 결제 기반의 콘텐츠라면 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.dev/community/roadmap에서 업데이트 및 기능에 대한 AMP 로드맵을 살펴보세요.

  • 참여하세요. 소스 코드에 기여하거나, 버그를 신고하거나, GitHub에 피드백을 주세요. Stack Overflow에서 AMP에 대한 의견을 공유해주세요.

  • 예제로 보는 AMP에서 AMP 컴포넌트를 어떻게 사용하는 지 익히십시오.