当社はIT技術のオンライン教育を得意としたセミナー専門会社です。 | 一戸英男

ITエンジニアの技術力UPをお約束します。

最速! 5分でわかる AMPページの簡単な試し方

AMPページは意外とハードルが高い感じで最初理解に苦しむ方が多いのですが実際にやって理解してみると単純であったりします。
やはり、実際にやってみるのが大切で、やればすぐに理解できるものと思います。



一番簡単なのは静的ページです。適当なものをチョイスして下記の無料のサービスでAMPページに変換してみましょう。

AMPの導入アウトラインを学ぶ

AMP初心者が学ぶのに最適な記事が載っています。私も少し参考にさせていただきました。体系的に簡潔にまとめられていて短時間で把握できました。

AMPの対応方法まとめ

無料のAMP変換サービス

https://www.ampcreator.com/
https://mercury.postlight.com/amp-converter/

AMPが作成できた後は。。。。どうやってクローラに認識させるの?

AMPはできたページを/DocumentRoot/amp/に配置するのがわかりやすくていいと思います。場所はもちろんどこでもいいですがおそらくクローラもampという名前を含むフォルダーをデフォルトで探すでしょう。sitemap.xmlにAMPページを含める必要はありません。アノテーションが入っているためそこから情報をインデックスさせることができます。言い換えると下記のアノテーションはきっちり入れないと重複になりますし、クローラに拾ってもらえるのが遅くなると思います。

変換元のページ(オリジナルページ)に設置するアノテーション

変換したAMPページに設置するアノテーション