アメブロ任せのAMP対応
「AMP」はスマホ向けの機能で、データ簡素化、ネット上のキャッシュ化などで、「AMP適合ページ」はスマホでより快適に見れますよといった「サービス」らしい。 高速道路の自動料金システム「ETC」の様に、対応しているページは良いが、そうでないと別ゲートから入ってくださいといった感じ。 ちなみに日本の現在の車でETC対応車は半数以下だそうで、別に気にしないでも生きて行けます。
アメブロの場合は、スマホで記事にアクセスすると、自動的にスマホ対応のCSSが着けられるシステムです。 スマホで見たブログは、いわば「アメブロ任せのページデザイン」になるわけですが、これは同時にAMP仕立てになっています。
普通のページ構成ならAMP対応
スクリプトは許可されたもの以外は駄目、あれやこれやのHTMLタグは駄目と、色々と制約を課せられた上なので、余程のことがなければ「AMP不適合」などにはならないと思いますが、「はるなぴ氏の記事」が気になり、私自身のページがAMP対応をしているのかテストしました。 興味のある方は、テストをしてみてください。
スマホで自分のページを検索してみるのが手っ取り早い
スマホのGoogle検索で自分のブログタイトルを検索すると、AMP対応のページは下の赤丸で示した稲妻マークが付いてリストされます。
上図のリストで「Google画像検索」のページや「アメブロの案内」にはマークが有りませんが、私のブログ記事のダイレクトリンクには、ほぼマークが付いていました。 たまに付いてない記事があり次の方法でチェックしたのですが、最終的に「適合」と判断されました。 Googleのご機嫌しだいで、細かなことを気にすると時間の無駄です。 ブログ記事のダイレクトリンクに稲妻マークが殆ど無いなら、理由を調べた方が良いかも。
AMPテストのページでテストする
PCからは、以下のページで簡単に適合テストができます。
下の様な画面が開き、ここにブログのURLを入れると、適合ページが否かを判定してくれます。
ただし、このURLに素直にブログのURLを入れると駄目です。
例えば、私のブログの場合「https://ameblo.jp/personwritep/」をテストすると、下の結果です。
この結果、少し考えて判りました。 「https://ameblo.jp/personwritep/」はPC対応のページで、AMP対応（スマホ対応）のページではないのですね。
AMP対応のURLを調べると、アメブロのサブディレクトリ「gamp」からの配信となっています。（どの様なURLの形でスマホ対応の配信をするかは、ブログシステムにより異なる様です）
テストするURLを「https://gamp.ameblo.jp/personwritep/」に改めてテストを再実行すると、めでたく以下の様な表示になりました。
