Googleのモバイルフレンドリーテストを試してみました

最近、a-blog cms のブランドサイト側をスマホ対応したので Google Developers の Mobile-Friendly Test を試してみました。

Awesome! This page is mobile-friendly.

という表示で「モバイルフレンドリー」だという事をチェックする事ができました。

昨年末にサイトをリニューアルした際には、時間の関係で対応できていなかったのですが、やっぱりマルチデバイス対応がしっかりできるCMSであるのに自社サイトができてないのはダメでした。やっぱり対応した方がいいですね。今回は、レスポンシブ ウェブ デザイン ではなく、CMS のルールを利用したスマホテーマを別で作っています。


デベロッパーサイトは、スマホ対応していないので、

Not mobile-friendly

という結果になりました。

  • Text too small to read ( テキストが小さすぎ )
  • Links too close together ( リンクが近すぎ )
  • Mobile viewport not set ( viewport の設定が無い )
  • Content wider than screen ( 画面よりコンテンツが広い )

当然、スマートフォン対策をしていないサイトなので、こういう結果になりますね。 スマートフォンのキャプチャ画像が出てきますが、読み込みが遅い時には全部の画像までが出てきた画面にならない事もありました。

How do I make my site mobile friendly?

以下のCMSであれば、どのようにしたらいいのか紹介してくれていますが、弊社の a-blog cms の事は Google さんが対応してくれないので自分たちで用意しないといけませんね。

  • WordPress
  • Joomla!
  • Drupal
  • Blogger
  • vBulletin
  • Tumblr
  • DataLife Engine
  • Magento
  • Prestashop
  • Bitrix
  • Google Sites

すにぐは用意できないかもしれませんが、これらのコンテンツが日本語化される頃までには、a-blog cms 版も用意したいと思います。

ウェブマスター向け公式ブログ検索ユーザーがモバイル フレンドリー ページを見つけやすくするために も、ご覧ください。


関連記事

この記事のハッシュタグ から関連する記事を表示しています。

Googleカレンダーに追加するURLリンクを自動生成する際のパラメーター

機械翻訳はスパム行為なの? 適切なマークアップを調べてみた

Googleスプレッドシートでタイムテーブルを書くためのテンプレートを一般に公開しました

Google Static Maps API V2 について

GoogleやYahooの検索結果の8つのサイトリンク

CPI ビジネスパートナー様向けの大阪セミナーに参加

最新記事

カテゴリー

アーカイブ

ハッシュタグ