{"id":4039,"date":"2020-02-10T17:27:45","date_gmt":"2020-02-10T08:27:45","guid":{"rendered":"https:\/\/news.cafe24.com\/global\/?p=4039"},"modified":"2020-11-02T17:55:06","modified_gmt":"2020-11-02T08:55:06","slug":"the-importance-of-amp-and-pwa-in-e-commerce","status":"publish","type":"post","link":"https:\/\/news.cafe24.com\/global\/the-importance-of-amp-and-pwa-in-e-commerce\/","title":{"rendered":"The importance of AMP and PWA in e-commerce"},"content":{"rendered":"<p><em>Successful mobile e-commerce depends on Search Engine Optimization (SEO) that minimizes the time it takes to load a web page.\u00a0Cafe24 helps merchants succeed by providing the latest mobile web technologies, AMP and PWA, for free.<\/em><\/p><figure id=\"attachment_4040\" aria-describedby=\"caption-attachment-4040\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-4040 size-full\" src=\"https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/02\/mobileUIUX_resized.jpg\" alt=\"latest mobile technology for e-commerce\" width=\"1000\" height=\"800\" srcset=\"https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/02\/mobileUIUX_resized.jpg 1000w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/02\/mobileUIUX_resized-300x240.jpg 300w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/02\/mobileUIUX_resized-768x614.jpg 768w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/02\/mobileUIUX_resized-750x600.jpg 750w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-4040\" class=\"wp-caption-text\">Source: Gettyimagesbank<\/figcaption><\/figure><p>The key to an online brand\u2019s success lies in its one-of-a-kind products. But just offering good items sometimes isn\u2019t enough. That is where online marketing comes in. Marketing using display and search ads can boost a brand\u2019s e-commerce business.<\/p><p>Nevertheless, additional functions can further differentiate the online brand from the sea of other brands. For instance, they can help minimize the bounce rate of potential customers and increase the store\u2019s site to appear near the top of search results.<\/p><p>Hence, mobile technologies AMP (Accelerated Mobile Pages) and PWA (Progressive Web Apps) have been gaining much interest in the last couple of years for solving such challenges for online businesses.<\/p><h2>AMP cuts down mobile page load times to one second<\/h2><p>Google announced the <a href=\"https:\/\/amp.dev\/\">AMP Project<\/a> in 2015. Its goal is to provide a web component framework that is user-first. It also aims to ensure long-term success for all web publishers, merchants, and advertisers.<\/p><p>When a user accesses a mobile webpage backed by AMP, it takes less than one second for the page to load. This is because AMP only uses one-tenth of the data that is typically used by non-AMP formats.<\/p><p>According to the <a href=\"https:\/\/amp.dev\/success-stories\/cnbc\/\">AMP Project<\/a>, CNBC slashed its mobile loading time down to one-fourth the original time. This resulted in a 22% increase in users returning to the CNBC site within seven days.<\/p><p>At the <a href=\"https:\/\/amp.dev\/events\/amp-conf-2019\/?_gl=1*o7q77z*_ga*YW1wLUdSaDlnc2hCWDBiX3BZYlRqNW1ZMEE.\">Tokyo AMP Conf 2019<\/a>, Malte Ubl, keynote speaker and Principal Engineer of Google said that AMP is going through a transformation. Today, AMP goes beyond mobile web pages to encompass ads, email, and more service areas. He emphasized that AMP is a web component framework that makes it easy to build websites that prioritizes user needs.<\/p><p>According to <a href=\"https:\/\/marketingplatform.google.com\/about\/resources\/\">Google research<\/a>, 53% of users will leave a site that takes more than 3 seconds to load.\u00a0Also, 79% of users will not visit a site if there are problems in the site\u2019s performance. Especially in e-commerce, even a one-second delay in page loading time will pull down conversion rates by 7%.<\/p><figure id=\"attachment_3067\" aria-describedby=\"caption-attachment-3067\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3067 size-full\" src=\"https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2019\/07\/payment_thumbnail.jpg\" alt=\"Cafe24online shopping\" width=\"1000\" height=\"800\" srcset=\"https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2019\/07\/payment_thumbnail.jpg 1000w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2019\/07\/payment_thumbnail-300x240.jpg 300w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2019\/07\/payment_thumbnail-768x614.jpg 768w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2019\/07\/payment_thumbnail-750x600.jpg 750w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-3067\" class=\"wp-caption-text\">Source: Gettyimagesbank<\/figcaption><\/figure><h2>Mobile web app PWA increases online store traffic<\/h2><p>PWA gives mobile web pages the appearance of native apps. This allows web pages to deliver an app-like experience to users.<\/p><p>PWA lets users skip the process of going to an app store, typing in the search bar, and clicking to install. Sites that have PWA capabilities feature an \u2018Add to Home Screen\u2019 button. Users can click on it to instantly add the webpage to their mobile home screens \u2013 just like a native app. PWA runs directly from the mobile device\u2019s web browser. But once opened, the search bar at the top of the screen disappears and features the online store\u2019s branding and hero images.<\/p><p>In order to use PWA, a service worker script must be installed into the mobile web browser. The script allows all interface elements in the web app \u2013 excluding its contents \u2013 to be pre-stored in the cache. PWA pulls up cached data, which cuts down median load times to less than one second, increases connection speeds four-fold, and decreases data usage to one-tenth the normal amount.<\/p><h2>Both AMP and PWA increase conversion rates<\/h2><p>The AMP and PWA technologies are gaining significance in the e-commerce sphere because of their effectiveness in raising online store conversion rates.<\/p><p>Many users give up browsing an online store when it takes a long time for web pages to load. Meanwhile, search engines like Google have a policy that lists faster sites at the top of the search results.<\/p><p>Online stores that utilize both AMP and PWA benefit from fast connections and accessibility. According to the <a href=\"https:\/\/developers.google.com\/web\/showcase\/2016\/alibaba\">Google developers\u2019 blog<\/a>, even Alibaba experienced mobile conversion rates as high as 76% through PWA.\u00a0 Likewise, UK brand George.com upped its mobile conversion rate to 31% with PWA.<\/p><figure id=\"attachment_3445\" aria-describedby=\"caption-attachment-3445\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3445 size-full\" src=\"https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2017\/12\/\uc2e4\uc0ac\ud615_1000\u00d7800.jpg\" alt=\"Cafe24's e-commerce platform\" width=\"1000\" height=\"800\" srcset=\"https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2017\/12\/\uc2e4\uc0ac\ud615_1000\u00d7800.jpg 1000w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2017\/12\/\uc2e4\uc0ac\ud615_1000\u00d7800-300x240.jpg 300w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2017\/12\/\uc2e4\uc0ac\ud615_1000\u00d7800-768x614.jpg 768w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2017\/12\/\uc2e4\uc0ac\ud615_1000\u00d7800-750x600.jpg 750w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-3445\" class=\"wp-caption-text\">Source: Cafe24<\/figcaption><\/figure><h2>Cafe24 offers free AMP and PWA features<\/h2><p>Global e-commerce platform Cafe24 provides free, easy-to-use AMP and PWA services for merchants on its platform. Merchants don\u2019t need to have any coding knowledge and don\u2019t need to hire external agencies. They can simply enable the AMP or PWA options on the settings page of their Cafe24 admin page.<\/p><p>\u201cGeneral merchants are not familiar with AMP,\u201d said Tommy Kang, Head of Cafe24 E-commerce Development, at the AMP Conf 2019. \u201cWe made it easy for merchants to apply AMP to their online stores by providing automatically-generated AMP pages based on non-AMP pages.\u201d<\/p><p>Cafe24\u2019s AMP service makes it easy for merchants to design and edit the interface of their AMP-based online store, as well as store item data to the cache.<\/p><p>Cafe24 offers its PWA technology through its free Smart Web App service. This service functions in the same way as PWA, enabling users to install a web page in the format of a native app through the \u2018Add to Home Screen\u2019 button.<\/p><p>According to a survey by Cafe24, 49% of users shop for new items by browsing search engines on their mobile devices. Online brands already use about 10% to 15% of their revenue to maintain their business scale. Cafe24\u2019s AMP and PWA services allow merchants to utilize the latest mobile technologies at no cost and expand their reach to more potential customers.<\/p>","protected":false},"excerpt":{"rendered":"<p>Cafe24 helps merchants succeed by providing the latest mobile web technologies, AMP and PWA, for free.<\/p>\n","protected":false},"author":9,"featured_media":4040,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[61,9,11],"tags":[71],"class_list":["post-4039","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","category-e-commerce","category-products","tag-marketing"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/posts\/4039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/comments?post=4039"}],"version-history":[{"count":6,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/posts\/4039\/revisions"}],"predecessor-version":[{"id":4325,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/posts\/4039\/revisions\/4325"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/media\/4040"}],"wp:attachment":[{"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/media?parent=4039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/categories?post=4039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/tags?post=4039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}