モバイルフレンドリー テスト ツール
URL:
使い方
テストするサイトの「https://」または「http://」を含むURLを入力して「テスト開始」ボタンを押しますテスト結果は少し時間がかかります（1分程度）
モバイルフレンドリー テスト ツールとは
モバイルフレンドリーなウェブサイトは、オンラインでの存在感を高めるうえで欠かせないものです。
現在では、多くの国でスマートフォンのトラフィックがパソコンのトラフィックを上回っています。
お持ちのウェブサイトがまだモバイルフレンドリーでなければ、ぜひモバイルフレンドリー サイトにしましょう。
エラーの種類と対応策
- ∨ ページにビューポートが設定されていません
- メタタグを使用してビューポートを指定してください。
例1
例2（推奨）
- ∨ フォントのサイズが小さすぎます
- ビューポートが設定されていないと自動縮小されますので「フォントのサイズが小さすぎます」と表示されます。
ビューポートが正しく設定されている場合は極端に小さなフォントの場合に表示されます。
フォントのサイズ指定を「font-size:8pt;」など「8pt」ポイント指定を「8px」ピクセル表示に変更することで改善されることがあります。
- ∨ クリック可能な要素同士が近すぎます
- ボタンやナビゲーションリンクなどのタップ要素同士が近すぎるときに表示されます
「style='margin: 0px 0px 10px 0px;'」などmargin設定で要素に距離を開けます
- ∨ ビューポートが固定幅に設定されています
- ビューポートが固定幅に設定されているページが示されます。デバイスの幅とスケーリングに合わせてビューポートを設定します
- ∨ コンテンツの幅が画面の幅を超えています
- ビューポートで設定された範囲外のサイズが個別に指定されている場合表示されます
画像やテーブルのサイズを確認しビューポートに合わせて設定します
- ∨ Flash が使用されています
- ほとんどのモバイル用ブラウザでは Flash コンテンツが表示されません
動画などはFlashを使わないでHTML5で代替することで改善します