モバイルフレンドリーじゃないとGoogleに叱られるらしい

【投稿日】 

Googleのウェブマスターツールを活用しているサイトオーナーのところにこんなメールが届くようだ。

Googleのシステムは、貴サイトの**ページをテストし、そのうちの**%に重大なモバイルユーザビリティ上の問題を検出しました。この**ページの問題の影響で、モバイルユーザーは貴サイトを十分に表示して楽しむことができません。これらのページはGoogle検索でモバイルフレンドリーとは見なされないため、スマートフォンユーザーにはそのように表示、ランク付けされます。

わかりやすく言えば

「Googleはあなたのホームページの**ページを調べました。そのうち**%、**ページがモバイル(スマホ)でアクセスしてきた人にはわかりづらいですよ。モバイル(スマホ)でアクセスしてきた人にもわかりやすくしないと、そのこと(わかりづらいよ)を検索結果に表示させます。場合によってはランクにも影響します。」

と、言うことです。

モバイルフレンドリーとは何か?

Googleで指摘されるのは以下のことです。

  1. Flash を利用している
  2. viewport が存在しない
  3. フォントが小さい
  4. viewport が固定幅
  5. コンテンツが viewport のサイズに合っていない
  6. リンクやボタンがお互いに近すぎる位置に配置されている

Flashについては言うまでもないですね。特別の事情、絶対にFlashでなくてはならないものでなければFlashは使うべきではありません。フォント(文字の大きさ)が小さいのも困るのでダメなのはわかります。リンクやボタンが近すぎてもタップのし間違いがあるので使いづらいといわれます。

「viewport」って何?

Googleの翻訳では「viewport」って入力すると「ビューポート」って出ます(笑)これじゃ何もわかりません。

http://www.oxforddictionaries.com/

ここで、「viewport」って入力してみました。コンピューター用語では「A framed area on a display screen for viewing information.」だそうだ。簡単に言えば「表示領域」。この表示領域を設定しておく必要があるというわけです。

スマホ対応していないPCサイトをスマホで見ると、ギュって縮小されて表示されてしまうのは「viewport」が設定されていないためです。

Googleデベロッパーのサイトでは推奨する「viewport」は

<meta name=viewport content="width=device-width, initial-scale=1">

https://developers.google.com/speed/docs/insights/ConfigureViewport

まだ、Googleに叱られていないけど、このサイトは大丈夫かな?

以前書いた投稿「スマホでGoogle検索するとスマホ対応サイトかどうかわかるようになった」で、モバイルフレンドリーテストを行い「問題ありません」とほめられましたが、一応ウェブマスターツールでチェックしてみました。

ウェブマスターツールでチェック

昨年12月はじめ頃、問題がひとつあったようですが(何かわかりません)今は無いみたいです。

「うちはスマホサイトは関係ないよ」

と、いつまでも言っていられなくなりました。2年以上前のGoogleの調査でもモバイルフレンドリーのサイトは67%購入の確率があり、フレンドリーではない場合61%で去ってしまう。という結果が出ています。

モバイルフレンドリーのサイト

http://googlemobileads.blogspot.jp/2012/09/mobile-friendly-sites-turn-visitors.html

ホームページ制作のヒントカテゴリの最新記事

BURTONのホームページの404エラーページ

オリジナルの404エラーページをいくつかまとめてみた

見る側を楽しませてくれる404エラーページ作成しているサイトをいくつかピックアップしてみました。

バラク・オバマ氏のサイトの404エラーページ

404エラーページ(Not Found)はオリジナルにしよう

ページが見つからないときの「404エラーページ」。オリジナルにしておけばサイトからの離脱の心配も減ります。

とにかく何でも「DIY」

これをするとたぶんホームページで失敗する(2)

ホームページは素人でも簡単に作ることが出来ます。インターネットでちょっと検索すればいくらでもそのようなサービスがあります。

レスポンシブウェブデザイン

レスポンシブウェブデザインってどんなの?

スマホ対応のホームページが必要であることが言われるようになって久しいですが、まだまだ未対応のホームページが多いことに気付かされますね。

これをするとホームページで失敗する

これをするとたぶんホームページで失敗する(1)

ホームページはきちんとやれば成果は上がります。しかし私の経験上、こんな人は成果を上げられないことが多いです。

検索でヒットしなきゃ問い合わせはない

JimdoやWixについて検索してくる人が多いので

「Jimdo」「Wix」関連のキーワードでのアクセスが相変わらず多いので。

Wordpressが動かないんですヽ(TдT)ノ

ホームページ制作を自分でやるのか業者に任せるのかどちらがいい?

検索サイトで見つけてもらえるようなホームページを自分で作成するのはそれなりの時間と努力が必要です。

ホームページ制作・運営パック
ホームページ制作おすすめパック
格安WordPressパック
WordPressエントリーパック
WordPressスタンダードパック
WordPressビジネスパック
ウェブデザインオフィスクロスロードお急ぎ電話番号は080-7023-9643お問い合わせ電話番号は0532-39-6413メール相談

ホームページ制作&運営パック

ホームページ制作プラン

クロスロードのホームページ制作

クロスロードについて

コラム

ウェブデザインオフィスクロスロード