더 이상 제한되지 않음: 디지털 마케팅 담당자가 확인해야 하는 AMP 형식에 대한 10가지 업데이트

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

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

AMP 형식이 변경된 방식

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

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

2. Google이 통제권을 포기했습니다.

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

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

최근 팀은 "합의를 추구하는 거버넌스 모델"을 마련하여 해당 계획을 실행했습니다. Ubl은 말합니다.

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

이 방법은 소규모 프로젝트에 적합하지만 현재 AMP 프로젝트 크기로 확장되지 않는다는 사실을 확인했습니다. 대신, 우리는 최종 사용자와 같이 스스로 코드를 제공할 수 없는 사람들을 포함하여 커뮤니티의 모든 구성 요소에게 명시적으로 목소리를 제공하는 모델로 이동하고자 합니다. 우리가 제안하는 변화는 Node.js 프로젝트의 리드를 따르고 합의를 추구하는 거버넌스 모델로 이동하기로 결정한 수개월 간의 연구를 기반으로 합니다.

이 결정을 내리기 위해서는 달성하고자 하는 목표를 고려해야 했습니다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

특히 AMP의 긴 형식인 Accelerated Mobile Pages에 익숙한 사람들에게 한동안 AMP가 무엇인지 제대로 설명하는 데 어려움을 겪었습니다. 현실은 우리가 오래 전에 우리 자신의 이름보다 오래 살았다는 것입니다.

AMP가 더 이상 가속화, 모바일 또는 페이지에 관한 것이 아니라는 점을 고려하면 이름이 변경된 것이 이치에 맞습니다. 오늘날의 AMP는 바로 "AMP"입니다. 짧지 않습니다. 하지만 무언가를 나타내야 한다면 "Awesome Magical Power는 어떻습니까?"라고 Bakaus는 말합니다.

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

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

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

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

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

10. 이제 AMP와 자바스크립트를 함께 사용할 수 있습니다.

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와 통합하고 확장하는 방법을 알아보세요.