【誰でもおトク!!】超おトクなdカード、dカードGOLDを徹底完全まとめ!

新着を見る



最終更新 [2015年3月25日]

[スポンサーリンク]




Googleが正式発表した「サイトがスマホでアクセスした時に最適化され、しっかりスマホ対応しているかどうか?」の指標であるモバイルフレンドリー(Mobile-friendly)
このモバイルフレンドリーに自分のWEBサイトが○であるかをチェックする方法・対応する方法です。

[追記]
2015/4/21からモバイルフレンドリー対応サイトかをガッツリと重視したGoogle検索アップデートが実施されます。
「検索順位がかなりのインパクトのある変化を見せる」と言われています。

またこれに合わせてかわかりませんが、↓で紹介しているモバイルフレンドリーのGoogle公式チェックページが日本語にも対応しています。
来るべきアップデートに備えて、今一度自分のサイトやブログが「モバイルフレンドリー」かどうかをチェックしておきましょう!

↓ここから以前の記事まんまです。

アメリカのGoogleなどでは既に実装済みとのことですが、このエントリを書いている11/20の時点ではまだ日本の(自分のパソコンからの)Googleの検索結果には反映されていませんでした。

スマホ表示に最適化されたページには「スマホ対応」と検索結果に表示される

↑はアメリカのGoogleでの検索結果でスマホ表示対応しているページだよと書かれているもの
「Mobile-friendly」と明記されています。

これが日本では「スマホ対応」となるようです。


モバイルフレンドリーの適用条件

WEBサイトにモバイルフレンドリーが適用される条件としてGoogleが言っているのは

・Flashなどモバイル端末に向いていないものを使っていない
・ズームや横スクロールなどがなく、モバイル端末の幅にちゃんとコンテンツがハマっている
・リンクがちゃんとタップできる幅や誤クリックがないような設計がしてある

などとなっています。

FLASHなどは避けることとやっぱりheaderにviewportを指定してなどが基本的なことになると思います。

<例>

<meta name=”viewport” content=”width=device-width , initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no”/>



自分のサイトはモバイルフレンドリーもらえる?をチェックする方法

で、自分のサイトは↑の条件を満たしてモバイルフレンドリーをもらえるか?が気になります。

そこはさすがGoogleさん。
Google Developersにてサイトのドメインを打ち込めばモバイルフレンドリーかどうかをチェックしてくれるツールを用意してくれています。

https://www.google.com/webmasters/tools/mobile-friendly/

↑にアクセスします。
「Enter a web page URL」のテキストボックスにサイトのドメインを入力して「ANALYZE」をクリックするだけで判定してくれます。

ちなみにこのページはしっかりレスポンシブルデザイン。
モバイルフレンドリーですな。

usedoorをチェックしてもらいました。

ドキドキの待ち時間。
20~30秒程度かかりました。

モバイルフレンドリーチェックの結果

成功! Awesome! This page is mobile-friendly.

↑のように「Awesome! This page is mobile-friendly.」が表示されればモバイルフレンドリーとして扱ってくれるようです。
usedoorはOK頂きました。
あざーっす!

スマホの画面の中にスマホ表示されたサイトが表示されています。

失敗… Not mobile-friendly

↑となるとアウト。
ストレートに「Not mobile-friendly」と言われます。。

ダメな理由も書いてあります。
↑の例の場合だと

・テキストが小さい
・リンク近すぎ
・viewportがセットされていないよ

とのこと。
※スマホ対応していないページをあえてチェックしました。

今後はSEOにも影響?

このモバイルフレンドリーは今後、SEOにも影響を及ぼしてくると言われています。
現在のところは問題ないようですが、今後スマホからの検索でモバイルフレンドリーじゃないと検索に引っかかりずらくなる、ということが十分にあります。

usedoorもそうですが、スマホからのアクセスが増えまくりの昨今。
やっぱりユーザーさんがアクセスしてくれるものに対して最適なコンテンツを表示するのが優しいサイトになってくる時代なんでしょう。。


モバイルフレンドリーチェックでスマホ対応の問題点などが見れてなかなかタメになると思いますのでサイト運営者さんは一回チェックしてみてください↓
https://www.google.com/webmasters/tools/mobile-friendly/


< この記事をシェア >




usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m


キーワード:Android , iPhone , SEO , スマートフォン , モバイルフレンドリー ,






usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    LINEでブロックされている友だちにメッセージを送る方法 – 半ば強制送信の裏技。最終手段にどうぞ

    送ったメッセージがずっと既読にならない。。ブロックされている時の最終奥義


    【SIM差し替えOK】永年継続!『docomo with』で毎月のケータイ料金を-1,500円にする方法 – SIMフリー端末ユーザーにもアツい!

    機種限定だけどSIMの挿し代えはOKとのこと。SIMフリーユーザーにもアツいプランです


    iPhone・iPadの設定から名前・本名・プライベートなデータがバレないようにする対策方法まとめ

    AirDropだけじゃない。テザリングやSiri、通知などからも漏れることが。。今一度設定を見直してみては?


    【Y!mobileタイムセール】ワイモバイルの端末をおトクにゲットする方法

    ワイモバイルのタイムセール&アウトレットでタブレットが一括0円&月額500円(限定150台)


    注目の記事をぜんぶ見る

  • 最新記事

    ドコモの「スピードモード」を契約・設定する方法 – 「1GB追加オプション」との違いはなに?

    利用可能データ量を超えたら「スピードモード」か「1GB追加オプション」でデータ容量を追加しよう!


    【Windows10】スリープ復帰時のパスワードをオン/オフ(省略)、ロックまでの時間間隔を変更する方法

    Win10ユーザーで面倒くさがりな人へ。外で使うかも知れない人はNGな設定です


    【ポケモンGO】プレイ開始から今まで歩いた『総移動距離』を確認する方法

    ポケモンGOプラス使いまくってたら移動距離が1,000km超えてて笑った


    最新記事をもっとチェック

  • 人気記事ランキング

    【次の入荷はいつ?】「ニンテンドースイッチ」を予約・購入する方法

    【次の入荷はいつ?】「ニンテンドースイッチ」を予約・購入する方法

    マイニンテンドーストアで準備が整い次第注文再開!


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 アップデート オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 写真 削除 動画 料金 新規契約 機種変更 注目・ピックアップ 無料 登録
  • usedoorをフォロー


  • あわせて読みたい記事