最終更新日:2017-07-18SEOツイート2015年4月21日より、Google検索でスマートフォンを用いて検索した際に、スマホ対応ページが用意されているページを優遇するアルゴリズムが導入されます。今までのGoogleは検索クエリに最も合致したコンテンツを結果に返すことを目的に改良が加えられていましたが、今回はそれ以外に、ユーザー体験もランキングを決める際の指標として用いられることになりました。このアルゴリズムはスマホユーザーの検索体験の更なる向上の為に導入されるアルゴリズムであり、パソコンを用いて検索した場合の検索結果は今まで通りのアルゴリズムで対応されますので影響ありません。ここ1ヶ月ほど、モバイルフレンドリーのアルゴリズムについてよく質問されましたので、今回この記事で解説しておきたいと思います。4/21以降、実際にアルゴリズムが導入されてから明らかになったことは、このページに追記していきたいと思いますので、よろしければこのページをブックマークしておいてください。エクスペリエンスで調べるGoogleウェブマスターツールのモバイルユーザビリティスマホ対応の重要性モバイル対応の方法PCとスマホで2種類のページを作りリダイレクトで振り分けるユーザーの環境に合わせてレイアウトを変化させるレスポンシブウェブデザインユーザーの環境によって吐き出すソースコードを変化させるダイナミックサービングRWDと動的な配信とPCとスマホページを用意してアノテーション。どれがベスト?SEOのホワイトハットジャパンの対応はrobots.txtでCSS等を制御しているとクローラーは正しくレンダリングできない対応完了後、どのくらいの期間でスマホ対応ラベルは出現するのか影響を受けるのはモバイル検索(スマホで検索した検索結果)のみでページ単位スマホ対応サイトが優遇されるというか、スマホ非対応のサイトは検索順位が下がる可能性が高いというアルゴリズムになるようです。この影響はモバイル検索(スマホを使って検索)した際にのみ影響します。例1:PCで検索した場合→スマホ対応、非対応にかかわらず、検索ランキングは変わらない例2:スマホで検索した場合→スマホ対応か非対応かによって、検索ランキングが変動するですので、極端な話をすれば、スマホのアクセスがほとんど無いサイトや、スマホは切り捨てても平気なサイトの場合、無理にリソースを割いてまで対応する必要はないと言えます。モバイル対応は、サイト単位ではなく、ページ単位での判定になります。スマートフォンからの検索アクセスが重要なページのみスマホ対応させて、優先度の低いページに関しては放置、もしくは、後回しにするという選択肢もリソースによっては十分に考えられます。モバイルフレンドリーテストでチェックされる項目Flashを使っていないか。スマホではFlashが動かない事が多い。ズームしなくてもテキストが読めるか。ピンチアウトしなくても良いか。コンテンツが横にはみ出して横スクロールが必要になっていないか。スマホは上下の移動は苦にならないが、横への移動は大変なストレスになる。目的のリンクを簡単にタップできるよう、それぞれのリンクが十分に離れた状態で配置されているか。クリックしにくいとストレスになる。上記がチェックされます。上記のリストから1つ合格するごとに加点という仕組みではなく、全て合格するか、1つ以上の不合格があるかのどちらかで分けられます。不合格の箇所が3箇所あっても、1箇所しかなくても、等しく不合格として扱われます。今回の導入では、モバイルフレンドリーテストに合格すれば、アルゴリズム的にはひとまずOKのようです。モバイル回線はPC回線より速度が遅いことも多く、一般的なモバイルフレンドリーでは表示速度を向上させるための取り組みも重要だといわれていますが、今回のGoogleのモバイル対応アルゴリズムに表示速度のチェックはありません。一度にあれやこれやと要求されるとウェブマスターが対応するのが大変になるため、ひとまず、今回はこの程度のチェック項目にしておこうというところだと思います。今回のアルゴリズム変更では表示速度は求められませんが、今後、表示速度もアルゴリズムに求められるようになる可能性は非常に高いと理解しておきましょう。表示速度の向上はユーザー体験を向上させますから、アルゴリズムに入っていないとしてもやっておくメリットは非常に高いです。スマホ対応の確認の仕方スマートフォンで検索してスマホ対応ラベルを確認するGoogleがスマホ対応していると判断したページには、スマホで検索した際に、スマホ対応というラベルが表示されます。これは当ブログをAndroidで検索した際の検索結果のスクリーンショットです。モバイルフレンドリー判定のサイトには、スマホ対応ラベルが出現します。これはページを公開してGoogleのクローラーがそのページを持ち帰り、インデクサに登録されることにより、はじめて表示されます。Insightsを利用するといいでしょう。テストにアクセスして、直接URLを入力して調べる方法です。検索エンジンで「モバイルフレンドリーテスト」と検索したら一位に表示されますので、アクセスもしやすいですね。この方法ですと、公開したばかりのページでも、正しくモバイルフレンドリーになっているかチェックが可能です。合格すると「問題ありません。」と緑文字で表示されます。フレンドリーではありません」と赤文字で表示され、なぜ不合格になったのか、ヒント、もしくは答えそのものが表示されます。Insightsでもモバイルフレンドリーかどうか調べることが可能です。元は快適な速度で表示されるように改善のヒントを与えるツールでしたが、機能が追加されUXも診断してくれるようになっています。エクスペリエンスとなっているところで判断します。問題が発生していたら解決までのヒントが表示されますのでそれに従って修正していくといいでしょう。ユーザビリティエラーがないかどうかを確認するには、ウェブマスターツールにを利用するといいでしょう。ウェブマスターツールにログインし、「検索トラフィック」→「モバイルユーザビリティ」と進みます。エラーがあると、何ページくらいエラーが出ているのか確認することができます。ウェブマスターツールのモバイルユーザビリティでサイト全体のスマホ対応具合を把握し、エラーがある場合にはモバイルフレンドリーテストで調べながら修正していくといいでしょう。スマホ対応の重要性どのようなサイトであってもモバイル対応しておくほうが良いとは思いますが、世の中の全てのサイトに対してモバイル対応は最優先事項なので、どんなことがあってもモバイル対応させてくださいというつもりはございません。当ブログの場合、SEOコンサルティングサービスやペナルティ解除などのお問い合わせを獲得することが最終的なコンバージョンといえるのですが、様々なSEO業者やSEOコンサルタントのサイトを比較して、どこに問い合わせしようかと調べているユーザーがスマホで調べている可能性は殆どありません。上記は当ブログのOS別の訪問数ですが、Windows(青グラフ)とMac(緑グラフ)のいわゆるパソコンからのアクセスが大半です。それに比べ、スマートフォンに分類される、Android(黄色グラフ)iPhoneのiOS(オレンジグラフ)のスマホ勢は15%未満の訪問数しかありません。当ブログの場合は問い合わせだけをコンバージョンとしてカウントしているわけではなく、リンクをもらえたり、ソーシャルメディアで共有してもらったりといったことも重要なコンバージョンとカウントしていますし、記事を読んでもらったり、何度か訪れてサイト名を覚えてもらうことも重要なコンバージョンだと考えていますから、スマホ対応は全く無意味とは考えていませんが、優先順位はそこまで高くはありませんでした。当ブログの場合ですと、スマホ対応させたほうがいいけど、それにコストやリソースを掛けるくらいなら他にやること(例えば新しい記事を1つでも多く公開するとか)があると判断することもできます。当ブログはスマホ率が非常に低かったので、スマホ対応の重要度はそれほど高くありませんでしたが、スマホの訪問率が50%を超えるようなサイトでは、スマホ対応が必要だといえると思います。PPCのランディングページ等のセリングページでは、コンバージョンが全く違ってくるので、すでにモバイルに最適化させている方が大半だと思いますが、サイト全てのコンテンツに極限まで最適化されたスマホ対応はなかなか難しいかと思います。そこで、ページ数の多いサイトの場合、1ページづつスマホに向けて最適化したページを作っていくのではなく、後述するレスポンシブウェブデザインや、ダイナミックサービングで、スマホでも見やすいひな形を用意しコンテンツページ全てを対応させる手法を取るのが一般的となっています。モバイル対応の方法モバイル対応といっても、いくつかのやり方があります。それぞれの違いをご説明いたします。PCとスマホで2種類のページを作りリダイレクトで振り分けるこれは、極限まで最適化されたスマホページを作成する際にお薦めの方法で、私のクライアント様でもこの方法でページを作っている方は多いです。全てのページをスマホ、PCとわけるのではなく、特に重要なセリングページ(多くはPPCのランディングページ)に限りこの方法を使っています。私のクライントさんはWordPressを使っている方が多いので、重要なセリングページのみhtmlで作成し、セリングページ以外のコンテンツページに関しては、ダイナミックサービングや、レスポンシブウェブデザインで対応させています。重要なセリングページはWordPressを使わないかといいますと、htmlで作られたページのほうがWordPressで構築されたページより、表示が速いからです。表示が速いほうがユーザーはストレスを感じないのでコンバージョンが高まります。安くない入札額でPPCに出稿している激戦区ですので、LPに一度アクセスしてきた客は出来る限り一発でツモらせたいので、デザインもコンバージョンが高まる作りになっています。2種類のページを作ってリダイレクトでPCとスマホページを割り振るやり方パソコン用のページと、スマホ用のページを用意します。パソコン用のページ(pc.html)の<head>セクション内にcanonicalタグを挿入します。href=”http://example.net/pc.html”>(http://example.net/pc.htmlが基準のページですという宣言)更にパソコン用のページ(pc.html)の<head>セクション内に、alternateタグを挿入します。>(スマホ用のページもhttp://example.net/sp.htmlに用意していますよという宣言)そして、スマホのページの<head>セクション内にもカノニカルタグを挿入します。href=”http://example.net/pc.html”>(このページはスマホ用のURLなんですが、基準となるのはhttp://example.net/pc.htmlという宣言)以上で正規化の処理は完了です。pc.htmlにアクセスが有った際に、ユーザーがPC環境の場合はそのままpc.htmlを表示させ、ユーザーがスマホの場合はsp.htmlに.htaccessやphpを使ってリダイレクトさせます。同一ページでアクセスしてきたユーザーの環境に合わせてレイアウトを変化させるレスポンシブウェブデザイン301リダイレクトを使っての割り振りやカノニカルタグやオルタネートタグを使った正規化はしっかりと理解すれば難しいものではないのですが、一般のウェブマスターには少々ややこしいものであることも否めません。カノニカルタグは記述方法を間違えると、検索エンジンのインデックス登録を吹き飛ばしてしまうこともあるほど怖いタグです。(最近のGoogleは明らかな実装ミスの場合、カノニカルの宣言を無視してくれるくらい進化していますが、運が良ければそういう処理をしてくれると思っておくくらいがいいでしょう)その点、このレスポンシブウェブデザインは、1つのURLで、アクセスしてきたユーザーの画面のサイズに合わせて見た目を変化させる方法ですのでカノニカルタグの正規化ミスといったことが発生しません。(URLやページは1つしか存在しないため)私はウェブページ作成ツールを使っていないので詳しくありませんが最近のウェブサイト作成ツールではレスポンシブ・ウェブデザインに対応しているものもあるようです。WordPressのテンプレートでも比較的新しいものは、最初からこのレスポンシブウェブデザインに対応しているものが多くなっています。ちなみに私も別サイトで使うことがある、SEOテンプレートの賢威6.2もレスポンシブ対応です。コンバージョンを極限まで高める必要がないコンテンツページ等の場合、レスポンシブウェブデザインで簡易的にスマホ対応させておくのも悪くない選択肢だと思います。センスがあってコストも掛けることができれば、コンバージョンの高いレスポンシブ・ウェブデザインも開発可能だとは思いますが、簡単に作れるわけではありません。WordPressのテーマレベルでのレスポンシブウェブデザインは、スマホ対応ラベルはでますが、あくまでも簡易的なスマホ対応だと思っておくといいでしょう。同一URLで、ユーザーの環境によって吐き出すソースコードを変化させるダイナミックサービングレスポンシブウェブデザインが、同一URLと同一ソースを使い、端末に表示させる並び方等を変更してスマホ対応させているのに対し、同一URLでアクセスしてきたユーザーの環境に合わせて、動的に吐き出すhtmlソースを変化させるのがダイナミックサービング(動的な配信)です。PCがアクセスしてきた場合はPC向けのhtmlを。スマホがアクセスしてきた際にはスマホ向けのhtmlソースを吐き出します。URLは一つですが、吐き出すソースはPCとスマホの二種類用意しないといけませんので、多少の手間は増えます。ソースを2種類用意して全く違う見せ方ができますので、レスポンシブウェブデザインより自由度は高いと言えるでしょう。Pluginという、ダイナミックサービングでスマホページを構築できる便利なプラグインもあります。現在使っているテーマが古いせいでレスポンシブに対応していない場合、ひとまず一時しのぎでもいいのでスマホ対応させたいと言う場合にオススメです。ヘッダを使用することをお薦めします。User-Agentを.htaccessに記述しなくてもダイナミックサービングのスマホページを認識してくれる事が多いですが、設定しておいて損することはひとつもありませんので設定しておきましょう。RWDと動的な配信とPCとスマホページを用意してアノテーション。どれがベスト?Googleがレスポンシブウェブデザイン(RWD)を推奨したから、レスポンシブウェブデザインはSEOに有利だと勘違いしている方もいらっしゃるようですが、大きな誤解です。Googleがレスポンシブを推奨した理由は、1つのURLでリダイレクトも不要なため、インデックスを吹き飛ばすことありませんし、重複コンテンツが発生しないため正規化も不要という点で、間違いが起こりにくい構成と言う理由でお薦めされているだけです。実装できれば、ダイナミックサービング(動的な配信)でも構いませんし、PC用のhtmlとスマホ用のhtmlを2つ用意してリダイレクトで割リ振る方法でも構いません。ヘッダを使用することとなりますし、PC用のhtmlとスマホ用のhtmlを2つ用意してリダイレクトで割リ振る方法の場合、正しいリダイレクトとrel=”canonical”とrel=”alternate”の双方向アノテーションを正しく実装していればRWDに対して有利も不利もないわけです。適した方法で対応させるのがベストです。私はお客様のページを含めると、RWDもダイナミックサービングも、PC用のhtmlとスマホ用のhtmlの2種類を用意してリダイレクトで割り振る方法も実際に作業しましたが、全てスマホ対応ラベルは出現しています。本当に、どれがお薦めになるかはケースバイケースなのですが、コンバージョンを極限まで高めたい:2URLでリダイレクトで振り分け手間は掛かるが使い勝手を良くしたい:ダイナミックサービングとりあえず簡単にモバイル対応させておきたい:WordPressのレスポンシブ対応テーマを選択という印象です。ヘッダに対応させました。HTTPヘッダも導入しているのですが、ウェブマスターツールにモバイルユーザビリティ上の問題が検出されましたのメッセージが届きました。調べてみると、robots.txtで一部のCSSとJavaScriptをブロックしているのが原因でした。Googleボットはrobots.txtのルールを順守して巡回しますので、CSSを読み込むことができず、正しくレンダリングできていなかったため不合格になっていたのです。普通にWordPressをインストールして使っているだけの人ですとこのような不具合は発生しないはずですが、過去にrobots.txtをいじくりまわしていた人は、それが原因でモバイルフレンドリーテストに合格しないことが考えれます。私が持っている実験用のサイト達のうちのいくつかのサイトは、敢えてrobots.txtのブロックを解除せずにモバイルフレンドリーテストに不合格にしていますので、アルゴリズム導入後、どの程度アクセスが下がるのか実験の報告も出来るかと思いますので楽しみにしていてください。対応完了後、どのくらいの期間でスマホ対応ラベルは出現するのかページ自体がスマホに対応しても、スマホ対応ラベルが出現するまでは、モバイルフレンドリーアルゴリズムの影響を受けると考えられます。スマホ対応ラベルは、クローラーがページを持ち帰り、インデクサにインデックスの情報を新しく書き換えられて始めて出現します。本記事公開日の4/20に急いでスマホ対応しても、ひょっとしたら4/21には間に合わないかもしれません。ちなみに、更新率が低く、クローラーがあまり来ないサイトのスマホ対応させる案件をお手伝いしましたが、スマホ対応ラベルが出現するまでに5日ほど掛かりました。Googleでクローラーに更新を伝える方法も役立つかもしれません。いえ、どんなサイトでも対応させて1週間もあれば、大抵の場合はスマホ対応ラベルが出現するのではないかと思いました。(もちろん、早いサイトはもっと早いでしょう)修正してからスマホ対応ラベルが出るまでに審査期間が何ヶ月も続くというものではありませんので、今現在でもスマホ対応出来ていない方も、少し安心できたのではないでしょうか。2015年4月21日より、Google検索でスマートフォンを用いて検索した際に、スマホ対応ページが用意されているページを優遇するアルゴリズムが導入されます。更新が途絶えたサイトの検索アクセス数は減るのかSEOのホワイトハットジャパンの今後の更新について競合の多い分野でコンテンツのみで上位表示させた事例やGoogle画像検索の上位表示等4記事WordPressとTwitterを連携させて記事の更新を自動でTweet投稿させるプラグイン海外ドメインを使う際の注意点やGoogleが行うサイト評価等4記事alt属性の使い方と考え方やGoogle検索とYahoo検索の細かな違い等5記事アクセス上げ止まりの予感。(1)当ブログで使っているSEOテンプレートhttps://www.seo-keni.jp/SEOのホワイトハットジャパンで現在使用中のWordPressテーマがこの賢威7です。現在のGoogle検索エンジンのSEOではソースレベルの構造やマークアップの最適化効果は、以前に比べればさほど高くありません。自分が一番気に入ったデザインのテーマや、使いやすいテーマを使用するのが一番です・・・といいたいところですが、2017年の現在のSEOでも、テンプレートレベルの内的SEOで大きくアクセス数が変わってくることも珍しくないというのが実情です。普段から自分の手持ちの様々なサイトや、お客様のサイトを多数触っていると、テンプレートの変更でアクセスが変化することは珍しくはないと感じています。賢威は私の管理している様々な別サイトでも使っています。賢威の他にも良いテンプレートはたくさんあると思いますが、賢威は私の知る中で安心して使い続けられるとってもお気に入りのテンプレートなのです。Googleがもっと進化すれば、どんなテンプレートを使っていようがコンテンツ次第でアクセスは決まるという時代がやってくることでしょう。そんな時代がやってくるまでの間、優れたテンプレートを賢く利用するのも一つの最適化と言えるのではないでしょうか。description)の使い方ペンギンアップデートからのリカバリは困難。