モバイル ユーザビリティ レポートでは、モバイル ユーザーがサイトを利用する上で深刻な問題に悩まされているであろうサイトのページを表示しています。
このレポートで特定のページのエラーを診断し、エラーを修正することで、検索のパフォーマンスと関連性を向上させます。
モバイル ユーザビリティレポートには問題がある要素について主に 6 つのエラーを表示します。
それぞれのエラーをクリックすると詳細なレポートを URL 別にチェックする事が出来ます。
エラーを修正すると、Google ボットサイトクロール時に修正が反映されます。
主なエラー
Flash が使用されています
ほとんどのモバイル用ブラウザでは Flash コンテンツが表示されません。
モバイル ユーザーは、コンテンツ、アニメーション、またはナビゲーションを表示するために Flash に依存しているページを使用することはできません。
ウェブ技術を利用して外観やページのアニメーションをデザインするとエラーが無くなります。
ビューポートが設定されていません
サイトにアクセスするユーザーは、大きなデスクトップ モニター、またはタブレットや小型のスマートフォンなど、画面サイズの異なるさまざまなデバイスを使用しています。
そのため、ページでは meta viewport タグを使用してビューポートを指定します。
このタグは、端末に合わせてページのサイズとスケーリングを調整する方法をブラウザに指示します。
固定幅のビューポート
ビューポートが固定幅に設定されているページが示されます。
ウェブ デベロッパーによっては、レスポンシブ以外のページを一般的な携帯端末の画面サイズに合わせて調整するために、ビューポートを固定のピクセルサイズに定義している場合があります。
このエラーを修正するには、サイトのページにレスポンシブ デザインを導入し、デバイスの幅とスケーリングに合わせてビューポートを設定します。
コンテンツのサイズがビューポートに対応していません
ページ上のコンテンツを表示するために水平スクロールを必要とするページが示されます。
このエラーは、ページの CSSで絶対値を使用している場合や、ページの画像が特定のブラウザ幅(980px など)で最適に表示されるように設計されている場合に発生します。
このエラーを修正するには、ページの CSS 要素に対して相対的な幅と位置の値を使用し、画像も同様にスケーリングできるようにします。
フォントサイズが小です
フォントサイズが小さすぎて読みにくく、読むためにはモバイル ユーザーが操作をして拡大する必要があるページを表示します。
ウェブページのビューポートを指定した後にフォントサイズを設定して、ビューポート内で適切にスケーリングします。
タップ要素同士が近すぎます
ボタンやナビゲーション リンクなどのタップ要素同士が近すぎるために、モバイル ユーザーが隣接する要素をタップせずに目的の要素をタップすることが容易にできないサイトの URL を表示しています。
これらのエラーを修正するには、ボタンやナビゲーション リンクのサイズやスペースをモバイル ユーザーに適するように正しく設定します。
参考
ウェブの基礎ガイドのルック アンド フィールの説明
レスポンシブ ウェブデザインの基礎
ビューポートを正しく設定する方法
コンテンツのサイズをビューポートに合わせる
読みやすいフォントサイズを使用する
タップ要素のサイズを適切に設定する
東大阪在住。印刷系・通販系が得意です。半年で取得するPマーク導入支援、SNS・懸賞サイトを使った、ローコストSEO対策・コンバージョンアップ、会社を変えるISO9001、効果的なSPツール・プレミアムグッズ・景品等の解説をブログでおこなっています。 現在はお仕事の依頼を受け付けておりません。
analytics
このブログを検索
登録:
コメントの投稿 (Atom)
人気の投稿
-
会社にISOのマネジメントシステムを導入する事に決定したら何をしたらよいか? 自社で頑張るか、コンサルタントを入れるかの決定からしましょう。 この決定は社長単独でも、社長とその他の経営陣で話し合ってもかまいません。 自社で頑張る場合も、コンサルタントを入れるにしても、...
-
robots.txt を作成する前に、リスクの確認をおこなう必要があります。 他の方法で URL がウェブで見つからないようにする方法を検討する必要が発生する場合もあります。 非公開情報が安全であることを確認する robots.txt ファイル内のコマンドは、どのクロー...
-
Google ニュースの 一般的なガイドライン 、 技術的なガイドライン 、 品質に関するガイドライン に加えて、 Google ニュース パブリッシャー センター での変更ガイドラインがあります。 これらのガイドラインに違反した場合、システムを欺くまたは操作する意図があるとグ...
-
「手動による対策」では次の事が表記されています。 サイト全体の一致 :サイト全体に影響があります。 部分一致 :サイトの個々の URL やサイトの一部に影響があります。 理由 : Google がその対策を取った理由。 対象 : Google の対策が影響を受けるサイト...
-
品質方針を作ったら、会社の方向性が明確になりましたね。 もし品質方針で、会社の方向性が明確になっていない様であれば、練り直しましょう。 方向性が定めっていません。 お飾りの品質方針を作っても、根づきませんので。 品質方針に基ずき、各部門に品質目標を作らせましょう。 ...
-
リンクを否認する手順は二つの手順を踏めば行えます。 サイトへのリンクのリストをダウンロードします。 非承認とするリンクのみが含まれているファイルを作成し、そのファイルを Google にアップロードします。 自分のサイトへのリンクをダウンロードする方法 ウ...
-
ソーシャルネットワークを経由して訪問ユーザーが、サイトのどのページに初めて訪問したかを、ランディングページでは表示しています。 ソーシャル経由のランディングページ訪問数と、全体の訪問数の比較を折れ線グラフで比較してみる事が出来ます。 データエリアで...
-
風刺的なコンテンツを主に公開する場合です。 風刺ラベルをパブリケーションに適用します。 時事問題を風刺的に、大げさに面白おかしく表現して社会的主張を行っている記事が含まれます。 グーグルニュースはさまざまな意見やコンテンツを提供するために、これらの記事を掲載しています。 ...
-
アメブロを使って、ブログで情報発信を行い出したら、ブログランキングに登録します。 ブログランキングは、参考にしている人が多いことが判っています。 これは、登録したブロガーや、登録していない人でもどのようなブログが人気があるのか見に来ます。 にほんブログ村では、ポイン...
-
チャネルのプライマリディメンションで、参照元だけを選択し、データを見る事が出来ます。 参照元のデータを見る事により、どのサイトからユーザーが誘導されているのかを見る事が出来ます。 このデータを見る事により、プロモーションにおいて、どのプロモーションが効果的に行えているかを見...
0 件のコメント:
コメントを投稿