ApplePayにも対応!誰でも超おトクな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 , スマートフォン , モバイルフレンドリー ,




新着記事

【キャンプ】スノーピークのポイントカードをWEBから登録する方法

ポイントカード

ポイントに応じてアイテムがゲットできるsnow peakポイントカード

【アウトドア】WILD-1のメンバーズカードの新規登録方法

ポイントカード

WILD-1でアイテム買うなら必須のメンバーズカードはWEBからの初回登録が必須!

iPhoneやAndroidスマホ、タブレットを急速充電する方法まとめ

スマートフォン

時間がない時にもできるだけバッテリー残量を回復させる急速充電の小ワザまとめ

【6/1~使い放題!】Yahoo!プレミアムを無料で使い放題にする方法 – スマートログイン設定方法

webサービス

ソフトバンクユーザーは絶対に設定しよう!Yahoo!プレミアムを無料で利用できるぞ!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    LINEの動画を友だちと共有して保存する方法 – アルバム感覚で動画が保存できる

    ノートに保存しておけば、写真のアルバム感覚で動画を扱えるぞー


    緊急地震速報やJアラートなど『緊急速報』をスマホで受け取る方法 – iPhone・Android・SIMフリー端末

    緊急地震速報&ミサイル発射も警告してくれるJアラートはちゃんとスマホで受信出来た方がいい!


    【マジ便利】LINEで自分一人の『ぼっちグループ』の作り方、有効活用方法 – LINEが自分専用のメモ&クラウドストレージみたいになって超便利

    「ぼっち」といっても寂しい訳じゃないんです。LINEは一人でも有効活用できるという小ワザ。もちろん無料


    注目の記事をぜんぶ見る

  • 最新記事

    【キャンプ】スノーピークのポイントカードをWEBから登録する方法

    ポイントに応じてアイテムがゲットできるsnow peakポイントカード


    【アウトドア】WILD-1のメンバーズカードの新規登録方法

    WILD-1でアイテム買うなら必須のメンバーズカードはWEBからの初回登録が必須!


    iPhoneやAndroidスマホ、タブレットを急速充電する方法まとめ

    時間がない時にもできるだけバッテリー残量を回復させる急速充電の小ワザまとめ


    【6/1~使い放題!】Yahoo!プレミアムを無料で使い放題にする方法 – スマートログイン設定方法

    ソフトバンクユーザーは絶対に設定しよう!Yahoo!プレミアムを無料で利用できるぞ!


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

  • 人気記事ランキング

    【6/1~注文再開!】「ニンテンドースイッチ」を予約・購入する方法

    【6/1~注文再開!】「ニンテンドースイッチ」を予約・購入する方法

    マイニンテンドーストアで6/1(木)~注文再開!


    ランキングを見る

  • 使い方 カテゴリー

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


  • サイト運営・コード・htmlの他の記事

    サイト運営・コード・htmlの記事一覧