Local blog for Japanese speaking developers
AMP の誤解を払拭する
2019年7月4日木曜日
この記事は Cemal Buyukgokcesu による The AMP Blog の記事 "
Debunking Common AMP Myths
" を元に翻訳・加筆したものです。詳しくは元記事をご覧ください。
AMP は、高速なサイトを簡単に作ることができるすばらしい仕組みです。2015 年に登場して以来、ウェブのいたるところで活用され、数千万のドメインで数十億のページを提供するまでになっています。報道や e コマースの領域では、企業が自社のウェブサイトに AMP を実装し、
たくさんの成功例
が生まれています。しかし、AMP プロジェクトが拡大するにつれて、さまざまな誤解や都市伝説などが流布しているようです。そこで、この機会を活用して AMP についての誤解を解いていきたいと思います。
誤解: AMP は Google のみによるプロジェクト。
事実: AMP は、Google が他の企業やウェブ コミュニティのメンバーとともに主導するオープンソース プロジェクトです。
このプロジェクトの開発には、AMP デベロッパーや企業、個人の貢献者が参加しています。ここ 3 年間で AMP の貢献者は 850 人を超えましたが、その 78% は Twitter、Pinterest、Yahoo、Bing、eBay など、Google 以外の企業に勤めています。AMP は、
新しいガバナンス モデル
に移行しました。新しいモデルでは、エンドユーザーなどの自身ではコードに貢献できない方を含むコミュニティのすべての構成員と、Twitter、Microsoft、Pinterest、The NY Times、Washington Post、AliExpress をはじめとする
多くの企業
の代表者に明示的な発言権が与えられています。
誤解: AMP は Google.com でしか動作しない。
事実: AMP ページには、ウェブのあらゆる場所、すなわち、すべての配信プラットフォームや端末からアクセスできます。
ユーザーは、配信プラットフォーム(例: 検索エンジン)上のリンクやサイトから AMP ページにアクセスできます。利用可能な状態ならばデフォルトでモバイル上に AMP ページを常時表示するプラットフォーム(例: Google、
Bing
、LinkedIn、
Twitter
、Yahoo JP、Baidu。
プラットフォームのリストはこちら
)が複数あります。一部のプラットフォーム(例: google.com、bing.com)では、追加の処理を行ってコンテンツをキャッシュすれば、ユーザー エクスペリエンスがさらに高速になります。
誤解: AMP はモバイルでしか動作しない。
事実: AMP は、あらゆる画面サイズで動作するように、レスポンシブを意識して設計されています。
いまや AMP は AMP であり、Accelerated Mobile Pages(高速モバイルページ)を指すものではなくなっています。AMP はモバイルだけのものではありません。PC やタブレットなど、さまざまな種類の端末で動作するだけでなく、とても便利な
レスポンシブ デザイン機能
を備えています。AMP はモバイルや遅いハードウェア、遅いネットワークに優しく設計されているので、PC で使う場合よりもスマートフォンで使う場合の方がより速さを実感できるはずです。なお、サードパーティ プラットフォーム向けの機能には、モバイル エクスペリエンス専用として設計されているものもある点は理解しておきましょう(例: Google のトップ ストーリー カルーセル)。詳細については、
こちらの記事
をご覧ください。
誤解: すべての AMP ページには、非 AMP 版のページが存在する。
事実: AMP ページは、非 AMP 版と関連付けることも
できます
が、必須ではありません。
場合によっては、同じページに対して非 AMP 版と AMP 版の両方を持ちたいこともあるでしょう。AMP 移行の初期段階で、テスト版の AMP と非 AMP 版の両方をサポートしたい場合は特にそうです。しかし、これは必須ではありません。AMP がビジネスにとって適切なソリューションだと思うなら、同じコンテンツの 2 つのバージョンを管理する必要はありません。1 つのページだけを選択でき、選ばれるのが AMP ページであっても問題ありません。つまり、各ドキュメントで 1 つのバージョンを構築、管理、監視することで、(非 AMP ページと AMP ページの両方を構築する場合に比べて)メンテナンスコストを下げられます。詳細は
こちら
をご覧ください。
誤解: AMP のランディング ページは構築が大変。
事実: ほとんどのタイプのページやユースケースにおいて、AMP のランディング ページは 1 週間以内で構築できます。
私たちが接触した開発チームの 80% は、AMP のランディング ページを 1 週間以内で構築したと言っています。とはいえ、AMP の開発にかかる労力はページのタイプによって異なります。1 日以内でできる AMP ページもあれば、もっと時間がかかるものもあります。さらに開発時間を短縮したい方は、
amp.dev
で無料の AMP テンプレートを確認してみてください。
誤解: AMP は、パブリッシャーや静的なウェブサイト専用である。
事実:
Google 検索のクリックのうち、60%
以上がニュース以外の AMP ページによるものです。
AMP は、多くの開発者、パブリッシャーやウェブサイト、配信プラットフォームやテック企業の協力によって誕生しました。最初に AMP がリリースされたときは、主にパブリッシャーに採用されましたが、現在は広告主や e コマース企業も AMP を活用して高速化によるメリットを得ています。こちらのサイトで
成功事例
をご覧いただけます。
誤解: AMP はインタラクティブな操作をサポートしていない。
事実:
AMP コンポーネントを使えば、デザインのカスタマイズやインタラクティブな操作を実現できます。
AMP が最初にリリースされたとき、見た目のデザインに制限がありました。しかし、オープンソース コミュニティとの協力を通して AMP プロジェクトが拡大する中で、デザインのカスタマイズやインタラクティブな操作を実現する新しいコンポーネントが開発されています。現在では、ほとんどのインタラクティブな操作がサポートされています。
リッチメディア: AMP
コンポーネント
は増加を続けており、足りないと感じればどなたでも貢献できます。
サードパーティ(3P)統合: 既に多くが
利用できる
ようになっており、その数は現在も増加中です。
BMW
、
AliExpress
、
La Repubblica の Rep
などの企業は、AMP ですばらしいインタラクティブ性を実現しています。中には、サイトのほとんどのページで AMP を使っている企業もあります。
誤解: AMP は e コマースのウェブサイトをサポートできない。
事実: AMP は e コマースにうってつけです。AMP はウェブページを高速化し、高速化したページによって
購入へのコンバージョンが促される
からです。
AMP がリリースされたとき、最初にそれを採用したのはパブリッシャーでした。その後、AMP プロジェクトが拡大する中で、インタラクティブな操作を実現する新しいコンポーネントが構築されています。インターネットで AMP プラットフォームの採用が拡大するスピードには、私たちも驚かされます。AMP を利用すると、高速で美しい e コマース体験を構築できます。詳細については、ブログ投稿「
Getting started with AMP for e-commerce(e コマース向けの AMP を始めよう)
」や「
e コマースに AMP のスピード感を取り入れよう
」をご覧ください。
誤解: AMP ページは最新コンテンツを提供できない。
事実: AMP ページのコンテンツを最新に保つ方法は数多くあります
。
AMP で最新のコンテンツを提供する場合は、
デフォルトの AMP Cache メカニズム
(stale-while-revalidate)を使うことも、
キャッシュ更新機能
を使うことも、動的コンポーネント(
amp-list
など)を使うこともできます。実装の計画をうまく立てれば大きな成功につながることは、多くの大規模 e コマース企業が実証しています。
誤解: AMP はセキュリティが不十分。プライバシーが保護されない。
事実: AMP フレームワークは、プライバシーとデータのセキュリティを確実に保護できるように構築されています。
通常、AMP のランディング ページは Google AMP Cache から提供されます。Google AMP Cache は、AMP ドキュメントを検証して高速かつ確実に提供するために、AMP 版のランディング ページをキャッシュしています。Google AMP Cache と AMP JavaScript は、ユーザーをトラッキングしない Cookie のないドメインから提供されます。また、AMP にはセキュリティ レビュー プロセスがあり、新しい AMP コンポーネントがリリースされる際には必ずレビューが行われています。詳細については、ブログ投稿「
Privacy and user choice in AMP’s software architecture
(AMP ソフトウェア アーキテクチャにおけるプライバシーとユーザーの選択)」をご覧ください。
誤解: AMP ページでは、非 AMP ページほどコンバージョンが起こらない。
事実: 正しく最適化された AMP ページは、
多くの場合、
非 AMP 版よりも高い成果をあげることができます。
amp.dev
にもあるように、多くの広告主やパブリッシャーが AMP で成功を収めています。Forrester の
調査
によると、サイトで AMP を実装すれば、AMP ページの販売コンバージョン率が 20%、AMP サイトのトラフィックが前年比 10%、訪問者当たりのページ数が 60% 増加しました。いくつかの理由によって、AMP ページが非 AMP ページよりも成果が低く見えることがあります。成果が上がらないと感じたときは、以下を確認してみてください。
測定とトラッキングの問題: 次の 2 つのセットアップ ガイドに従って AMP ページにアナリティクスを設定していることを確認します。
AMP ページにアナリティクスを追加する
AMP ページと非 AMP ページをまたいでセッションを統合する
一貫性のないランディング ページ: AMP ページと非 AMP ページの外見が異なる場合、コンバージョン率に影響する可能性があります。AMP のパフォーマンスを正確に評価するには、どちらのランディング ページも同じ外見と機能である必要があります。また、ユーザー フレンドリーなランディング ページを提供することも心がけてください。
AMP のテストや評価を行う際に留意すべき点については、
こちらのブログ投稿
をご覧ください。
投稿者: Google モバイルウェブ部門 グローバル プロダクト リーダー、
Cemal Buyukgokcesu
Reviewed by Chiko Shimizu - Developer Relations Team
ラベル
.app
1
.dev
1
#11WeeksOfAndroid
13
#11WeeksOfAndroid Android TV
1
#Android11
3
#DevFest16
1
#DevFest17
1
#DevFest18
1
#DevFest19
1
#DevFest20
1
#hack4jp
3
11 weeks of Android
2
A/B Testing
1
A4A
4
Accelerator
3
Accessibility
1
Actions on Google
16
Activation Atlas
1
Addy Osmani
1
ADK
2
AdMob
32
Ads
65
Ads API
58
Advanced Protection Program
3
AdWords API
11
Agency
1
AI
13
AIY
3
AIY Vision Kit
2
ALPN
1
AMP
114
AMP Cache
9
AMP Camp
2
AMP CSS
1
AMP Extension
1
AMP Fest
1
AMP for Email
4
AMP Optimizer
1
AMP Packager
1
AMP Playground
1
AMP Plugin
1
AMP SSR
1
AMP Story
4
AMP Toolbox
1
amp-bind
1
amp.dev
1
AMPHTML Ads
1
Analytics
9
Andorid
12
Android
391
Android 10
1
Android 11
20
Android 11 Compatibility
1
Android 11 final release
1
Android 11 meetups
1
Android 9
1
Android App Bundle
1
Android App Development
21
Android Architecture
1
Android Architecture Components
1
Android Auto
1
Android Design Support Library
1
Android Developer
13
Android Developer Story
4
Android Developers
12
Android Enterprise
5
Android for cars
2
Android Go
1
Android Jetpack
6
Android N
18
Android O
14
Android Open Source Project
1
Android P
7
Android Pay
1
android privacy
1
Android Q
13
android security
2
Android Security Year in Review
1
Android Studio
47
Android Studio 4.1
1
Android Support Library
6
Android Things
15
Android Tools
2
Android TV
11
Android Vitals
4
Android Wear
29
android11
6
androidmarket
3
androidstudio
1
AndroidX
6
Angular
2
Angular 2
2
AngularJS
2
Anthos
2
AoG
1
aosp
1
API
25
APIExpert
45
apk
2
APM
1
app
3
App Action
1
App Bundle
2
app engine
23
App Indexing
7
App Invites
6
App Maker
2
AppCompat
2
Apps Script
11
aprilfool
4
AR
2
Architecture Components
7
ARCore
1
ArtTech
1
Associate Android Developer Certificate
1
Audio
7
Auth Code
1
Authentication
9
AuthSub
2
Autofill
3
AutoML
1
Autotrack
2
award
1
Awareness API
1
Beacons
6
BERT
1
Best Practices
1
Better Ads Standards
3
BigQuery
10
Billing
1
Biometrics
1
BLE
4
Blink
1
Blockly
1
blogger
1
BodyPix
1
Brillo
1
Brotli
2
Budou
1
Buildbetterapps
2
Calendar
3
campaign
1
Campus
1
Canvas
1
Cardboard
4
Career
1
Case Study
1
CCPA
1
CDS 2020
3
CDS Recap 2020
3
Certificate
2
chrome
182
Chrome Custom Tab
3
Chrome Dev Summit
5
chrome extension
14
Chrome for Android
2
Chrome for iOS
3
Chrome OS
7
Chrome Tech Talk Night
4
Chromebook
4
Chromecast
7
chromewebstore
9
Chromium
6
CLI
1
ClientLogin
3
Closure Compiler
1
Cloud
22
Cloud AI Platform
1
Cloud Firestore
5
Cloud Functions
9
Cloud IoT Device SDK
1
Cloud Next
9
Cloud OnAir
2
Cloud OnBoard
4
Cloud PubSub
1
Cloud Storage
1
Cloud Study Jams
3
Cloud Summit
1
Cloud Test Lab
2
Cloudflare
1
CNN
1
Coalition for Better Ads
2
CocoaPods
1
code review
1
codejam
5
codelab
5
Codepen
1
Colaboratory
1
Community
5
compatibility
1
Compose
1
compute engine
3
Contests
1
Context
1
controls
1
Conversation API
1
conversations
2
Cookie
9
Coral
2
COVID-19
2
Crash Reporting
2
Crashlytics
2
Custom Element
1
Custom Model
1
dark theme
1
Dart
2
DataCenter
1
Daydream
4
Deep Learning
4
Delegation
1
Demo Party
1
Design Patterns
1
Design Sprint
3
DesignBytes
1
Designer
1
DevArt
3
DevBytes
6
Developer
14
Developer Console
4
Developer Preview
6
Developer Relations
2
Developer Review
1
Developers Story
4
DevFest
10
DevFestX
3
DevOps
1
devtools
4
Dialogflow
1
Differential privacy
1
Digital Goods API
1
DirectShare
1
Discover
1
DNS-over-HTTPS
4
Domain
1
Doodle
1
DoubleClick
4
Doze モード
1
drive
2
DX
1
Dynamic Links
3
EarlGrey
1
Easter Egg
1
ECMAScript 2015
1
Eddystone
4
Edge
1
egypt
1
Encryption
1
English
2
Envoy
1
ES2015
1
ES2016
1
ES6
2
ES7
1
Event
6
Featured
22
FIDO
5
final release
1
Firebase
120
Firebase Admin SDK
6
Firebase Analytics
10
Firebase Auth
4
Firebase Cloud Messaging
10
Firebase Crashlytics
2
Firebase Database
5
Firebase Libraries
1
Firebase Notifications
1
Firebase Performance
3
Firebase Remote Config
6
Flash
1
Flutter
6
Flutter App Development
1
font
3
fraud
1
G Suite
19
game
41
Game Developers Conference 2018
1
Game Developers Conference 2019
1
Gboard
1
GCP
17
GCPUG
1
GDC
1
GDD11JP
56
GDD2010JP
23
GDE
2
GDG
21
GDG Cloud
1
Geo
55
Gingerbread
1
GLIDE
5
Gmail
5
Gmail API
2
Go
1
golang
5
goo.gl
1
Google
7
Google Analytics
3
Google API
1
Google Apps
14
Google Apps Script
4
Google Assistant
10
Google Assistant SDK
2
Google Cast
8
Google Cloud
34
Google Cloud Day
4
Google Cloud INSIDE Digital
2
Google Cloud INSIDE Games & Apps
8
Google Cloud INSIDE Media
1
Google Cloud INSIDE Retail
3
Google Cloud Messaging
11
Google Cloud Platform
16
Google Code-in
1
Google Developer Experts
2
Google Developers Academy
1
Google Developers live
5
Google Developers Summit
2
Google Drive
6
Google Earth
1
Google Fit
2
Google for Games
2
Google for Mobile
2
Google for Startups
4
Google for Work
1
Google I/O
17
Google Impact Challenge
1
Google Maps
62
Google Maps Platform
50
Google ML Summit
2
Google Open Source Peer Bonus
1
Google Pay
4
Google Photo
1
Google Play
144
Google Play App Safety
1
Google Play Console
14
Google Play developer distribution agreement
1
Google Play Developer Policies
2
Google Play Game Services
10
Google Play Instant
1
Google Play Services
23
Google Play Store
1
Google Play アプリ署名
1
Google Plus
14
Google Search
7
Google Sheets API
3
Google Sign-In
12
Google Slides API
5
Google Summer of Code
1
Google Tag Manager
1
Google Trust Services
2
Google マップ
4
Google+
2
Googleapps
10
GoogleGames
1
GoogleI/O
28
GoogleLabs
1
GooglePlay
3
GoogleTV
1
GPS
1
Gradle
1
gRPC
2
GTUG
5
GWT
2
hack4jp
2
hackathon
7
Hangouts Chat
2
Hosting
3
HTML5
17
HTML5Rocks
1
HTTP/2
5
HTTPS
14
I/O Extended
4
ID Token
1
Identity
15
Identity Toolkit
1
IGF2010
4
IGF2020
2
Ignite
4
IME
11
Indie Game
7
Indie Games Festival
7
Indie Games Festival 2018
2
Indie Games Festival 2019
12
Indie Games Festival 2020
7
Inevitable ja Night
30
Insights
1
Instagram
1
Instant Apps
6
intern
2
Invites
1
IO19
3
iOS
21
IoT
7
IPv6
1
Issue Tracker
2
IWD
1
Japanese
5
Japanese Input
1
JavaScript
10
Jetpack
4
Jetpack Compose
3
K-12
1
Key Transparency
1
Knowledge Graph
1
Kotlin
22
Kotlin Android Extensions
1
Kotlin Beginners
3
Kotlin Vocabulary
2
Kubernetes
2
l10n
8
latest
16
latest news
1
LaunchPad
2
lifull
1
Lighthouse
1
LINE
1
Local AI
1
Location
1
Lollipop
10
Machine Learning
29
MAD Skills
2
MADSkills
1
Maker Faire Tokyo
1
Marshmallow
10
Material
1
Material Design
31
MDL
1
MDN
1
metrics
1
MIDI
2
mikan
1
Mixed Contents
4
ML
1
ML Kit
12
Mobile
15
Mobile Bootcamp
4
Mobile Sites certification
1
Mobile Vision
4
mod_pagespeed
1
Model Maker
1
monetization
2
monetize
3
Mozc
15
Music
1
NativeDriver
2
NativeScript
1
Navigation
1
NBU
1
ndk
3
Nearby
5
News
1
Next Extended
1
Next Tokyo
3
Nexus
2
Nexus S
1
NFC
1
Node.js
3
notifications
2
Noto CJK
1
Now in Android
12
NPAPI
2
NPN
1
oauth
12
open source
1
OpenAI
1
opencensus
1
OpenGL
4
OpenID
3
OpenID Connect
4
OpenSocial
1
opensource
18
OpenTitan
1
Optimization
1
Page Experience
1
Password Manager
1
Payment
8
Payment Handler API
1
Payment Request API
1
PDF
1
PEM
33
people
2
People API
3
Performance
14
Performance budget
1
permissions
1
PersonFinder
1
Physical Web
3
Pi
1
Pixel
1
Place Picker
1
Platform Stability
1
Play Billing
2
Play Billing Library
2
Play Console
2
Play Store
1
Player Analytics
4
Playtime 2017
1
Policy
6
policy compliance
2
policy violations
2
Polymer
7
privacy
13
Privacy Sandbox
13
Progressive Web Apps
14
project hosting
1
Promise
1
Promo code
1
Protocol Buffers
1
PRPL
1
publicdata
1
Push API
1
Push Notification
6
PWA
3
Python
2
QUIC
2
QWIKLABS
3
RAIL
1
React
1
React Native
2
Realtime Database
9
Recap Live Japan 2019
3
reCaptcha
1
Redux
1
release
1
Remote Config
3
Remote Display API
1
Requirements
1
Resonance Audio
1
Rewarded Video Ads
2
Runtime Permission
1
Safe Browsing
3
safety
1
Sample Code
2
Santa Tracker
1
schema.org
1
secur
1
security
70
Service Worker
4
SHA-1
1
sketchup
1
SmartLock for Passwords
4
social
4
Social Good
1
Social Media
1
software development
1
SPDY
3
speak2tweet
1
Spreadsheet
3
SSR
1
stable release
1
startup
7
Storage
2
story
1
streetview
3
Study Jams
9
subscriptions
4
Swift
2
SwiftShader
1
Symantec
1
tapple
1
Task
4
Team Drive
1
techtalk
13
TensorFlow
41
TensorFlow Federated
1
TensorFlow Lite
8
TensorFlow Object Detection API
1
TensorFlow Probability
2
TensorFlow.js
4
test
4
Test Lab
6
TF Certificate
2
TFX
1
TLS
1
ToS
1
trace
1
Transliteration
1
Trusted Web Activity
1
Twitter
1
Udacity
20
Unity
3
UX
5
V8
3
VP9
1
VR
11
Vulkan
2
Watch Face
2
wave
2
Wear OS
3
Weave
1
Web
34
Web Animations
1
Web Components
7
Web Manifest
1
Web Packaging
3
Web Stories
2
Web Story
3
Web Vitals
5
web.dev
1
WebAssembly
5
WebGL
1
WebM
1
WebMusic
5
WebRTC
1
WebView
1
Women Techmakers Scholars Program
1
Wordpress
1
WTM
6
Xcode
1
YouTube
17
YouTube API
1
インタビュー
1
コードサンプル
1
プライバシー
1
機械学習
3
言論の自由
1
節電
3
定期購入
1
東日本大震災
9
日本語入力
41
ブログ アーカイブ
2021
1
2020
12
11
10
9
8
7
6
5
4
3
2
1
2019
12
11
10
9
8
7
6
5
4
3
2
1
2018
12
11
10
9
8
7
6
5
4
3
2
1
2017
12
11
10
9
8
7
6
5
4
3
2
1
2016
12
11
10
9
8
7
6
5
4
3
2
1
2015
12
11
10
9
8
7
6
5
4
3
2
2014
12
11
10
9
8
7
6
5
4
3
2
1
2013
12
11
10
9
8
7
6
5
4
3
2
1
2012
12
11
10
9
8
7
6
5
4
3
2
1
2011
12
11
10
9
8
7
6
5
4
3
2
1
2010
12
11
Feed
Follow @googledevjp
"プロダクトに関するご意見は
プロダクトフォーラム
にお願いします"