長らく放置していたホームページを一からリニューアルするにあたり、せっかくなのでAMP(Accelerated Mobile Pages)に対応させてみようと思います。
1. AMPとは?
2. テンプレートの入手
いちからハンドコーディングするのもいいですが、AMPでWebページを作成する際の初期テンプレートは、下記URLから入手することが出来ます。
ソースコードをコピーし、任意のHTMLファイルに貼り付けて保存をするだけで、AMPページは完成です。
3. AMPテスト
念のため、先ほど作ったHTMLファイルがブラウザにAMPページとして認識されるかどうかを確認してみます。
HTMLファイルをサーバーにアップし、URLを下記のフォームに入力すると検証を行うことが出来ます。
↓↓↓
無事、AMPページとして認識して貰えたようです。
以上で、AMPページの下準備は完了です。
今日はここまで。