다음은 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 오픈소스 프로젝트에 참여하세요.

  • ampproject.org/roadmap에서 업데이트 및 기능에 대한 AMP 로드맵을 살펴보세요.

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

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