部長ナビのページはApple製品のレビューを中心としたブログです。ドラマ仕立ての長期連載も見てね!

部長ナビのページが対応した「AMP」って何?どうやって見るの?

amp

(image via YoutaChannel

こんにちは。部長ナビ(@nabi_1080)です

当ブログは、よーたくんの力を借りて(100%)、無事にAMPに対応することができました。

で、読者の方、そして、スタッフからも「AMPってなんですか?」「どうすれば見れるんですか?」という質問が相次いだため、記事を書くことにしました

ぜひ、当ブログのAMPをお楽しみいただければと思いますので、この記事を有効活用していただければ幸いです

「AMP」は「Accelerated Mobile Page」の略。簡単に言うと「激速モバイルページ」

AMPというのは、モバイル用の高速表示ページのことを言います

タップした瞬間に表示されるくらい、瞬間的にパッと表示されるのが大きな特徴です

この「激速モバイルページ」に対応しましたが、この、「対応するまでの道のり」が簡単ではありません

詳しく知りたい方は、YoutaChannelの該当記事をご覧下さい。ただ、僕が読んでもサッパリわからないレベルなので、かなり難しいです

しかも、YoutaChannelは一足先にAMP対応しましたが、ウチは、Ciderのバージョンアップから数日かかりました。同じテーマを僕とよーたくんは使っているわけですが、そのよーたくんですら、苦戦するレベルの難しさですので、簡単では無いと言うことをご確認ください。僕一人なら、間違いなく無理です

当然だが、モバイルでしか見られない(PCで見る手段もあるけど)

基本、モバイルで見ることができますので、AMPの見方を紹介します

では、基本となる「15インチ MacBook Pro レビュー」で、プライベートモード検索してみましょう!検索順位を知りたいときは、プライベートモード(Chromeの場合はシークレットモード)にしないと、通常モードは「良くアクセスするページが上位に来る」ので、自分のサイトが上位に来ます。プライベートモードで検索して正しい順位を確認しましょう!

image

周りが黒いのが、Safariにおけるプライベートモードの証拠です。

すると、この検索ワードで、1位がgori.me、2位がウチということがわかります。いつもありがとうございます。

良く見ると、本文抜粋の先頭に「AMP」の文字が見えます。ここがAMP対応かどうかを判別するポイントになります。gori.meも、ウチもAMPに対応しておりますので、どちらをタップしてもAMPのページを見ることができます

上に書いたとおり、タップした瞬間に表示されるくらい早いので、その速さをお楽しみ下さい!

実際の表示はAMPの制約により、通常の表示とはちょっと違う

AMPはGoogleから認めてもらうのに非常に厳しいルールがあります

よって、ちょっと見た目が通常のページと異なるのが特徴です。制約を厳しくして、表示を速くしていると思っていただければよろしいかと。

imageでは、ウチのレビューで見てみましょう

ご覧の通り、全然違うところが多いですよね

まず、「URLがGoogle」と言うのが違います。この「Google」の後に、ウチのレビューのページのURLが書いてある感じですね

そして、画面最上部に、AMP特有のバーが表示されます

続いて、部長ナビのタイトルロゴがセンタリングされ、検索窓がなくなっています

ちなみに、タイトルロゴをタップすると、通常表示のトップページに飛びます。このページだけ、AMP形式で表示されてる形ですね

次に、著者である僕の表示にイメージアイコンが追加されてます。右にはどのくらい前の記事かも表示されてます。ここも違いますね

あと、スクロールがスゴい早いです(Safariの場合)

と、こんな感じで、思いっきり違いますので、ぜひ楽しんでみて下さい

一応、リンクも貼っておきますので、15インチ MacBook Pro 2016のレビュー記事のAMPページこちらのリンクからどうぞ!(直接AMPページに飛びます)

Facebookページのいいねボックスや、ランキング、通常バージョンの関連記事もありません

まとめ

よーたくんのおかげで、無事にAMPに対応が完了しまして、検索結果も多くの記事がAMPの表示となりました

非常に嬉しく、Google Analyticsでも設定が必要みたいですが(コレもやってもらった)、ちゃんと、「記事のURL/amp」と表示されるので、AMPページにアクセスがある事が視覚的に分かり、快感です

対応するための制約が厳しく、簡単にはできないと言われているAMPですが、お陰様で快適に運用させていただいております

ぜひ、読者の皆さんも検索から当ブログのAMPページをiPhoneで楽しんでみて下さいね!

では、AMPページでお会いしましょう!待ってま〜す

当ブログテーマ「Cider」作者で、https化、そして、AMP対応とマジで感謝しかないよーたくんのブログ「YoutaChannel」はこちらから!

フォロー購読方法について >

関連記事もっと記事を読む >

  1. Home >
  2. ブログ管理 >
  3. ブログ運営 >