구글 AMP 기본 구성 요소 유형

AMP는 HTML 태그와 유사한 기능을 하는 대체 가능한 AMP HTML 태그를 제공하지만, 이는 제한적이고 성능에 최적화된 방식으로 제공합니다. 이를 AMP Components 또는 AMP Custom Elements라고 합니다.

AMP 구성 요소에는 세 가지 유형이 있습니다.

내장(Built-in) 구성 요소

내장 구성 요소는 AMP-HTML 페이지에서 바로 사용할 수 있습니다. AMP 자바스크립트 라이브러리와 함께 제공되므로 문서 헤드에 추가할 필요가 없습니다. 여기에는 가장 기본적으로 사용되는 태그인 amp-img, amp-video, amp-pixel 등이 포함됩니다.

확장(Extended) 구성 요소

확장 구성 요소는 일반적인 구성 요소의 기능을 넘어 확장합니다. 이 기능을 페이지에서 사용하기 전에 문서 헤드에 반드시 해당 구성 요소가 포함된 스크립트 태그를 추가해야 합니다. 예를 들어 유튜브를 사용하려면 AMP 문서의 헤드에 다음을 추가해야 합니다.

<script async custom-element="amp-youtube" src="https://cdn.ampproject.org/v0/amp-youtube-0.1.js"></script>

실험(Experimental) 구성 요소

공개적으로 출시되었지만 아직 확정되지 않았고 아직 검증되지 않은 구성 요소입니다. 실험적 기능은 선택 가능하며, 문서 또는 기능 수준에서 활성화할 수 있습니다. AMP 실험 기능은 여기에 온라인으로 잘 설명되어 있습니다.

방문해주셔서 감사합니다. 즐거운 하루 되세요!

댓글 쓰기