AMP HTMLに対応してみました・・・一部だけ

AMP HTMLに対応してみました・・・一部だけ

ついに、当サイトもAMP HTMLに対応致しました！！！

AMP HTMLって何？

という方は以下の記事をご覧下さい。

• GoogleとTwitterが連携して策定しているプロジェクト、AMP（Accelerated Mobile Pages） HTML

連携してるのはGoogleとTwitterだけではないんですけどね、とりあえずタイトルでまとめるとこんな感じになりました・・・（汗）

さておき。

当サイトで配布しているテンプートについても、AMP HTMLを同梱しているバージョンを配布しています。
ただ、テスト的な意味合いが非常に強いです。

当サイトで対応している内容もかなりテスト的な感じで対応しています。
テンプレートに同梱しているAMP HTMLとは、若干仕様を変えております。
と言っても小さいことですのでアレですが・・・。

当サイトでAMP HTMLに対応しているページは基本的にコラムページだけでして、以下の記事です。
また、本日以降に投稿するコラム記事以降は全て対応する予定です。
（本記事も含んでいます。）

• GoogleとTwitterが連携して策定しているプロジェクト、AMP（Accelerated Mobile Pages） HTML（AMPページ）
• Illustratorで集中線を書く方法（AMPページ）
• 北堀江周辺ランチ7選　その１（AMPページ）
• 2016年　謹賀新年（AMPページ）

AMP HTMLのURLはそれぞれ、スラッシュ（/）の後に「index_amp.php」と入力して頂ければ開きます。
基本的にファイル名の拡張子前に「_amp」を入力して表示するようにしています。
ディレクトリで句切ろうかと思いましたが、後々面倒なことになりかねないと感じたので、こんな感じにしました。

また、メタタグ内にAMPページのリンク、通常ページのリンクを設置していますので、あくまでクローラーのみに明示する方針です。
そのうち、ページ内のどこかにリンクを設置するかもしれませんが、それは分かりません。
今後のAMPの仕様次第だと考えています。

記述内容の違いではないのでアレですが、以下の点において違いを出しています。

• 当サイト内のAMPページは、AMPページ間を回遊するということは考えていません。
  ですので、AMPページ内のリンクは全て通常ページへのリンクにしています。

というだけです。
というのも、大手メディアは基本的にAMPのページに入ってからその後のことを考慮してるかどうかが分かりにくい設計になっているように見受けました。
ですので、その後の動きは通常ページに戻すことくらいしか（現時点では）考えられなかったので当サイトも基本的にその設計にならいました。

AMP HTML対応については、今後の動きによって小まめに動きたいと考えてますので、或る日突然削除する可能性があります。
その時は、改めて報告します。

今後の動きを見守りいろいろ報告をさせて頂きたいと思います。
どうぞ宜しくお願い致します。

執筆 : 清水 隼斗

AMP HTMLに対応してみました・・・一部だけのAMPページ