Webの記録

モバイル フレンドリー テストで合格しているのに、「スマホ対応」ラベルが付かない時

投稿日:2015年8月28日 更新日:

この記事は約 4 分で読めます。

android_mini
スマホで検索していると「スマホ対応」と表示されるようになって、しばらく経ちました。
検索している時の順位も、「スマホ対応」と表示されてないページより、表示されているページの方が上位に表示されているのを多く見かけるようになってきました。
今回、モバイル フレンドリー テストで合格しているのに、「スマホ対応」ラベルが付かない事態が発生!!(解決しました!)
「モバイル フレンドリー」って何?と改めて考えてみました。




2014年の11月19月にGoogleが以下のことを正式発表しました。
多分、これが「モバイルフレンドリー」を意識するきっかけになったと思います。

スマートフォンなどの携帯端末で Google の検索結果をタップした時、表示されたページのテキストが細かすぎたり、リンクの表示が小さかったり、またはすべてのコンテンツを見るには横にスクロールしなければならなかったりといった経験はありませんか?これは主に、ウェブサイトが携帯端末での表示に最適化されていないことが原因です。

この問題はモバイル検索ユーザーの利便性を妨げることになります。そこで本日 Google では、ユーザーが目的の情報をより簡単に見つけることができるようにするために、モバイル版の検索結果に [スマホ対応] というラベルを追加します。
検索ユーザーがモバイル フレンドリー ページを見つけやすくするために」ウェブマスター向け公式ブログより抜粋


まぁ、要はスマホでも問題なく閲覧できるWebページにする・・・ってことなんですが、検索順位に影響するとなると気になりますね!

実際このブログも、モバイル版の検索結果に「スマホ対応」というラベルが付きました。。。

スマホ対応ラベル

「モバイル フレンドリー」のチェック項目

「モバイル フレンドリー」かどうかを確認するには以下の項目があるようです。
あと、「スマホ対応」ラベルが付くには、以下の問題をクリアする必要がありそうです。

  1. Flash が使用されています
  2. ビューポートが設定されていません
  3. 固定幅のビューポート
  4. コンテンツのサイズがビューポートに対応していません
  5. フォントサイズが小です
  6. タップ要素同士が近すぎます
  7. ユーザーエージェントの識別ミス
  8. 検索結果にまだ反映されていない
  9. robots.txtでリソースがブロックされています

【参考サイト】


チェックツール

「モバイル フレンドリー」のチェック項目の1~6までは、だいたいチェックツールで見つけられそうです。
※たまにそれでも見つからず、「スマホ対応」ラベルが付かない現象が起きているようですが。。。

モバイル フレンドリー テスト(Google公式ツール)】

URLを入れてみて、結果を確認してみます。「問題ありません。このページはモバイルフレンドリーです。」と出たら、一安心・・・らしいのですが、「スマホ対応」ラベルが付かないもあるようです。。。

mobile-friendly


Page Speed Insights
モバイル フレンドリー テストでも確認できますが、こちらの方がもう少し細かな部分までチェックされるので要チェックです!
特に「ユーザー エクスペリエンス」の項目部分は、「モバイル フレンドリー」のチェック項目です。
PageSpeed Insights

Search Console(旧ウェブマスターツール)

左メニューの「検索トラフィック」→「モバイルユーザビリティ」にも、問題があれば表示されます。
問題を解決したら、以下の手段でクローラに更新を伝えます。

  • Fetch as Googleからインデックスに送信する
  • サイトマップを送信する



ここまでして、ひとまず反映されるまで・・・しばらく待ってみます。
クロール頻度が低いと日にちがかかる場合があるので、とりあえず数日様子を見ます。(私の場合、反映されるまで3日ほどかかりました。)
そこで、「スマホ対応」ラベルが付けば完了です!

-Webの記録
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

関連記事

no image

WebサイトのURLを変更した後 .htaccessの記述して新しいURLに転送してみる

この記事は約 2 分で読めます。 ずっと運営していたサイトのURLを都合により変更(ファイルを移動)させてしまった時、ブックマークから訪問してくれた人が困らないように新しいURLへ転送する事が必要にな …

no image

「AMPPS」にa-blog cmsのローカル環境を作ってみる

この記事は約 1 分で読めます。 「MacでもWindowsでもOKな「AMPPS」でローカル環境を作ってみる」で作ったローカル環境に国産CMSの「a-blog cms」をインストールしてみたいと思い …

no image

WordPress はじめてのオリジナルテーマ作り。【まとめ】

この記事は約 1 分で読めます。 昨年の11月に、私はWordpressのオリジナルテーマをはじめて作成しアップしました。 はじめてなのでまだ高度な事は出来ていませんが、今まで幾つか書きためた記事をこ …

no image

Facebookページに「お問い合せフォーム」を簡単設置♪

この記事は約 2 分で読めます。何気に始めたFacebookでは意外な人との繋がりが持てて、思ったより面白くて毎日開いて見てしまいます。 きっとそんな風に思っている方も多いのでしょう。 最近、Face …

no image

画面のスクリーンショット(キャプチャー)をとる3つの方法+1

この記事は約 2 分で読めます。 Webサイトのスクリーンショット(キャプチャー)をとる時、画面に表示されている部分のみの場合や、Webサイト1ページ分全体などあります。 特にWebサイト1ページ全体 …