【当サイト限定 ドコモクーポン配布中!】iPhone 8、7、Plus、iPadが5,400円割引になる『限定割引クーポン』をusedoor読者にプレゼント!

新着を見る



最終更新 [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 , スマートフォン , モバイルフレンドリー ,




新着記事

「黒子のバスケ」デザインのTカードを発行する方法

ポイントカード

「劇場版 黒子のバスケ LAST GAME」とTカードがコラボ!

【iPhone 8 / Plus】固体識別番号(IMEI)を確認する方法まとめ

iPhone / iPad

iOS起動をしなくてもiPhone 8本体から確認することもできる

「AppleCare+」とドコモの「ケータイ補償サービス」どっちがいいの? – ドコモのiPhoneを修理する方法

iPhone / iPad

料金にあまり差はないが保証のサービス内容がけっこう違う!ドコモのiPhone保証サービスは紛失も補償してくれるぞ!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    GooglePlayの残高&有効期限(失効日)を確認する方法(スマホ、PC対応)

    クレジット?チャージ?呼び方がイマイチわかりませんが、失効する前に使っておくといいかも


    【小ワザ】無印良品ネット通販の送料を無料にする方法

    LOHACOのロハコモール「無印良品」を使えば1,900円以上で送料無料。Tポイントも貯まる!


    【Apple Pay】iPhoneでSuicaにチャージする方法完全まとめ(現金・クレジットカード・オートチャージ)

    いちおう現金からでもできるiPhoneへ取り込んだSuicaのチャージ方法を総まとめ!


    auでお得に機種変更する方法!157に電話するだけで最大30,000ポイントがもらえる『MNP引き止めポイント』

    auユーザーは必見!機種変更前に絶対に確認した方がいいauMNP引き止めサービス!お得にiPhone7をGETできるかも!?


    注目の記事をぜんぶ見る

  • 最新記事

    「黒子のバスケ」デザインのTカードを発行する方法

    「劇場版 黒子のバスケ LAST GAME」とTカードがコラボ!


    【iPhone 8 / Plus】固体識別番号(IMEI)を確認する方法まとめ

    iOS起動をしなくてもiPhone 8本体から確認することもできる


    「AppleCare+」とドコモの「ケータイ補償サービス」どっちがいいの? – ドコモのiPhoneを修理する方法

    料金にあまり差はないが保証のサービス内容がけっこう違う!ドコモのiPhone保証サービスは紛失も補償してくれるぞ!


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

  • 人気記事ランキング

    【ミニスーファミ予約開始!!】『ニンテンドークラシックミニ スーパーファミコン』を予約・購入する方法

    【ミニスーファミ予約開始!!】『ニンテンドークラシックミニ スーパーファミコン』を予約・購入する方法

    ジョーシンが抽選受付開始!その他いくつか抽選の場所アリ。ミニスーファミの発売日は10月5日で、価格は7,980円!安い!...


    【9月版】のりかえでiPhone 7を買うならどこが安いか調べてみた! – ドコモ・au・ソフトバンクのiPhone 7料金比較・まとめ

    【9月版】のりかえでiPhone 7を買うならどこが安いか調べてみた! – ドコモ・au・ソフトバンクのiPhone 7料金比較・まとめ

    9月にiPhone7買うなら3キャリアどこが一番安い?MNPで購入した場合の料金を比較...


    【9月版】auのキャッシュバッククーポンをWEB上やアプリからゲットする方法

    【9月版】auのキャッシュバッククーポンをWEB上やアプリからゲットする方法

    wowma!のauクーポンがオススメ!ナビタイムなどでも配布中。au WALLETにキャッシュバック!...


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    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をフォロー


  • あわせて読みたい記事