個人的なアウトプット用雑記ブログ。今は仮想通貨とロボアドバイザーがネタがお気に入り。

チャラい人生

WEBサイト運営

AMP(Accelerated Mobile Pages)対策のメモ

スポンサードリンク
スポンサードリンク
 

投稿日:

  • BITPOINT
    現在、「新規口座開設をして初回入金(金額指定なし)をしたユーザーが対象にビットコイン3,000円相当分」が受け取れるキャンペーンを実施中
  • ビットバンクトレード
    少ない資金で稼ぐ可能性があるビットコインFXを「追証なし」で運用できる!最大レバレッジは25倍まで変更可能。使えるツールはbitFlyer同等。サーバーも軽めで人気上昇中!
  • Zaif(ザイフ)
    仮想通貨初心者向け!特に 買い時が難しい人向けに毎月一定額を積み立てていく「 Zaifコイン積立」が便利!
  • BitMEX
    最大レバレッジ100倍・追証なし・サーバー激強とおすすめ材料ばかり!ビットコインFXで少ない資金を増やすなら最大レバレッジ100倍まで設定できるのが強み。アルトコインはADAが買える!

メリット

モバイルページを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

・記事の中身を表示

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

スポンサードリンク
 
スポンサードリンク

Copyright© チャラい人生 , 2018 All Rights Reserved.