1. HOME
  2. Web
  3. モバイルフレンドリーテストでモバイル最適化のチェック

モバイルフレンドリーテストでモバイル最適化のチェック

2015年3月29日
mobile-friendly

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

Google Webmaster Central Blog
(Google ウェブマスター向け公式ブログ)
Helping users find mobile-friendly pages
上記のブログでは以下の条件がモバイルフレンドリーとあります。
(以下は個人的な解釈です。)

・Flashのようなモバイル機器で一般的でないソフトウェアを避ける。

・ズーミングなしで読みやすいテキスト

・ユーザーが横スクロールもしくはズームする必要がないように、サイズはスクリーンの大きさに合っている。

・正しく簡単にタップできるようにリンクは充分離れている。

モバイルフレンドリーテスト

テストを開始するには モバイル フレンドリー テスト にアクセス mobilefriendly

「ウェブページのURLを入力」欄にテストを行うURLを入力して「分析」します。まずはトップページを分析 mobile-friendly-test

分析中・・・ mobile-friendly-test2

「問題ありません。 このページはモバイル フレンドリーです。」のメッセージ モバイルフレンドリー

ページ単位のためトップページだけでなくコンテンツページもテストしてみます。 コンテンツページテスト

カテゴリーページなどもチェック カテゴリーページのテスト
確認したいページ全てOKでしたらこのテストは完了

PC版でテスト

試しにバックアップを取りcssをPC版のみにしてhead内からviewportの記述を削除してテスト PCサイトをテスト

当然ながら結果は「モバイルフレンドリーではありません」となりました。

モバイル対応ではない理由を表示してくれます。 モバイル対応でない理由

またこのサイト(テストしたサイト)はWordPressで作成しているため以下のメッセージが表示されました。 モバイルフレンドリーにしましょう

「次へ」をクッリクすると
ウェブサイトのソフトウェアをカスタマイズする / WordPress
ページに移動します。

WordPress、Drupal、Joomla などのCMSをモバイルフレンドリーにするアドバイスが書かれていますので気になる方は是非参考にしてください。

モバイル フレンドリー ウェブサイト | ウェブサイトのソフトウェアをカスタマイズする


レスポンシブ(楽天市場)

LINEで送る
Pocket

コメントを残す





PAGE
TOP