삶을 간소화하는 AMP 페이지

AMP Pages. 이제 더 많은 사람들이 모바일 장치를 사용하여 사이트를 탐색하고 인터넷을 검색합니다. 모바일 애플리케이션, 다양한 가젯 및 기타 기술 등 모바일 디바이스용 제품을 개발하기 위한 완전히 새로운 산업이 등장했습니다. 그리고 스마트폰과 태블릿의 총 트래픽은 이미 컴퓨터와 노트북의 데스크톱 트래픽을 넘어섰습니다.

그러나 구글과 페이스북의 통계에 따르면 모바일 인터넷 속도가 그다지 빠르지 않은 곳(예: 3G, GPRS)의 사용자도 전 세계에 많습니다. 이러한 이유로 이 두 거대 기업은 인터넷 연결 속도가 느린 사용자에게 ‘더 나은 경험’을 제공하기 위한 조치를 취하기 시작했습니다. 특히 상위 10위권 밖의 대부분의 사람들은 여전히 빠른 4G, LTE 또는 Wi-Fi 네트워크를 사용하지 않습니다. 따라서 구글은 인터넷 접속 속도가 느린 모바일 기기를 위한 오픈 AMP 프로젝트를 시작했습니다. 문제는 웹사이트가 점점 더 복잡해지고 “무거워지고” 있으며, 모바일 기기용 콘텐츠의 양이 계속 증가하는 추세라는 점입니다. 2016년 8월에 이미 1억 5천만 개가 넘는 AMP 문서가 Google 검색 색인에 포함되었으며, 이 수치는 매주 400만 개씩 증가하고 있습니다.

앰프가 무엇인가요?

가속화된 모바일 페이지, 간단히 말해 AMP는 대부분 확장 기능과 모바일 사이트를 위한 일부 사용자 정의 페이지 요소/블록이 포함된 HTML입니다. 웹사이트를 개발할 때 사용할 수 있는 특정 태그와 사용할 수 없는 태그가 있습니다. 예를 들어 IMG 태그(이미지)는 AMP-IMG가 되고, 이 경우 동영상은 새로운 AMP 태그 등으로 대체됩니다. 개발자에게 특정 제한을 부과하더라도 속도와 웹사이트 홍보(SEO에 도움)에는 좋은 징조입니다. 일부 자바 스크립트는 AMP 페이지를 지원하는 데 사용할 수 없습니다. 하지만 좋은 소식은 제한 없이 CSS3를 사용할 수 있다는 점입니다.

AMP HTML 문서는 웹사이트 개발에도 사용할 수 있습니다. 따라서 두 가지 버전의 사이트를 별도로 개발하지 않으려면 AMP-HTML을 기반으로 사이트를 구축하고 이 버전만 웹서버에 업로드하면 됩니다. 그러나 일부 전문가는 더 나은 호환성을 위해 두 가지 버전을 모두 만들 것을 제안합니다. 구글 검색 엔진은 이 기술을 장려합니다. 모바일 인터넷 속도를 높이도록 설계되었습니다. 여기에는 두 가지 주요 원칙이 있습니다.

1. AMP 문서는 가능한 한 가볍습니다. 무거운 스크립트나 복잡한 코드가 포함되어 있지 않습니다(여기에서 예시를 볼 수 있습니다). 즉, 생성 규칙이 매우 엄격합니다.
2. 가속화된 모바일 페이지는 특별한 Google 캐시에 저장됩니다.

실제로 Google 검색 결과로 이동하면 다운로드가 즉시 이루어집니다. AMP URL을 입력하기만 하면 로딩 속도는 약간 느리지만 기본 모바일 버전보다 빠릅니다.

누가 관심이 있을까요?

AMP 기술은 템플릿 콘텐츠 페이지가 많은 뉴스 사이트, 블로그, 브이로그 및 기타 정보 리소스에서 널리 사용됩니다. AMP에서는 본격적인 제품 페이지가 포함된 온라인 카탈로그를 비롯하여 모든 사이트에 대한 랜딩 페이지와 모바일 버전을 모두 만들 수 있습니다.

서퍼는 근본적으로 다른 두 가지 방식으로 AMP를 사용할 수 있습니다. 첫 번째는 사이트 소유자의 서버에서 방문자의 컴퓨터로 데이터를 전송하여 브라우저에 페이지의 가속화된 버전을 표시하는 것입니다. 예를 들어 AMP 사용 사이트에서 모든 모바일 사용자를 가속화된 페이지로 자동 리디렉션하도록 설정할 수 있습니다. 방문자는 모바일 기기를 사용하여 링크를 통해 AMP로 이동하거나 고정형 PC의 브라우저 주소 표시줄에 있는 URL에 / amp/ 접미사를 추가할 수 있습니다.

두 번째 방법은 Google 서버에서 AMP의 캐시된 버전을 보는 것입니다. 세계에서 가장 큰 검색 엔진은 SERP(검색 엔진 결과 페이지)에 캐러셀 형식으로 가속 페이지에 대한 링크를 표시합니다. 사용자는 페이지를 볼 때 사이트로 이동하지 않고 SERP에서 콘텐츠를 확인합니다.

온라인 스토어용 AMP

AMP만으로는 온라인 거래를 위한 것이 아니라는 점을 명심하세요. 하지만 잠재적 구매자를 유치하기 위해 설계되었습니다.

방문자가 구매를 결정하면 사이트 구성 방식에 따라 모바일 버전의 사이트 또는 데스크톱에서 주문을 완료합니다.

AMP는 주로 인터넷이 느리고 불안정한 사용자에게 유용하다는 점을 기억하세요. 따라서 사이트의 모바일 버전도 가볍고 빨라야 하며, 그렇지 않으면 방문자가 구매를 ‘이탈’하여 거래를 성사시킬 수 있습니다.

AMP 개발자들은 온라인 스토어에서 가속화된 페이지를 사용할 수 있고 사용해야 한다고 주장합니다. 전자 상거래 리소스에 기술을 도입하는 것을 찬성하는 주요 주장은 모바일 페이지의 로딩 속도를 높이면 전환에 긍정적 인 영향을 미친다는 것입니다. 참고로 eBay는 2016년 중반부터 AMP를 실험해 왔습니다.

블로그와 퍼블리셔가 AMP를 활성화해야 하는 이유

로드 속도가 느린 페이지를 읽는 것은 사용자에게 비현실적으로 불쾌감을 주기 때문에 퍼블리셔는 광고로 수익을 창출할 기회를 잃게 됩니다. AMP 기술은 방문자가 사이트에 더 오래 머무르게 하여 잠재적으로 광고 클릭 수 증가에 기여합니다.

AMP 페이지에는 번개 아이콘이 표시되어 일반 콘텐츠보다 눈에 잘 띄도록 합니다. 이 옵션을 클릭하면 AMP 브라우저를 사용하여 열린 AMP 페이지로 바로 이동합니다. 또한 콘텐츠는 Google 검색과 트위터, LinkedIn, 워드프레스, Parse.ly, Adobe 애널리틱스, 너젤, 핀터레스트와 같은 플랫폼에서 즉시 사용할 수 있습니다.

또한 퍼블리셔는 Google 애널리틱스에 액세스하여 페이지의 실적을 추적할 수 있습니다. AMP의 최상의 콘텐츠를 사용하여 사이트 성능을 최적화하고 사용자 경험을 개선할 수 있습니다.

AMP 기능에 대한 간략한 소개

사이트 구축 시 슬라이더, 모달 창 및 기타 쓰레기를 오랫동안 다시 프로그래밍할 필요가 없으며, 이를 위해 소위 jQuery 라이브러리가 오랫동안 개발되어 왔습니다. 그거요. 레이아웃 디자이너는 코드를 처음부터 작성하지 않고 기성 코드를 가져와서(“모든 것이 이미 우리보다 먼저 도난당한” 경우에만) 특정 사이트에 맞게 조정합니다. AMP를 사용하면 몇 가지 차이점을 제외하고 모든 것이 거의 동일한 방식으로 작동합니다.

# 1 – AMP의 경우 콘텐츠의 빠른 로딩에 적합한 코드만 남습니다. 예를 들어 사진은 즉시 로드되지 않고 사용자가 페이지를 아래로 스크롤할 때 추가로 로드될 수 있습니다. 여기에는 모달 창, 슬라이더 및 기타 “가벼움”도 포함됩니다.

# 2 – 비동기 스크립트만 사용, 즉 가장 빠른 로딩을 위해 모든 것을 다시 사용합니다.

# 3 – AMP 페이지가 모든 모바일 기기에서 동일하게 표시되도록 코드가 작성되었습니다.

이 세 가지 차이점은 모두 브라우저가 페이지를 최대한 빠르게 렌더링하도록 하는 데 주된 목적이 있습니다. 그러나 페이지의 기능은 다소 심각하게 제한됩니다. 스크립트를 삽입하고 싶으신가요? 유효한 HTML 태그 목록조차 제한되어 있으므로 잊어버리세요.

AMP 기술의 장점

여전히 많은 사용자가 이 옵션을 적용할지 여부를 고민하고 있습니다. 그러나 대기업은 더 많은 트래픽과 편의성을 제공한다는 것을 알고 있습니다. 수익성이 좋은 이유를 살펴봅시다:

1. 이것은 물론 콘텐츠 로딩 속도입니다. 텍스트는 거의 즉시 로드되고 그 다음에 이미지가 로드됩니다(또한 스크롤하지 않으면 이미지가 로드되지 않습니다).
2. 검색 결과의 AMP 페이지에는 특별한 번개 모양으로 표시되어 리소스를 다른 리소스보다 돋보이게 만들 수 있습니다. 점차적으로 사용자는 이 아이콘이 콘텐츠의 빠른 로딩을 나타낸다는 것을 알게 될 것입니다.
3. 가속화된 모바일 페이지는 특별한 Google 캐러셀에 포함될 수 있습니다.
4. 주요 검색 엔진은 모바일 웹에 베팅하고 있습니다. 이는 모바일 디바이스를 통한 상품 판매 비율이 꾸준히 증가하고 있기 때문입니다. 사람들은 줄을 서서 기다리거나 여행 중에 쇼핑을 할 때 모바일을 사용합니다. 많은 예측에 따르면 모바일 인터넷의 중요성은 더욱 높아질 것입니다.

이 모든 것이 방문자 충성도 및 행동 지표에 긍정적인 영향을 미칩니다. 따라서 가속화된 페이지의 가장 큰 장점은 빠른 로딩 속도입니다. 이는 사용자 경험을 개선하고 Google SERP에서 사이트의 위치에 간접적으로 영향을 줄 수 있습니다. 리소스는 AMP 캐러셀 덕분에 추가 조회수를 얻을 수도 있습니다.

가속화된 모바일 페이지의 결함

이제 현실로 내려가서 일반 프로젝트에 이 기술을 도입할 필요가 있는지 알아봅시다. 가장 인기 있는 CMS 중 하나인 워드프레스를 기반으로 한 리소스를 고려해 보겠습니다.

1. 일반 웹마스터는 방문자의 질문에 답변할 뿐만 아니라 광고로 수익을 창출해야 합니다. 구글 애드센스 광고 단위는 가속화된 모바일 페이지에만 추가할 수 있습니다 – 좋지만 보편적이지 않습니다.
2. AMP를 구현할 때 중복을 피하려면 다음 사항에 주의해야 합니다.
   • 새 페이지에는 기본 URL에 표준이 되는 rel가 있어야 합니다.
   • 사이트맵에 표시되지 않아야 합니다.

그러나 모든 것이 이렇게 진행되더라도 검색 엔진이 사용자의 의지와 상관없이 중복을 생성하지 않는다는 것은 사실이 아닙니다.

1. AMP는 모든 유형의 페이지에 적합하지 않습니다. 이 기술은 텍스트, 이미지 등 콘텐츠 문서용으로만 설계되었습니다. 프로젝트가 기사/뉴스로만 구성되어 있지 않은 경우 사이트 버전 간의 전환이 사용자를 오도할 수 있습니다(디자인에서 최대한 유사성을 확보해야 함).
2. 이러한 가속화된 페이지는 SERP에서 눈에 띄지만, 구글 대변인 해리 일레스는 AMP가 순위 공식에 포함되지 않는다고 말했습니다. 그는 이것이 항상 지속될 것이라는 것은 사실이 아니라고 언급했습니다.
3. 먼저 반응형 디자인이나 모바일 버전의 사이트를 만들어야 합니다. 그런 다음 Google용 가속 버전입니다. 대규모 프로젝트의 용량으로 인해 리소스의 별도 버전을 만들고 모니터링할 수 있다면 일반 웹마스터가 이 작업을 수행하는 것이 훨씬 더 어려울 것입니다.

빠른 로딩 속도를 위해서는 페이지의 기능과 모양에 대한 비용을 지불해야 합니다. 대부분의 단점은 완전히 또는 부분적으로 제거할 수 있다는 점에 유의해야 합니다. 그러나 AMP는 항상 사이트의 기본 페이지를 단순화하거나 단축한 버전으로 유지됩니다.

AMP 페이지로 수익 창출하기

이 하위 섹션은 일반적으로 사이트가 문맥 광고를 통해서만 또는 주로 광고를 통해 수익을 창출하기 때문에 모든 정보 사이트 소유자가 관심을 가질 것입니다(여기서 키워드는 “독점적으로” 및 “주로”입니다). 그렇다면 AMP로 수익을 창출하는 데 사용할 수 있는 애드 네트워크는 무엇일까요?

• Adform;
• Google 애드 매니저;
• AdReactor;
• Yieldmo;
• Plista;
• Taboola;
• Flite;
• AOL AdTech;
• Amazon A9;
• 구글 애드센스;
• 스마트 애드서버;
• DotAndAds.

AMP 수익 창출을 위한 광고 플랫폼이 많이 있으며, 이는 블로거와 뉴스 사이트에 큰 장점입니다.

사용할 것인가 말 것인가?

기술 사용을 권장하는 이유는 다음과 같습니다.

1. 가속화된 페이지는 일반 페이지보다 거의 30배 빠릅니다. 인터넷 사용자의 63%가 모바일 장치에서 액세스하는 시대에 이러한 움직임은 경쟁업체와의 싸움에서 앞서 나가는 데 도움이 될 것입니다.
2. 검색 엔진은 모바일 버전에 중점을 두는 Google 순위의 특성을 고려할 필요가 있습니다. 데스크톱 버전은 SERP에 아래에 나열되어 있습니다.
3. 빠른 형식은 행동 요인을 개선하고 순위 우위를 제공합니다. 그리고 이는 방문자의 흐름을 증가시키고 궁극적으로 수익을 증가시킵니다.
4. 반응형 매개변수는 정보 제공용 프로젝트뿐만 아니라 상업용 프로젝트에도 편리합니다. 리소스가 빠르게 로드되는 경우 방문자가 경쟁업체로 이동하는 것은 의미가 없습니다.
5. CMS를 사용하는 사이트의 경우 특별한 지식이 없어도 AMP 페이지를 구현할 수 있는 특수 플러그인이 개발되었습니다.

워드프레스로 구동되는 콘텐츠 프로젝트가 있는 경우 페이지 가속을 빠르고 저렴하게 구현할 수 있습니다. 기본 플러그인을 설치하는 데 1분, 추가 플러그인을 설치하고 구성하는 데 30분이 소요됩니다. 빠르게 설치하고 구성할 수 있는 Drupal 기반 사이트를 위한 무료 솔루션도 있습니다.