[メモ]Google AMPについてのあれこれ。

スマートフォンで高速表示させるためのGoogle AMP。

使えるHTMLやCSSを極限までに少なくして情報量を少なくしてレンダリングを減らして、Googleのキャッシュサーバーに内容を保管しておくことで、Androidの「Google検索」などでサイトをサクセスしたときに、本当のリンク先のサイトにアクセスするのでは無く、Googleのキャッシュから表示させることで高速に表示させる技術。(だと理解している。)

「スマートフォン」で、「Google検索」で検索したときに、AMP対応のページはAMP対応ページが優先して表示される。

グノシーやスマートニュースといったニュースアプリを使用していると画像や背景を省略した高速表示モードがあるので、それに近いものと考えて良いだろう。(「あとで読む」を実現する「Pocket」もキャッシュから簡易表示する機能がある。)

つまり、AndroidスマートフォンでGoogle検索をすると、将来的にはほとんどのサイトで少ない容量の通信で高速に表示が行えることになる。

タブレットやパソコン等で見ると通常のページが表示される。

基本的には、以下のようなURL変換で、AMPページにアクセスできる。(もしかしたらここは少し勘違いしているかも知れない)

通常のリンク:
https://popozure.info/20170227/11026

↓

AMP対応URL:
https://www.google.co.jp/amp/s/popozure.info/20170227/11026/amp

どんなページでもGoogleがAMP対応してくれるのでは無くて、AMP対応のページをサイト管理者が用意しておく必要がある。URLの最後に付いている「/amp」はGoogle AMPのURLの仕様というよりも、サイト管理者がAMP用に用意した別ページのURLである。(という理解で大丈夫だと思う。)

AMP対応にするにはCSSが外部ファイルとして準備できない等の制限があるので、プラグインの機能としては製作者が苦しむところかも知れない。

このサイトもautomatticが公開している「AMP」プラグインを使用しているが、あまり褒められたAMP向けページが出力されている感じでは無い。

一部のプラグインは動作していなかったり、自分が作成したプラグインもAMP HTMLが守られていなかったり、外部CSSに表示を頼っていたので画像が元のサイズででっかく表示されてしまう等の不具合があり、最新版では、URLの末尾に/ampが付いているときには画像を表示させず、DIVタグとCSSで体裁を整えていたのをTABLEタグで囲む程度の簡易表示を実装させた。

それはさておき、Googleにページのキャッシュを置いてくれるので、うまく使うことでリンク先のサイトに負担をかけずに抜粋文等を取得するのに使えるかも知れない。

今後とも色々試してみたいと思ってメモをしておいた。

では、この辺で。(^-^)o

[Pz-LkC][1.8.0]リンクをカード形式で表示するプラグイン更新。AMP仮対応など。

リンクをカード形式で表示するWordPressプラグイン「Pz-LinkCard」。

最新版ver1.8.0を公式プラグインディレクトリで公開しました。

ver1.7.9→ver1.8.0修正点

2017年1月22日に公開したver1.7.9からのバージョンアップです。

[link url=”https://popozure.info/20170122/10974″]

Google AMP仮対応

スマートフォンでの表示に最適化した高速表示技術「Google AMP(Accelerated Mobile Pages)」の表示に対応するため、URLの末尾が「/amp」だった場合に簡易表示させる機能を実装しました。

生成しているページがAMPなのかどうなのか判断する方法が分からなかったため、URLの末尾で判定しています。

一応、Automatticから出ている「AMP」プラグインを使っている場合には「is_amp_endpoint()」で判断できるようなので、そっちを使う方が正確っぽいですが、他の方法を使用している場合も想定してアクセスURLを使うようにしました。

[php start-line=”630″]if ((isset($this->options[‘flg-amp’]) ? true : false) && function_exists(‘is_amp_endpoint’) && is_amp_endpoint()) {[/php]

 

枠線が消えてしまう不具合を修正

今まで枠線は色と種類と太さの組み合わせをリストから選ぶ方法でしたが、Ver1.7.9から枠線の太さ、種類、色を選択する方法に修正しました。

カラーコードを選んだときに「#」が付かない場合があり、このときに枠線の色が正しく設定できず表示されない不具合となっていました。

設定画面でカラーコードの項目全部に「#」を付け直すようにしました。

その他

一部キャッシュプラグインとの相性があるようなのですが、自分の環境で再現できず何ともできていない状況です。

そのほか、お気づきの点などありましたら、コメント欄や、ツイッターアカウント「ぽぽろん@ぽぽづれ。(@popo68k)」もしくは「ぽぽづれ。(@popozure)」までご報告ください。

では、この辺で。(^-^)o