AMP

ml x

Improve user engagement with fast, compelling experiences.

What's AMP

AMP & IA

Top News & Stories

AMP Cache

Strategy

Load near instantly

+ Conversion rate

+ CTR / user traffic

+ Descrease bounce

+ ADs CTR ...

Monetize

ADs

Traffic

Mobile Web

AMP

E-Commerce

from blogs & news to e-commerce

E-Commerce

Case Study

E-Commerce

Case Study

E-Commerce

Case Study

E-Commerce

Case Study

Yahoo 拍賣 & 商城

E-Commerce

Case Study

difficult to measure SEO efforts

E-Commerce

Case Study

https://blog.lalacube.com/mei/Reveal_amp_roadshow_taipei_2018.php?page=13

Opportunity

SEO

AMP in SERPs

UX

perfect experience  at first time visitors

Amp it !

Amp it !

Content + E-Commerce

To gain new customers who come from google search

Amp it !

Provide a perfect landing page both in loading UX and opportunity of directing user to shopping pages.

Issue

Domain

Deeplinking

perform second click to get directed to the app

Functionality Gap

Targeting

Development

+ AMP HTML

+ AMP JS

+ AMP Cache

Core Components

1. write AMP

2. valide AMP

3. make it discoverable

AMP

Code

AMP Component

+ inline json state

+ built-in css

+ directives as HTML + JS

Challenge

UX   >>>  DX

Challenge

50KB CSS Limitation

Challenge

Functionality gap

ex. some interaction & personalization

Challenge

Multiple Projects

desktop web, mobile web, amp ...

Challenge

Cache / Update

AMP + PWA

PWA features do nothing in cached AMP

AMP as landing page of our PWA

PWA features do nothing in cached AMP

Advertising

+ ADs experience

+ CTR

+ Revenue