이커머스는 왜 AMP와 PWA에 주목하나

성공적인 모바일 이커머스를 위해서는 페이지 로드타임을 줄이는 등 방법으로 구글 등 검색 엔진 상위에 자사 아이템을 노출시키기 위한 검색엔진최적화(SEO)가 필수다. 카페24는 최신 모바일웹 기술인 AMP와 PWA를 무료로 손쉽게 쓸 수 있도록 지원해 머천트의 성공을 돕는다.

온라인 쇼핑몰(전문몰)이 성공을 거두기 위해서는 무엇보다 자사만의 확실한 콘셉트를 가진 아이템이 필요하다. 그러나 좋은 아이템을 가졌다는 것만으로는 충분하지 않다. 이커머스 비즈니스에 디스플레이 광고, 검색 광고 등을 활용한 온라인 마케팅이 더해지는 이유다.

문제는 이것만으로는 차별화하기가 쉽지 않다는 점이다. 잠재고객들의 이탈율을 낮추면서도 자사 쇼핑몰이 검색결과 상위에 노출될 가능성을 최대한 높이기 위한 추가적인 장치가 필요하다.

이를 해결하기 위해 최근 몇 년 새 주목받기 시작한 기술이 ‘AMP(Accelerated Mobile Pages)’와 ‘PWA(Progressive Web Apps)’이다.

모바일 쇼핑몰 로드타임 1초 안으로 줄이는 ’AMP’

2015년 구글을 중심으로 시작된 ‘AMP 프로젝트(The AMP Project)’는 사용자를 최우선으로 둔 웹콘텐츠 포맷을 제공하고 모든 웹퍼블리셔, 머천트, 광고주들의 장기적인 성공을 지원하는 것을 목표로 한다.

간단히 요약하면 모바일웹 환경에서 AMP가 적용된 페이지에 접속하면 non-AMP 페이지와 비교해 데이터 전송량은 10분의1 수준으로 줄어들고 구글 검색 결과 화면에서 해당 페이지를 1초 이내 로딩할 수 있다.

AMP 프로젝트 공식 사이트에 따르면 CNBC는 모바일 페이지 로딩시간은 4분의1로 줄였고 이를 통해 일주일 이내 모바일 검색을 통한 CNBC 유입된 사용자가 22% 가량 증가했다.

2019년 4월 16일 일본 도쿄에서 개최된 AMP 컨퍼런스 2019(AMP Conf 2019) 기조연설에서 말테 우블 기술책임자는 AMP가 모바일 웹페이지에서는 물론 광고, 이메일 등 다양한 영역에서 적용될 수 있도록 진화했다는 점에서 “사용자를 최우선적으로 고려한 웹사이트를 손쉽게 제작할 수 있는 웹 콤포넌트 프레임워크” 라고 강조했다.

AMP 프로젝트에 따르면 모바일 사이트 로드타임이 3초 이상 걸릴 때 방문자들 해당 사이트를 떠날 확률은 53%다. 또한 사이트의 성능에 뭔가 문제가 있을 때 다시 방문하지 않을 확률은 79%에 달한다. 로드타임이 1초 지연될 때마다 이커머스 분야에서 구매전환률(conversion rate)은 7%가 줄어든다.

앱 같은 모바일웹 ‘PWA’…쇼핑몰 방문자 늘린다

PWA는 모바일웹을 네이티브앱(Native apps)처럼 보일 수 있게 만드는 기술이다. 이를 통해 마치 모바일앱을 쓰는 것과 비슷한 몰입도(Engaging)를 제공한다.

PWA가 적용된 모바일 웹사이트에 방문해 ‘홈 바로가기(Add To Home Screen)’를 터치하면 해당 사이트 주소를 직접 입력하지 않고 바로가기 아이콘을 이용해 접속할 수 있다. 또한 모바일앱처럼 보이도록 웹브라우저 주소창이 없어지고 해당 사이트 방문시 로고 등 원하는 브랜드 이미지를 1초~2초 간 노출시켜 브랜딩에 활용할 수 있다.

PWA를 활용하기 위해서는 모바일 웹브라우저 내에 ‘서비스워커(Service Worker)’라는 스크립트를 설치해야한다. 이는 브라우저 내에서 콘텐츠를 제외하고 사이트 화면을 구성하는데 필요한 정보들을 미리 저장(cashing)하는 용도로 사용된다. 이를 통해 평균 로드 타임(median load time)을 1초 이내로 줄이고 접속속도는 4배 가량 빨라지면서 데이터 소모량은 대폭 줄어든다.

AMP + PWA, 이커머스 전환율 높인다

AMP와 PWA가 이커머스 업계에 중요해진 이유는 방문자가 온라인 쇼핑몰에 접속해 구매까지 이어지는 전환율(coversion rate)을 높일 수 있기 때문이다.

느린 접속속도는 방문자들이 온라인 쇼핑몰의 아이템을 보기도 전에 사이트를 나가도록 부추긴다. 더구나 구글 등 검색 엔진에서는 속도가 빠른 사이트에 대한 검색 결과가 상위에 배치되도록 하는 정책을 유지하고 있다. 스마트폰에서 바로가기 아이콘을 통해 앱과 같은 모바일웹으로 구현된 온라인 쇼핑몰은 사용자들이 앱스토어에 방문해 앱을 다운로드하지 않아도 유사한 편리함을 제공한다.

실제로 AMP와 PWA를 적용한 온라인 쇼핑몰은 빠른 접속속도와 편리한 접근성으로 인해 검색엔진최적화(Search Engine Optimization, SEO)에 유리하다.

구글 개발자 블로그(https://developers.google.com/web/showcase)에 따르면 알리바바(Alibaba)는 PWA를 적용해 모바일웹에서 76% 가량 구매전환율이 증가했다.

영국 패션 전문몰 조지닷컴(George.com)은 PWA를 적용한 뒤 모바일 전환율이 31% 늘어났다.

이커머스 소프트웨어 ‘카페24’, 손쉽게 AMP-PWA 무료 적용

글로벌 이커머스 플랫폼 카페24는 자사 이커머스 소프트웨어 내에서 별도 코딩 지식이나 외부 에이전시에 의뢰할 필요 없이 간단한 옵션 설정만으로 AMP와 PWA를 무료로 사용할 수 있게 지원한다.

AMP Conf 2019에서 사례발표를 맡은 카페24 이커머스 개발팀 강경호 총괄은 “일반적인 머천트들이 AMP와 같은 기능을 적용하기는 쉽지 않다”며 “우리는 이를 지원하기 위해 비 AMP 페이지(non-AMP page)를 기반으로 AMP 페이지를 생성하는 방법을 사용했다”고 말했다.

카페24 이커머스 소프트웨어로 제작된 온라인 쇼핑몰 운영자들은 기존 상품정보가 담긴 웹페이지를 AMP가 적용된 웹페이지를 손쉽게 디자인하고 수정할 수 있도록 했다.

카페24 이커머스 소프트웨어에서는 또한 PWA을 지원하기 위해 ‘스마트웹앱(Smart Webapp)’이라는 기능을 무료 제공한다. 마찬가지로 홈 바로가기(Add to Home screen)와 아이콘을 통해 접속시 화면 전환 효과를 주는 스플래시 화면(splash screen)을 온오프 방식으로 사용할 수 있도록 했다.

카페24는 고객사를 대상으로 한 내부 조사에서 49%에 달하는 모바일 쇼핑 유저가 새로운 어떤 아이템을 찾기 위해 검색 엔진을 사용한다는 사실에 주목했다. 이미 온라인 쇼핑몰들은 전체 매출 중 10%~15% 가량을 자사 비즈니스 규모를 유지하기 위해 사용하고 있다. AMP와 PWA는 이들이 모바일 최신 기술을 쉽게 적용해 더 많은 잠재고객들을 만날 수 있도록 돕는다.