スマホ最適化がSEO要素(順位決定要素)になる事が決定！

一言で言えば、「スマホ対応していると順位が上がる」というお話。
難しく言えば、モバイルフレンドリーか否かが順位決定要素の１つとなったというお話。

新要素の追加は2015年4月21日(火曜)スタートです。
約2ヶ月間で何をすべきか見ていきましょう！

これが4/21までにすべきリスト

順を追って見ていきましょう。

まずは現状をチェックします

あなたのサイトの現状を確認します。
ここではGoogleのモバイルフレンドリーテストを利用します。
https://www.google.com/webmasters/tools/mobile-friendly/

URLを入れて分析してみましょう。

問題があった場合には、

「モバイル フレンドリーではありません」と表示されます。

モバイル対応ではない理由を潰していこう

多くの場合で、問題の主原因は

• モバイル用viewportの設定
• テキストサイズ
• 幅の指定

この辺りになるかと思います。

モバイル用viewportの設定

横幅は端末の画面幅に合わせるよという場合：

<meta content="width=device-width" name="viewport">

初期のズーム倍率だけを指定する場合：

<meta content="initial-scale=1.0" name="viewport">

両方を指定する場合はカンマで加える：

<meta content="width=device-width, initial-scale=1" name="viewport" />

開いた端末がスマホならばスマホの画面横幅に合わせて表示させる（320pxとか）ことで見やすいよねというお話。

テキストサイズ

これはズーム倍率が1.0倍であれば通常問題は出ないと思います。
ページを開いた状態で、文字サイズが10px以上であることが望まれます。これよりも小さい場合、読めるサイズに変更します。
常識で考えると10pxは小さすぎると思います。モバイルユーザーは外出先での利用など、環境はデスクトップに比べ良くないでしょうから、ある程度余裕を持ったフォントサイズを設定しましょう。

幅の指定

先のviewport指定に誤りがなければ、モニタサイズにぴったり（または320px等指定のサイズ）となりますから幅が超えていることは起きません。
もしこの問題が起きるならば横幅を小さくする又はモニタサイズピッタリになる可変幅を採用しましょう。

モバイルSEOガイドをチェックする

Googleはモバイル用に設定すべき点や、理解しておくべきポイントをまとめたモバイルSEOガイドを準備しています。
https://developers.google.com/webmasters/mobile-sites/mobile-seo/
モバイルフレンドリーの理解と、PCとのコンテンツ重複（URLが異なる場合の）を回避する基本設定、クローラー制御で注意すべき点、ガラケーとタブレット（ファブレット）への最適化についてが触れられています。

特別な内容ではなく、以前より言われている基本的な内容です。

CMSを使っている場合

GoogleではWordPressを利用している場合の対応策として、モバイルフレンドリーなテーマを選ぶとなっています。

実際には、多くのコストを掛けて作成したデザインがベースにあり、これをいかにスマホ最適化させるかが実際の作業だと思います。
WordPressサイトであれば、レスポンシブデザインとなるようコーディングを編集するかスマホ最適化用のプラグインを用いる方法があります。（スマホであれば異なるcssを読ませる方法等あげればいろいろありますね。）

端末や回線、ブラウザを問わないコンテンツ提供

正にこれです。
プログレッシブ エンハンスメントの考え方はIE6やIE7を意識するものだけではなく、最新のスマホから化石ブラウザまでを考える事です。
最近のSEOはユーザビリティーを考えることやユーザー満足度を考えることにかなり接近しており楽しいですね。
プログレッシブエンハンスメントとコンテンツ提供については今後も話題にしていきたいと思っています。

プログレッシブ エンハンスメントとは何？という方は、プログレッシブ エンハンスメントとは？Googleの推奨するサイト構築法をどうぞ。