頚椎椎間板ヘルニア 頚椎症性神経根症 を発症中。しばらくお休みをいただいております。

AMP 対応(プラグインでは実現できない多機能 AMP)

2016年12月14日

AMP Project

Luxeritas はボタン一発で簡単に AMP に対応できます。

Luxeritas の AMP 対応は、プラグインでは絶対に不可能な機能が盛りだくさんです。

Luxeritas ならではの AMP の特徴

Luxeritas の AMP の特徴

  1. オリジナルのページと AMP のページの見た目がほぼ同じ
  2. 子テーマの AMP 用スタイルシートで自由に見た目が変えられる
  3. 固定フロントページも AMP 化できる(プラグイン等ではほぼ不可能)
  4. AMP ページだけ独立してプラグインの有効/無効が切り替えられる(プラグイン等ではほぼ不可能)
  5. ページ単位で AMP の ON/OFF が切り替えられる
  6. SNS カウントキャッシュを ON にしてれば、AMP のページでも SNS カウントを表示できる
  7. コンテンツやサイドバーに Google Adsense がある場合、自動的に AMP 用の Adsense に置換
  8. 子テーマの「アクセス解析」に Google Analytics があれば、自動的に AMP 用の Analytics に置換
  9. コンテンツに AMP で禁止されているタグ(主に Javascript)がある場合は、自動的に削除
  10. 上記以外のタグは自動的に AMP 用のタグに自動置換
  11. img タグでトラックキングするタイプのアクセス解析(<noscript><img src="~" 等が書かれていれば)も自動的に amp-pixel に置換
  12. AMP 専用ウィジェット領域がある
  13. プラグインが挿入するコンテンツの表示/非表示切り替え
  14. コメントリストの表示/非表示切り替え
  15. <!–nextpage–> でページが分割されている場合、2ページ目以降も AMP 化できる

Luxeritas の AMP 例

オリジナルのページとほぼ同じ見た目で AMP 化できます。
細部まで見ないと違いが分からないレベルです。

↓ 当方が運用してる「A Gain Sierra」の元ページ

↓ 「A Gain Sierra」 の AMP Project にキャッシュされてるページ

https://cdn.ampproject.org/c/again.lunaclear.com/knowledge/science/t5111/amp/

↓ Goolge での検索結果(3つとも A Gain Sierra)

https://thk.kanzae.net/wp/wp-content/uploads/2016/12/amp-search-example-352x565.png

AMP が有効化どうかのチェック

Luxeritas では、

パーマリンクが静的 URL の場合は
・ http://www.example.com/amp/

パーマリンクが動的 URL の場合は
・ http://www.example.com/?post=1&amp

が AMP のページになります(投稿・固定ページのみ)。

↓ ログインした状態であれば、元ページに AMP へのリンクが表示されるので、それをクリックすれば AMP のページを確認できます。

AMP ページへのリンク

また、ページが、ちゃんと AMP に対応できてるかどうかは、↓ Google の AMP テストで確認してください。

Google Console AMP テスト

↓ このような結果になれば OK です。

AMP テストの結果

AMP の設定

AMP の設定方法 および 個別ページ単位での AMP の無効化に関する設定は AMP 設定ページをご覧ください。

各種の対応状況

対応済み(自動的に AMP 用のタグに置換します)

  • Google Adsense
  • Google Analytics
  • アニメ GIF
  • WordPress 標準の埋め込みプレイヤー動画
  • WordPress 標準のメディアギャラリー
  • Youtube 動画
  • vine の 6秒動画
  • Twitter のツイート貼り付け
  • Facebook の貼り付け
  • Instagram の貼り付け
  • その他の iframe(Google Map 等)

注意事項

注 意

  • ウィジェットに FORM を設置した場合、自動的に amp-form に置換しますが動作しない可能性があります
  • ウィジェットに「検索フォーム」を設置しても動作しません
  • プラグインが自動挿入するコンテンツの見た目が崩れる場合は、「プラグインが挿入するコンテンツを無効化する」にチェックを入れて表示を無効にするか、もしくは、自分で AMP 用スタイルで見た目を整えてください。

Luxeritas 特徴

Posted by るな