더 이상 제한 없음: 디지털 마케터가 확인해야 하는 AMP 형식의 10가지 업데이트

AMP가 몇 년 전에 출시되었을 때 특정 페이지 요소의 사용을 제한하여 모바일 웹의 속도를 높이려는 의도였습니다. 그러나 오늘날에는 해결 방법과 새로운 개발 사이에 동적 콘텐츠와 전체 웹 사이트를 지원할 수 있습니다.

여전히 정적 콘텐츠에만 효과적이라는 오해가 남아 있습니다. 그리고 이것은 유일한 오해가 아닙니다. 오늘 우리는 AMP 형식의 주요 구성 요소와 이러한 구성 요소가 어떻게 발전해 왔는지에 대한 기록을 바로 세웠습니다.

AMP 형식이 변경된 방식

1. AMP 기여자의 수와 다양성이 증가하고 있습니다.

AMP는 2명의 기여자가 있는 소규모 Google 지원 프로젝트로 시작했습니다. 2018년까지 700명이 프로젝트에 기여했습니다. 1년 후, 그 숫자는 Twitter, Yahoo, eBay 및 Pinterest와 같은 다른 사이트에서 1,000명의 기여자로 증가했습니다. 기여자의 22%만이 Google에서 왔습니다.

2. 구글은 통제권을 포기했다

Google이 AMP를 출시한 이후로 AMP는 오픈 소스였으며, 미래에 대한 주요 결정은 AMP 프로젝트 책임자인 Matt Ubl에게 맡겨졌습니다.

그러나 AMP와 같은 프로젝트는 비즈니스, 사람, 직업, 정보 등 전체 웹에 영향을 미칩니다. 이것이 바로 Ubl과 그의 팀이 커뮤니티 구축을 도운 커뮤니티 대표자에게 통제권을 양도할 계획을 세운 이유입니다.

최근 팀은 "합의를 추구하는 거버넌스 모델"을 배치하여 그 계획을 따랐습니다. Ubl 말한다 :

AMP에 대한 거버넌스 모델(의사결정 방식을 설명하는 시스템)을 선택할 때 처음에는 민첩성에 중점을 두었습니다. AMP는 항상 AMP를 사용하는 개발자와 조직의 목소리와 피드백에 힘입어 왔습니다. 그러나 거버넌스는 기술 리더(이 게시물의 작성자인 저)를 중심으로 이루어졌으며, 이들은 궁극적으로 무엇이 실행되고 어떻게 실행되는지를 결정했습니다.

이것은 소규모 프로젝트에 적합하지만 오늘날 AMP 프로젝트의 크기로 확장되지 않는다는 것을 알게 되었습니다. 대신 최종 사용자와 같이 코드를 직접 기여할 수 없는 사람들을 포함하여 커뮤니티의 모든 구성원에게 명시적으로 목소리를 내는 모델로 이동하고자 합니다. 우리가 제안하는 변경 사항은 Node.js 프로젝트의 주도를 따르고 합의를 추구하는 거버넌스 모델로 이동하기로 결정한 수개월간의 연구를 기반으로 합니다.

이 결정에는 그들이 달성하고자 하는 목표에 대한 고려가 포함되었습니다.

• 그들은 기능, 버그, 기여 등을 결정하는 등 다양한 사람들이 AMP의 미래를 결정하도록 독려하고 싶었습니다. 여기에는 코드를 기여하지 않았지만 AMP의 영향을 받는 사람들도 포함됩니다.
• 그들은 개인과 회사가 AMP에 기여할 수 있는 방법을 명확히 하고 싶었습니다. 이는 코드 승인을 넘어 제품 및 기술 로드맵 설정과 같은 활동으로 확장됩니다.
• 그들은 일상 업무와 장기적인 거버넌스 사이에서 더 나은 균형을 찾고 싶었습니다.
• 그들은 다른 오픈 소스 프로젝트에서 작동한 것과 작동하지 않은 것에 대해 배우고 싶었습니다. 그래서 Node.js 및 Kubernetes와 같은 프로젝트에 관련된 사람들을 만나고 JS Foundation과 같은 곳에서 거버넌스 철학을 살펴보았습니다.

새로운 변경 사항이 AMP 형식에 정확히 어떤 영향을 미치나요?

• AMP 프로젝트에 대한 주요 결정은 더 이상 단일 기술 책임자에 의해 이루어지지 않습니다. 대신 AMP 구축에 자원을 투입한 회사 대표로 구성된 기술 운영 위원회로 이동합니다.
• 기술 운영 위원회(Technical Steering Committee)는 많은 AMP 지지자들로 구성된 자문 위원회의 의견을 반영하여 결정을 내릴 것입니다.
• UI, 인프라 및 문서와 같은 AMP의 특정 측면을 담당하는 작업 그룹은 오늘날 존재하는 비공식 팀을 대체합니다. 앞으로 웹을 개선하기 위한 보다 체계적인 접근 방식을 보장하기 위해 시스템과 프로세스가 마련될 것입니다.

3. 더 다양한 페이지 유형을 지원할 수 있습니다.

원래 AMP의 제한된 코딩 언어로 인해 개발자는 정적 페이지의 로드 시간을 개선하는 것 이상의 작업을 수행하기가 어려웠습니다. 그러나 이제 사용자에게 뉴스 공유 이상의 작업을 수행할 수 있는 다용도 페이지를 만들 수 있는 기능을 제공하는 프레임워크가 많이 발전했습니다.

오늘날 AMP는 페이지와 카테고리 전반에 걸쳐 사용될 수 있습니다. 제품 페이지 및 카테고리 페이지를 만드는 데 사용할 수 있습니다. 결제 흐름을 형성하고 지불을 받을 수 있습니다. 특정 세그먼트에 맞춤화할 수 있으며 동적 콘텐츠를 제공할 수도 있습니다. 다음은 Myntra의 멋진 AMP 제품 카테고리 페이지의 예입니다.

이러한 기능은 뉴스에서 전자 상거래에 이르기까지 모든 비즈니스에서 매력적인 선택입니다. 이것이 바로 AMP가 전체 웹사이트를 구축하는 데 점점 더 많이 사용되는 이유이며, 앱처럼 사용자의 기기에 있지만 AMP의 속도로 로드되는 웹사이트를 표시하기 위해 열리는 하이브리드 PWA(프로그레시브 웹 앱)까지입니다.

4. AMP는 모바일에 국한되지 않습니다.

이름에 "모바일"이 포함된 데는 그럴만한 이유가 있습니다. AMP는 당황스러울 정도로 느린 모바일 페이지 로드 시간을 가속화하기 위한 방법으로 시작되었습니다. 그러나 그 이후로 AMP는 모바일 전용 솔루션에서 모든 형식과 기기 유형을 포괄하도록 전환되었습니다. 오늘날의 AMP 형식은 데스크톱과 태블릿을 비롯한 여러 기기에서 고속 페이지를 구축할 수 있는 코딩 언어입니다. 반응형 디자인 기능이 이를 가능하게 합니다.

5. AMP는 더 이상 속도 에 관한 것이 아닙니다.

목표는 속도였고 AMP가 답이었습니다. 실제로 모바일 로드 시간을 개선하는 것은 목적을 위한 수단이었고 그 목적은 사용자 경험을 개선하는 것이었습니다. 이 더 큰 목표를 염두에 두고 웹 페이지 속도를 높이는 목표는 나쁜 사용자 경험의 다른 측면을 포함하도록 확대되었습니다. Ubl은 "오늘날의 AMP에는 전면 광고를 허용하지 않고 원활한 상호 작용을 위해 무료 메인 스레드를 적용하는 것과 같은 모든 종류의 UX 이점이 내장되어 있습니다."라고 말합니다.

6. AMP는 더 이상 페이지 를 가속화하는 것만이 아닙니다.

가속 페이지에서 AMP는 광고, 심지어 이메일까지 발전했습니다. AMP 광고는 기존 광고보다 6배 더 빠르게 로드되며 일부 광고주에게 유익한 것으로 입증되었습니다.

이메일 마케팅 담당자의 경우 이메일용 AMP는 이메일 본문 내에서 대화형 콘텐츠를 만드는 방법을 제공합니다. 이를 통해 메시지 본문에 최신 콘텐츠를 전달할 수 있습니다. 예: 웨비나 프로모션은 남은 자리를 반영할 수 있고, 사용자는 대화형 드롭다운을 사용하여 회의를 예약할 수 있습니다.

7. AMP는 더 이상 "Accelerated Mobile Pages"를 의미하지 않습니다.

AMP 형식이 시작된 이후 많은 변경 사항으로 인해 이름조차 더 이상 프레임워크가 수행할 수 있는 작업을 반영하지 않습니다. 블로그 게시물에서 AMP 개발자 Paul Baukaus는 다음과 같이 말합니다.

저는 특히 긴 형식인 Accelerated Mobile Pages에 익숙한 사람들에게 AMP가 무엇인지 한동안 제대로 설명하기 위해 고심하고 있습니다. 현실은 우리가 우리 자신의 이름보다 오래 전에 살았다는 것입니다.

AMP가 더 이상 액셀러레이팅, 모바일 또는 페이지에 관한 것이 아니라는 점을 고려할 때 이름이 변경된 것이 이해가 됩니다. 오늘날의 AMP는 바로 "AMP"입니다. 무엇이든 짧지 않습니다. 그러나 그것이 무엇인가를 나타내야 한다면 "굉장한 마력은 어떻습니까?"라고 Bakaus는 말합니다.

8. 프라이버시를 최우선으로 생각합니다

GDPR은 인터넷 개인 정보 보호를 위한 전쟁에서 획기적인 발전이었지만 유일한 것은 아닙니다. 더 많은 정부 기관이 인터넷 개인 정보 보호를 우선 순위로 지정함에 따라 AMP는 이에 따를 준비를 했습니다. 오늘의 AMP 형식은 새로운 CCPA 지침을 준수하도록 업데이트되었습니다. 즉, 게시자는 이제 여러 동의 프롬프트를 포함하고 사용자 위치에 따라 올바른 프롬프트를 트리거할 수 있습니다.

9. 개인화를 가능하게 합니다

개인화는 현대 마케터에게 가장 가치 있는 도구입니다. 주요 식별자를 기반으로 그룹을 세분화하면 제안의 관련성이 높아지고 사용자가 제안을 주장할 가능성이 높아집니다.

AMP를 통해 개인화를 더욱 가능하게 하기 위해 팀은 지리적 위치 타겟팅을 개선할 계획입니다. amp-geo 요소를 사용하여 마케터는 곧 미국 주 수준의 사용자 탐지를 발견하고 이를 기반으로 콘텐츠를 제공할 수 있습니다.

10. 이제 AMP와 JavaScript를 함께 사용할 수 있습니다.

AMP 형식을 정의하는 특징 중 하나는 JavaScript 사용을 제한한다는 것입니다. 이는 로드 시간을 개선하는 데 도움이 되었지만 개발자가 보다 동적인 콘텐츠를 만드는 것을 어렵게 만들었습니다. 오늘날에는 더 이상 서로를 위해 희생할 필요가 없습니다.

구성 요소 amp-script의 도움으로 과도한 코드로 인해 페이지를 방해하지 않고 페이지에서 JavaScript를 사용할 수 있습니다. Google의 AMP 프로젝트 제품 관리자인 Naina Raisinghani는 블로그 게시물에서 다음과 같이 자세히 설명합니다.

별도의 작업자 스레드에서 자체 JavaScript를 실행하는 AMP 구성요소입니다. 이렇게 하면 번개처럼 빠른 속도를 유지하면서 AMP 페이지에 맞춤 자바스크립트를 추가할 수 있습니다!

<amp-script>를 사용하면 기존 AMP 구성요소로는 불가능한 사용 사례를 다룰 수 있습니다. 또한 AMP 및 비 AMP 페이지에서 코드를 공유할 수 있습니다. JavaScript 프레임워크를 사용할 수도 있습니다. 다음은 <amp-script> 작업 팀이 구축한 몇 가지 예입니다.

• Vue를 사용하는 Todo MVC
• 암호 검사기
• D3.js를 사용한 기사의 데이터 시각화
• 아래와 같이 다음 섹션으로 진행하기 전에 각 섹션에 유효성 검사가 필요한 다중 페이지 양식:

클릭 후 페이지에서 AMP 형식 사용 시작

AMP는 이전과 훨씬 다른 형식입니다. 그리고 현재 가장 큰 장점 중 하나는 전환 을 목표로 하는 페이지를 지원할 수 있다는 것입니다. 로드 시간이 전환율의 주요 요소인 경우 속도가 조금이라도 증가하더라도 수익에 큰 영향을 미칠 수 있습니다.

Instapage 데모에서 가장 중요한 클릭 후 방문 페이지를 AMP와 통합하고 확장하는 방법을 알아보세요.