Facebook Twitter RSS
いよいよ導入されるAMP(Accelerated Mobile Pages)の基礎知識から対応方法まで!まとめ

いよいよ導入されるAMP(Accelerated Mobile Pages)の基礎知識から対応方法まで!まとめ

この記事のタイトルとURLをコピーする
いよいよ導入されるAMP(Accelerated Mobile Pages)の基礎知識から対応方法まで!まとめ
https://webkikaku.co.jp/blog/seo/accelerated-mobile-pages/
facebook twitter hatena Pocket

google_mobile_instant_publishing_blog

「Accelerated Mobile Pages」と呼ばれるGoogleが推し進めてきたプロジェクトですが、とうとう正式導入されることになりました。「Accelerated」は「加速される」という意味で、つまりモバイルページ高速化プロジェクト、といったところでしょうか。

まずは導入後のイメージを御覧ください。(英語ですが公式サイトのイメージよりもわかりやすいです)

このように、検索結果にカルーセル形式で表示され、リンクをタップすると物凄いスピードでページが表示されます。

自分の携帯で試してみたい方は、下記URLのGoogle検索画面から「ニュース」というキーワードなどで検索してみてください。

http://g.co/ampdemo(※スマホからアクセスしてください)

既にTwitterやアメブロなど、様々なメディアがAMP対応を導入しています。

Googleが過去に発表してきた、モバイル対応ラベルの表示や、著者表示など、今回のAMPでもSEO面などでどのような影響が出るのか、ウェブマスターにとって気になる情報だと思います。そこで今回はAMPに関する、情報をまとめてみました。(内容は随時更新していきます!→最終更新日:2016/10/06現在)

AMP関連の主要ニュースまとめ

AMP早わかりニュース

Google、AMPをサポートするモバイル検索を正式公開。ゆっくりと展開し、まずは米国から導入開始か?

Google、AMPをサポートするモバイル検索を正式公開。ゆっくりと展開し、まずは米国から導入開始か?

米国から徐々に展開されるようですが、正式に検索結果の画面にAMPが実装されるようになりました。これまではニュース性の高いものだけがAMP対応となっていましたが、かなり拡大していきそうです。ただし完全な展開が全て終わるのはかなり時間がかかりそうとのこと。展開されている間に対応したいものですね!ちなみに実装された検索結果は下記のような画像の感じです。

AMP実装後の検索画面

Google検索のランキングにAMPが与える影響

AMP最新情報 ―― Google検索のランキングにAMPが与える影響、WordPressがAMPプラグインを開発中

2015年12月16日のGoogleのリチャード氏へのインタビューによると、「AMP対応したからといって順位が上がるわけではないが、AMP対応したことによる結果としてユーザーの満足度が向上し、検索順位に影響を与えることはあるだろう」というようなことをコメントしたそうです。

つまり、どの程度の影響があるのかは今のところ不明ですが、SEOへの影響があることは間違い無さそうです。

AMPの対応方法まとめ

AMPの対応方法まとめ

そもそもAMPとは

AMP について

Googleの公式ブログが「AMPについて」という記事を公開しました。一番わかりやすく簡潔に説明されています。内容としては、ユーザーにサクサクのモバイル体験をしてもらいたいので、様々な技術を使って、それを実現させたのがAMPですよ、といったことが書いてあります。

どんなサイトにも効果的なわけではない

AMP は、あらゆるタイプの静的なウェブ コンテンツ(ニュース、レシピ、映画情報、製品ページ、レビュー、動画、ブログなど)で大きな効果を発揮します。一方、動的で双方向性を重視した単一ページのサービス(地図の経路案内、メール、ソーシャル ネットワークなど)にはあまり効果的ではありません。

引用元:https://webmaster-ja.googleblog.com/2016/09/8-tips-to-amplify-your-clients.html

Googleの公式ブログからの引用です。AMPで重要なのは、どのような場合にも効果的ではないということです。簡単に言うと、日々ハイペースでページが増えていくような形式のウェブサイトではAMP対応が必要になることが多いでしょう。

Googleの導入ガイド日本語版(PDF)

Accelerated Mobile Pages プロジェクトについて — 導入ガイド日本語版を本日公開しました

Googleが日本語で導入ガイドを公開しています。PDF形式にまとめられています。導入ガイドではAMPがどのようなものか、実際に導入しているサイトの例や、どのような対応をする必要があるのか、などざっくり記載されています。

AMPページのGoogle検索ガイドライン(SearchConsoleヘルプ)

AMP ページの Google 検索ガイドライン

SearchConsoleヘルプに公開されている、最適化ガイドです。こちらも本当にざっくり説明されている感じです。詳細な説明については記事からのリンク先が英語になっていることが多いので、英語が苦手な方には厳しいかもしれません。

AMPの対応方法(基礎知識)

AMPの対応方法まとめ (作成途中)

具体的にHTMLをどのように記載したら良いのかわかりやすくまとめられています。禁止されているタグの一覧なども載っていますので、初心者の方はまずはこちらを見ることで、対応方法の基礎を学べると思います。

AMP設定ができているかチェックする方法

AMPが正しく設定できているかチェックする3つの方法

AMP対応のエラーチェックは、GoogleChromeのデベロッパーツールを利用することで簡単に確認することができます。デベロッパーツールでエラーが出ないことを確認できたら、「構造化データテストツール」を利用し、さらにチェックをしましょう。

Google Search Console からもAMP対応チェックが出来る

Google Search Console に AMP の項目が追加される

エラーはGoogle Search Consoleからも発見することができます。ただし、エラー発見後に修正をしても、サーチコンソール上では4日などのタイムラグの後、反映されるようです。

AMP対応したページだけをGoogleに公開しても問題なし

AMP対応したページだけをGoogleに公開しても問題なし、別URL構成のモバイルサイトではPC向けページにrel=amphtmlを設置

AMP対応する元のページが無くとも、AMPページを公開しても良いそうです。つまり全ページがAMPだけのサイトが存在してもGoogleは正しく検索へ反映してくれるということですね。ただし、AMP対応することでデザイン性によるユーザーの満足度を下げてしまうこともありますし、PCで閲覧した際に見やすいとは限りませんので、AMPだけのサイトを公開するという状況というのは少なそうですね。

WordPressプラグインで簡単にAMP対応をする方法

WordPressのプラグインで簡単にAMP対応をする方法

WordPressを利用している方向けのエントリー。WordPressではプラグインを利用することで簡単にAMP対応ができますが、ほとんどの場合デベロッパーツールで確認するとエラーが頻発すると思います。AMP対応は非常に厳しい対応を求められますので、プラグインを有効にするだけで安心するのは危険です。

WordPressプラグイン無しでAMP対応にする手順

【WordPress】プラグイン無しでAMP(Accelerated Mobile Pages)に対応にする手順

プラグインではエラーばかり…それならいっそ自分で対応しよう、という方にピッタリのエントリー。phpの書き方、HTMLの記述、CSSの対応方法など、とても細かく解説されています。現時点でしっかりAMP対応させるには、こちらの方法のほうが現実的かもしれません。

MovableTypeでのAMP対応

Google AMP HTML に対応してみた件

MovableTypeを利用している方でAMP対応したい方向け。簡単にではありますが、どのようなタグを使ってAMP対応をしたら良いのかのヒントになるでしょう。

AMP対応で注意したい点

AMP (Accelerated Mobile Pages) HTML を出力するようにしてみたけど面倒くさかった話

画像にwidthやheightの指定をしていなかったことで対応できなかったことや、iframeは禁止されているので、amp-iframeへ変換する話など、対応する上で注意したい点がまとめられています。MovableTypeで説明されていますので、WordPressの方は同様のカスタマイズをするために工夫が必要そうです。また、AdSenseのことにも触れられています。

それでもわからなければウェブマスターフォーラムへ

ウェブマスターフォーラムのAMPカテゴリ

ウェブマスターフォーラムにAMP専用のカテゴリが増設されました!対応方法など迷ったことがあればフォーラムで同じ質問が無いか検索してみたり、実際に質問をしてみても良いでしょう。フォーラムを使ったことが無い方は回答が来るのか不安だと思いますが、かなりの確立で回答を頂くことができますよ。

まとめ

米国からとはいえ正式導入され始め、さらに盛り上がりそうなAMP界隈です。SEOに関しては間違った情報に振り回されず、サイトを閲覧してくれるユーザーのことだけを考えて適切な対応をしていきたいところです。

実装については、それなりの知識が求められそうですので、ウェブマスターの方にとっては少し嫌なニュースになったのかもしれません。

この記事のタイトルとURLをコピーする
いよいよ導入されるAMP(Accelerated Mobile Pages)の基礎知識から対応方法まで!まとめ
https://webkikaku.co.jp/blog/seo/accelerated-mobile-pages/
facebook twitter hatena Pocket

東京・名古屋を中心に、中小企業に特化したウェブマーケティング支援会社。マーケットやビジネスモデルに合わせ一社一社に合わせた集客戦略をご提案しています。
1000サイト以上のウェブマーケティング支援で獲得したノウハウで、リニューアル後に過去最高の成果を生み出したお取引先は多数。勘ではなくロジックに基づいたホームページ制作と柔軟な対応力で多数のお客様にご評価頂いております。

どのようなお悩みでも構いません。ホームページを有効的に活用できていないと考えているご担当者の方、まずは一度弊社にご相談くださいませ。

ご提案依頼・ご相談はこちら
公式facebook、twitterから情報を受けとる
いいね!する フォローする
前のページ
次のページ
ページトップ