전자상거래용 Google AMP에 대해 알아야 할 모든 것

Google 이 전체 Google 검색의 50% 이상이 모바일 장치에서 발생 한다는 뉴스를 발표했을 때 모바일이 검색 엔진 최적화의 다음 단계라는 것을 알았습니다. 그런 다음 Google에서 모바일 사이트를 선호하여 웹사이트 순위를 매긴다는 뉴스가 나왔고 모두가 모바일 사이트를 수정하기 시작했습니다. 그러다가 2018년 초에 구글이 모바일 퍼스트 인덱싱을 출시하면서 구글 AMP의 중요성이 부각됐다.

AMP는 Google의 직접적인 순위 요소는 아니지만 Google 및 기타 검색 엔진에서 순위를 높일 수 있는 많은 것을 제공해야 합니다.

전자상거래에서 Google AMP의 중요성을 살펴보기 전에 기본 사항을 빠르게 살펴보겠습니다.

구글 AMP란?

AMP는 Accelerated Mobile Pages의 약자로 Google에서 지원하는 프로젝트입니다. Google AMP는 빠르고 매끄럽고 매력적인 모바일 웹페이지를 제공하는 오픈소스 프로젝트입니다.

AMP HTML은 실제로 기본 HTML이지만 확장된 AMP 속성이 있습니다.

AMP JS는 웹페이지를 더 빠르게 렌더링하는 데 도움이 됩니다.

Google AMP Cache는 모든 AMP 문서를 더 빠른 속도로 전송하는 데 도움이 되는 프록시 기반 콘텐츠 전송 네트워크입니다. 모든 AMP HTML 코드를 가져오고 캐시하고 다음에 열 때 웹 페이지를 빠르게 제공합니다.

Google AMP는 어떻게 페이지를 더 빨리 로드합니까?

Google AMP는 처리 방식이 약간 다릅니다. 기본적으로 Google AMP는 페이지를 더 빠르게 로드하기 위해 다음과 같이 작동합니다.

1. 모든 AMP JavaScript를 비동기적으로 실행합니다. 즉, AMP는 콘텐츠의 모든 블록에 대해 개별 JavaScript를 만들고 별도로 로드합니다. 따라서 하나의 특정 블록에 대해 전체 페이지가 렌더링에 어려움을 겪을 필요가 없습니다.
2. AMP는 리소스의 도움 없이 페이지의 크기와 구조를 로드합니다. 일반적인 시나리오에서 브라우저는 페이지 구조가 얼마나 오래 갈지 모릅니다. 그러나 Google AMP의 경우 콘텐츠, 광고 또는 비주얼의 크기를 결정합니다.
3. Google AMP는 모든 타사 JavaScript를 샌드박스 iframe에 보관합니다. 이를 통해 타사 JavaScript는 기본 페이지 요소의 렌더링을 차단할 수 없습니다. 이것은 단순히 제3자 광고가 기본 웹페이지 콘텐츠의 로드 속도를 손상시키지 않는다는 것을 의미할 수 있습니다.
4. AMP는 리소스 로드의 우선 순위를 지정할 수 있습니다. 이를 통해 웹 페이지는 콘텐츠, 이미지 또는 비디오와 같은 중요한 요소와 나중에 외부 광고를 로드할 수 있습니다.

이제 Google AMP가 무엇이고 어떻게 작동하는지 이해했으므로 전자 상거래에 왜 중요한지 이해해야 합니다.

전자상거래용 Google AMP

미국 시민을 대상으로 한 조사 에 따르면 웹사이트 페이지 속도에서 충격적인 사실이 드러났습니다. 2012년에 Amazon은 페이지 로딩 속도가 1초 추가될 때마다 매년 16억 달러의 손실을 입을 것으로 추정했습니다.

페이지 로딩이 1초 지연되면 전환율이 7% 감소할 수 있습니다.

방문자의 행동이 어떻게 변하는지에 따라 모든 웹 사이트가 번개 같은 속도로 로드되는 것이 필수가 되었습니다. Google AMP가 이 문제를 해결할 수 있습니다.

Google AMP는 기본적으로 블로그 및 기사와 같은 콘텐츠 중심 페이지용으로 만들어졌습니다. 그러나 수년에 걸쳐 Google AMP가 개발되어 전자 상거래에 매우 권장되는 단계에 도달했습니다.

그러나 전자 상거래용 AMP를 구현하는 방법은 약간 다릅니다. 전자상거래용 AMP는 어떻게 작동하는지 살펴보겠습니다.

전자상거래용 Google AMP는 어떻게 작동하나요?

AMP가 도입되었을 때 블로그와 기사가 있는 웹 페이지에 적극 권장되었습니다. 따라서 기본적으로 정적 페이지에 대해 제안되었습니다. 다음과 같이 보일 것입니다.

하지만 AMP의 개발이 본격화되면서 전자상거래용 AMP가 현명한 선택이 되는 단계에 이르렀습니다. 다음은 AMP로 구동되는 드럼 세트에 대한 eBay 카테고리 페이지의 예입니다.

전자 상거래용 AMP는 다음 세 종류의 페이지에 효과적입니다.

1. 홈페이지
2. 제품 카테고리 페이지
3. 제품 페이지

홈페이지는 전자상거래용 AMP를 시작할 때 시작하는 웹페이지 중 하나입니다. 귀하의 홈페이지는 수천 명의 사람들이 방문하며 빠르게 로드되면 많은 잠재 고객을 구할 수 있습니다.

둘째, 상품 카테고리 페이지 역시 전자상거래 웹사이트의 중요한 요소 중 하나입니다. 다음은 AMP가 있는 제품 카테고리 페이지의 예입니다.

사용자가 Google에서 검색어를 검색할 때 AMP 기반 페이지는 상대적으로 빠르기 때문에 순위가 매겨질 가능성이 더 높습니다. 위의 예시에서 메이크업 키트를 검색했더니 랑콤의 AMP 페이지가 떴다.

셋째, 제품 페이지입니다. 우리 모두 알다시피 AMP는 웹페이지의 로딩 요소를 우선적으로 처리하므로 모든 전자상거래 제품 페이지에 적합합니다. 제품 이미지와 제품 설명은 모든 제품 페이지의 두 가지 중요한 요소입니다. AMP는 이러한 요소를 식별하고 해당 요소를 먼저 제공합니다. 그런 다음 모든 타사 JS(예: 광고 또는 배너)가 로드됩니다.

AMP로 제품 카테고리 페이지를 구축하는 방법은 무엇입니까?

제품 카테고리 페이지는 모든 전자 상거래 웹사이트의 방문 페이지 중 하나입니다. AMP를 사용하여 제품 카테고리 페이지를 디자인할 수 있습니다.

제품 카테고리 페이지는 영웅 스타일의 풍부한 이미지와 텍스트 콘텐츠가 혼합되어 있습니다. AMP for eCommerce 제품 카테고리 페이지는 필터링 및 정렬과 같이 방문자에게 필요한 모든 기능을 제공하므로 현명한 선택이 될 수 있습니다.

이제 Google AMP가 캐시를 사용하여 페이지를 로드하는 경우 동적 콘텐츠를 제공할까요 아니면 업데이트된 콘텐츠를 제공할까요?

대답은 예입니다.

Google AMP는 페이지에 동적 변경 사항이 있는 경우 서버에서 업데이트된 페이지를 수집하여 새로운 페이지를 제공하는 "Stale-while-revalidate" 방식으로 작동합니다. 사용자는 15초보다 오래되거나 오래된 데이터를 볼 수 없습니다.

자, 여기 있습니다. 상품의 가격을 업데이트 하거나 상품이 품절된 경우, 이러한 다이내믹 데이터는 업데이트 된 그대로 새것으로 전달됩니다.

전자상거래용 AMP 제품 페이지

  AMP for e-commerce 상품 페이지도 간단합니다. amp-carousel, amp-bind, amp-selector, amp-access 등과 같은 다양한 구성요소를 사용하여 제품 페이지에 AMP를 구현할 수 있습니다.

요약하자면, 전자 상거래용 AMP는 사용자 경험의 어떤 요소보다 페이지 속도가 훨씬 더 중요해지기 때문에 현명한 선택입니다. 그리고 Google은 항상 더 나은 사용자 경험을 제공하는 결과를 가져왔습니다.

다음은 전자상거래용 Google AMP에 대한 몇 가지 FAQ입니다.  

1. 전자상거래용 Google AMP를 사용하는 것이 좋습니까?

대답은 큰 YES입니다.

2. AMP가 SEO에 영향을 미칠까요?

Google은 이미 AMP가 순위 요소가 아니라고 제안했지만 중요합니다! AMP는 페이지를 빠르게 로드하므로 우수한 사용자 경험을 제공합니다. UX/UI는 Google 순위에서 순위 요소로 간주됩니다.

3. Google Analytics로 AMP 링크를 추적할 수 있습니까?

예. amp-analytics 를 사용하여 AMP 링크의 방문자 데이터를 추적할 수 있습니다.

4. 고객이 AMP 제품 페이지에 제품 리뷰를 추가할 수 있나요?

예. amp-form 및 amp-access 를 사용하여 댓글과 고객 리뷰를 추가할 수 있습니다.

5. Google AMP는 동적 콘텐츠를 제공합니까?

예. Google AMP는 캐시를 사용하지만 서버에서 업데이트를 회수하여 업데이트된 데이터를 전달합니다.

6. 전자상거래용 AMP의 단점은 무엇입니까?

AMP는 단순화된 자바스크립트에 의존하기 때문에 디자인이나 외관 면에서 외부 개발이 이루어지지 않을 수 있습니다. 고객을 위해 개발한 추가 기능도 생략할 수 있습니다.

AMP는 타사 JS에 더 낮은 우선순위를 부여하므로 제품 페이지에서 실행되는 광고는 표준 데스크톱 페이지 또는 모바일 페이지에서만큼 효과적이지 않을 수 있습니다.

결론

실제로 전자상거래용 AMP는 현명한 선택이지만 선택해야 합니다. 가장 높은 순위의 방문 페이지와 타사 만족도를 파악해야 합니다. 이러한 분석을 바탕으로 시작할 수 있는 페이지 목록을 작성할 수 있습니다.

다양한 전자상거래 플랫폼에서 AMP를 구현하는 전략은 다릅니다. AMP와 전자상거래 플랫폼의 조합을 확인하고 싶을 수 있습니다. 해당 부문에서 플레이하는 경우 BigCommerce용 AMP에 대한 좋은 기사가 있습니다.

건배!