필수 마크업
구조 및 렌더링
지원되는 AMP 컴포넌트
HTML 요구 사항
CSS 요구 사항
- 지원되는 선택자 및 속성
- AMP 문서에 CSS 지정
문서 크기
유효성 검사
개인정보 보호 및 보안
피드백 및 지원

이메일용 AMP 형식

AMP는 모바일 클라이언트에서 매우 빠른 웹 페이지를 개발하는 데 사용되는 기술입니다. AMP는 JavaScript로 지원되는 HTML 태그 집합이며 성능과 보안에 중점을 둔 기능을 쉽게 구현합니다. 캐러셀부터 반응형 양식 요소, 원격 엔드포인트에서 새로운 콘텐츠 검색까지 아우르는 모든 기능이 AMP 컴포넌트로 제공됩니다.

이메일용 AMP 형식은 이메일 메시지에 사용 가능한 AMP 컴포넌트의 하위 집합을 제공합니다. AMP 이메일 수신자는 이메일에서 바로 AMP 컴포넌트를 보고 상호작용할 수 있습니다.

필수 마크업

다음 코드는 유효한 AMP 이메일 메시지를 구성하는 최소한의 마크업을 보여줍니다.

<!DOCTYPE html>
<html ⚡4email>
  <head>
    <meta charset="utf-8" />
    <style amp4email-boilerplate>
      body {
        visibility: hidden;
      }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    Hello, world.
  </body>
</html>

AMP 이메일의 필수 요건은 다음과 같습니다.

doctype <!doctype html>로 시작. 🔗
최상위 태그로 <html ⚡4email> 태그 사용 (<html amp4email>도 사용 가능). 🔗
<head> 및 <body> 태그 사용(HTML에서는 선택 사항). 🔗
헤드 태그의 첫 번째 하위 요소로 <meta charset="utf-8"> 태그 사용. 🔗
헤드 태그 내에 <script async src="https://cdn.ampproject.org/v0.js"></script> 태그 사용. 🔗
AMP JS 로드 시까지 우선 콘텐츠를 숨김 처리하려면 헤드 태그 내에 amp4email 상용구 사용(<style amp4email-boilerplate>body{visibility:hidden}</style>) 🔗

전체 AMPHTML 마크업은 200,000 바이트를 초과할 수 없습니다.

구조 및 렌더링

이메일용 AMP는 RFC 1521, 섹션 7.2.3에서 정의된 것처럼 표준 multipart/alternative MIME 서브타입에 의존합니다.

자세한 내용은 AMP 이메일의 구조 및 렌더링을 참조하세요.

지원되는 AMP 컴포넌트

이메일용 AMP 지원 컴포넌트를 참조하세요.

HTML 요구 사항

이메일용 AMP에서 지원되는 HTML을 참조하세요.

CSS 요구 사항

지원되는 선택자 및 속성

이메일용 AMP에서 지원되는 CSS를 참조하세요.

AMP 문서에 CSS 지정

AMP 문서의 모든 CSS는 헤더 내의 <style amp-custom>태그에 포함되거나 인라인 style 속성으로 포함되어야 합니다.

...

<style amp-custom>
  /* any custom styles go here. */
  body {
    background-color: white;
  }
  amp-img {
    border: 5px solid black;
  }
  amp-img.grey-placeholder {
    background-color: grey;
  }
</style>

...

</head>

전체 <style> 태그는 50,000 바이트를 초과할 수 없습니다. 유효성 검사기가 크기를 검사합니다.

문서 크기

최적의 너비: 800px 이하(그 이상의 문서나 콘텐츠는 일부 클라이언트에서 예기치 않게 잘릴 수 있음).
높이: 변수, 클라이언트는 사용자가 콘텐츠를 스크롤하게 허용.

유효성 검사

이메일 메시지가 이메일용 AMP 형식을 충족하는지 확인하는 데 AMP의 기존 유효성 검사 도구를 사용할 수 있습니다.

자세한 내용은 AMP 이메일 유효성 검사를 참조하세요.

개인정보 보호 및 보안

이메일 열람 및 상호작용 추적

AMPHTML을 사용하면 일반 HTML 이메일과 마찬가지로 픽셀 추적 기술을 사용해 이메일 열람을 추적할 수 있습니다. 또한 외부 서비스의 데이터에 대한 모든 사용자 개시 요청도 사용자가 메시지와 상호작용하고 있음을 나타냅니다. 이메일 클라이언트는 원격 이미지 로딩 또는 기타 외부 요청의 로딩을 비활성화하는 옵션을 사용자에게 제공할 수 있습니다.

AMP 전용 분석

다음의 AMP 전용 분석 기술은 지원되지 않습니다.

컴포넌트별 고려 사항

<amp-carousel> 또는 <amp-accordion>의 이미지 요청은 사용자가 메시지와 상호작용하고 있음을 발신자에게 알려줍니다.

<amp-form> 내의 리디렉션도 런타임에서 허용되지 않습니다.

피드백 및 지원

이메일용 AMP에 대한 지원 및 피드백을 제공하려면 다음 채널을 사용하세요: ongoing-participation