メリット
モバイルページをAMP（Accelerated Mobile Pages)に対応させることで
読み込み速度が極端に上がる。
対応ページは検索画面で稲妻マークがつく。
将来的にSEO面で有効かも。
デメリット
書式が特殊で新しく学習する必要あり。
構文エラーがあるとだめ。
javascriptも特殊になる。socialボタンなどがつかえなくなる可能性あり。
お問い合わせフォームなどは使えなくなるので、お問い合わせフォームページはAMPに対応させないなど面倒な点がある。
使えるhtmlタグが限定されるので、リッチメディアコンテンツがあるページは時期相応。
広告
グーグルアドセンス、NENDは対応済。
WordPressにはプラグインが用意されている。
AMP — WordPress Plugins
AMP for WP - Accelerated Mobile Pages — WordPress Plugins
accelerated-mobile-pagesを使うにはAMP — WordPress Pluginsが必要。
管理画面から細かいページ設定が可能。（英語）
「AMP — WordPress Plugins」インストール有効後、設定内容は変えずにパーマリンクのボタンを1度押して更新する。
ホームに戻るページ遷移後、他のページへ移動できなくなったのでプラグイン停止させた
プラグインフォルダ名は「accelerated-mobile-pages」
初期値DesignTwo。
デザインhtmlが書かれているphp
accelerated-mobile-pages/templates/design-manager/design-2/single.php
・記事の中身を表示
[php]
load_parts( apply_filters( 'ampforwp_design_elements', array( 'empty-filter' ) ) ); ?>
[/php]
accelerated-mobile-pages/templates/design-manager/design-2/elements/content.php
・記事の中身を直接編集
■参照リンク
SEM Technology
AMP対応ページは検索上位に表示される？ そんなわけでWordPressでAMP対応してアナリティクスとAdsenseを貼ってみた – Dream Seed
AMP（Accelerated Mobile Page）が拓くモバイルの加速世界 - Qiita
WordPressブログをプラグインを使って30分でAMP化する方法 | 海外SEO情報ブログ
AMPが正しく設定できているかチェックする3つの方法 | 海外SEO情報ブログ
WordPressのプラグインでブログをAMP対応にしてみた | 海外SEO情報ブログ
WordPressをマジメにAMP（Accelerated Mobile Pages）対応させた話 #AMPlify – NET BIZ DIV. TECH BLOG
モバイルページの高速化！ AMPの利点と対応HTMLの作り方 - ICS MEDIA
