サイトがモバイルフレンドリーかどうかをチェックしてくれる Web サービス 「Google モバイルフレンドリーテスト」

Googleはスマートフォン利用に最適化されたサイトが「モバイルでの」検索結果で優遇されやすくなるように変更すると発表していましたが、その変更が2015年4月21日に実施されたようです。

[Google]検索結果をもっとモバイル フレンドリーに
http://googlewebmastercentral-ja.blogspot.jp/2015/02/finding-more-mobile-friendly-search.html

逆に言うとモバイル（スマートフォンとかタブレット端末）環境に最適化していないと検索結果の順位が落ちることになりますよ。と。

その変更が適用されたから半月弱ほど経ちますが、本サイトは元々PCからのアクセスが90%以上なのと、コンテンツの特性からか特別アクセス数が減った感じはありません。
それでも最近はモバイルからのアクセスの割合が少しずつ増えてきていることと、モバイル端末で見づらいのはよくないとは思っていたのでデザインの変更をすることにしました。


サイトをモバイル対応にした際、それが（Google的に）正しいかを確認するためのWebサービスが「モバイルフレンドリーテスト」です。

【使用方法】

1. 「Google モバイルフレンドリーテスト 」へアクセスします。
   
   クリックで拡大
   
2. チェックしたい Web ページの URL を入力して「分析」ボタンをクリックします。
   
   クリックで拡大
   
3. 分析には少し時間がかかります。
   
   クリックで拡大
   
4. 「モバイルフレンドリーではありません」と表示された場合には表示されている内容に注意してページを修正します。
   
   クリックで拡大
   
   • テキストが小さすぎて読めません。
     font-size が11pxより小さいものがあるとNGになるようです。
   • モバイル用viewportが設定されていません。
     ページのmetaタグに以下のようにviewport を設定します。
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   • リンク同士が近すぎます。
     画像のリンクボタンを並べて配置したときにその位置が近すぎるとNGになるようです。
     少し離して配置します。
5. 「問題ありません。このページはモバイルフレンドリーです。」と表示されればOkです。
   
   クリックで拡大
   

【参考情報】