2018.05.05スポンサーリンクところで、雷のマーク(⚡)を見ると何を思い浮かべますか?単純に天気予報を思い浮かべる方もいれば、マイティ・ソーやフラッシュなどの雷を使うヒーローを思い浮かべる方もいると思います。僕は『めちゃイケ』です。私自身、使い勝手が合わないというか、あんまり好きじゃないんですが、自分自身の勉強の意味も込めて書いていきます。当ブログでも、テーマに機能としてあるAMP機能を使い、実装しています。その他、私自身が運営しているメディアサイトでの経験を踏まえて、AMPは必要なのかを書いていきます。Pages)とは?と、このページを見ている人は、おそらくわかって見てくれてる方が大半だと思いますが、簡単に説明を。スマートフォンなどで検索した際に表示されるカード型の検索結果や、雷のマークがついてる検索結果がAMPページです。CacheというAMPページ配信用のCDN(コンテンツ・デリバリ・ネットワーク)で表示されるとのこと。本来のWEBページに接続せずキャッシュで表示するから、なんやかんやで、シュパッと表示できると。下部のスクリーンショットは当ブログのAMPページ例です。ページ上部はドメインが表示されていますが、アドレスはGooogleのドメインから始まるURLです。簡単にいうと、モバイル端末用に早く表示させる軽いページって事ですね。スマホ主流の時代だからこそのページですね。あと、速度制限という日本特有の文化にも適しているのかもしれませんね。AMPを推進する企業も多く、GoogleやTwitter、ワードプレスも推進してるみたいです。事は、検索順位とかにも影響出るんじゃないの?って思いますよね。今のところ、SEOとは関係はないとのこと。全てのサイトに効果的とは言えない制限が多くページが薄っぺらく感じる(基本CSSは50キロバイトまで)AMPページの仕様変更により対応に追われる可能性もあるデメリットの方が、多くなってしまいましたね。1年以上、複数のAMPページを運営して感じましたが、おそらく仕様変更によるエラーがちょろちょろっとありました。クロール時のエラーだったのか、ほったらかしでもエラーが消える事もあり、あまり気にならなくなりました。いえ、エラーがなくならないものは、AMP関係なくエラーが起きてる可能性もあるので、修正しましたが、警告レベル(黄色)で画像のサイズが云々というのが出てきた時はコスト的にも放置しました。デメリットばかりではなく、緩和というか、CSSの50キロバイト制限に対して、@keyframesは別で500キロバイトまで書けるとのこと。制限のせいでCSSアニメーションなどの動きのついた表現を削っていても、@keyframesだけなら、別で書き、削らなくてもいいとのこと。