モバイルユーザビリティ
携帯(スマートフォン)サイトにおける動作や操作、レイアウトが適切で使い勝手の良い状態のことをいいます。
概要
モバイルユーザビリティは、スマートフォンサイトにおける動作や操作性、表示されているレイアウトすべてにおいて適切で使い勝手の良い状態であることを指し、それらをモバイルフレンドリーといいます。
モバイルフレンドリー状態のサイトは、非モバイルフレンドリー状態のサイトよりも優先的にGoogle側のクロールが巡回されるので、検索結果に反映されるとともにモバイル端末における検索順位も上昇しやすくなります。
コーディング面による技術ももちろんですが、良いモバイルユーザビリティを実現する為には最初のサイト設計でモバイルユーザーをある程度前提として構成案を作成する必要があります。
これは、ランディングページを制作する際やサイトのリニューアルを行う際にも重要になってくるポイントなので、設計段階からSEOを盛り込んだ骨組みを作っていきましょう。
モバイルユーザーが圧倒的にシェアを持っている今では対応自体が「当たり前」になって来ています。
更新管理上、モバイルユーザビリティを目指す場合はレスポンシブデザインで組み込み、1つのファイルで更新できる体制を作ることが望ましいです。
この用語のメモ
モバイルユーザビリティはGoogleサーチコンソール上で表示されるので、対応したページができたら都度クロールをかけていきましょう。
また、モバイルユーザビリティテストツールがGoogleで提供されているため、ここできっちり「このサイトはモバイルフレンドリーです」と出るまでページの設計を行います。
「このサイトはモバイルフレンドリーです」と出たページであれば、再クロールされた際にGoogleサーチコンソール側でも認識されるようになります。
Googleサーチコンソールのほうでは反映、認識までのタイムラグがあるので、なかなか数値が増えないにしてもしばらく待つようにしましょう。
この用語の使いどころ
サイト構築の際やSEO施策、ランディングページ制作の際に「モバイル対応をしてくれ」という形で依頼されることが大半です。
ただし、概要にも上げている通りデザイン面やコーディング面だけでなく、「動作や操作性、表示されているレイアウトすべてにおいて適切で使い勝手の良い状態」がモバイルユーザビリティを満たす条件になります。
デザインが良くても、ボタンが隣接しすぎていたり、「詳しくはこちら」等のアンカーリンク文字が非常に小さいとなると操作性が損なわれます。
設計やコーディングの場面においてもブラウザのデベロッパーツール(ブラウザを立ち上げたときにF12キーで見れるテスト)を使い、視認性や可読性には気を遣うようにしましょう。
関連用語
- レスポンシブデザイン
- コーディング
- SEO
Web担当・運営・解析・SEO問題集の例題問題
モバイルユーザビリティに関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。
- fetch as Googleを使う
- URL検査を使う
- sitemap.xmlを作成し、Googleサーチコンソールから読み込む
- クローリングされるまで放置する
この答えの解説
現在のGoogleサーチコンソールでは、残念ながらfetch as Googleは廃止されています。
代わりの手段としてURL検査があり、そこから「再クロール」はできますが、問題としては「公開直後のサイト」なので、sitemap.xmlをアップし、Googleにページを認識させなければ表示すらされません。
- Webサイトのレスポンシブデザイン化
- カテゴリーページの追加
- 長い記事の分散化
- キーワードの頻出化
- h1、h2、h3タグの追加
この答えの解説
いずれも施策としては行った方が良いものばかりですが、何より「どんなユーザーでも等しく情報を的確な状態で提供できる」レスポンシブデザイン化が最も行うべき施策だと考えます。
サイトのユーザーのうち、99%くらいがPCユーザーの場合は別ですが、基本的には誰でも問題なく情報が得られるサイトが最も評価されます。
- 301リダイレクト
- 移設前サイトの移設後サイトへの告知
- 新ブックマーク先の案内
- 302リダイレクト
- メルマガやSNSによる告知
この答えの解説
302リダイレクトは、単なる「一時的な転送」に用いられる記述になります。
リダイレクト方法を間違えると、サイトの評価を引き継げなくなるため、悲惨な状況を避けるためにもサイトを閉鎖する際は必ずリダイレクト方法を確認しましょう。
- tbodyタグ
- dtタグ
- thタグ
- trタグ
- tdタグ
この答えの解説
dtタグは、dl(定義リスト)タグの入れ子になります。dlタグの入れ子にdtタグとddタグを使用します。
dtタグとddタグは、「質問と答え」の関係のような人まとまりの意味を持つ表現をしたいときに使うため、Q&Aなどのサイトに多用されます。
- mainタグ
- sideタグ
- headerタグ
- articleタグ
- preタグ
この答えの解説
sideタグは存在しません。
非常に似たタグ名にasideタグというものがあり、こちらは印刷物でいう欄外項目の表示にあてがわれます。
- imgタグ
- marqueeタグ
- spanタグ
- aタグ
- divタグ
この答えの解説
pタグはインラインタイプのタグなので、ブロックレベルタイプのdivタグやulタグは構文上入れ込むことができません。
- ABテストを設定したことでコンバージョン率がアップする
- ABテストという名前だが、3種類以上のパターンを試すことができる
- 設定ページにアクセスするとランダムにユーザーへ割り振られる
- 設定されたページごとのアクセス数は分かりやすく色分けされる
この答えの解説
ABテストはあくまでどちらの情報や導線が成果に繋がりやすいかを調査するのであって、直ちにコンバージョン率アップに繋がるわけではありません。あくまで「可能性が上がる」ということであれば間違いではありません。
仮説が証明されるに十分な情報を集めるために使用するテストであることを念頭に置きましょう。
- ある期間のうち1回の訪問分で見られたWebページの数
- ある期間のうち1回の訪問分で遷移したWebページの数
- ある期間で見られたWebページの数
- ある期間で訪れた人数
この答えの解説
ページビューとは、ユーザーがWebページを開いた数(=見られた数)を示します。
- サイト訪問~離脱までを1単位とした人数
- Webサイトのページを見た数
- トップページに訪れた人数
- その日中にサイトに訪れた単一閲覧者の人数
この答えの解説
セッションとは、ユーザーがWebサイトにアクセスし、サイトから去るまでの一連の流れを「1カンウト」として計測します。
なお、1つのページに30分を越えて再読込、またはWebサイト内の別ページに遷移した場合は新しくセッションがカンウトされます。
関連タグ【SEO】に関するよくある質問
アクセス解析に関するよくある質問を抜粋しています。SEOに関するよくある質問はこちらから。
良いところは何といっても対策を行ったことで検索結果で自身のサイトが取り上げられ、予想以上の顧客獲得につながることです。自分のサイトを多くの人に知ってもらい、自分のサービスを多くの人に触れてもらい、使ってもらえるようになるためにSEOを頑張る。
悪いところは、やはり誤魔化しは効かないという点です。そして、未だにそういった不正な順位アップをもくろむネット運営者がいることも事実です。
クリック数、コンバージョン率、合計表示回数、平均掲載順位などの検索キーワード関連の他にGoogleにインデックスするページを増やしたり不要なURLを削除したりするツールです。
サイトの構造を精査したりサイト上に検出されたエラーを修正することにより、検索結果に画像を表示、評価の★マークをつけたり等といった検索に効果をつけることもできます。
まず、どのように攻撃されているかを冷静に見ていきましょう。特に多いのが「リンク」攻撃です。
不自然なリンクがあり、理不尽なペナルティが届いたら「リンク否認」をすぐに行いましょう。
SEO業者などによって質の低いコンテンツが載っているサイトからの大量のリンクが張られたりする悪質な手口を実行してくることがあるため、Googleから通知が着たら「あわてず」「冷静に」「URLを確認してリンク否認」を実行しましょう。
そして、「手動による対策」が表示されていた場合は、「不適切なサイトからのバックリンクがあったため、リンク否認を行いました。対象サイトはhttp://○○です。」といったような内容で送ると良いでしょう。
まずはGoogleアナリティクスとGoogleサーチコンソールを導入し、サイトに訪れる際に検索されているキーワードを探してみましょう。
次に、今展開しているコンテンツが「その検索キーワードにマッチしている内容かどうか」をしっかり精査した上でサービス説明を組み替えたり、検索されやすいキーワードを文中に文法上意味の通る状態を考慮した上で組み込むなどのてこ入れをしていきます。
まずは、上位に来ているサイトのコンテンツをしっかり見てみましょう。
何故上位に来ているのか。答えは簡単で、競合他社のほうがその「検索結果に表示」されている内容について「説明が上手いから」とGoogleが認めているからです。
どのへんが説明が上手いのかということですが、まず文章量の多い少ないはそこまで関係ありません。
同じような情報であればどれだけ様々な視点を持って説明をしているか、という点であったり、全く同じコンテンツレベルだと感じるなら、それをGoogleが「どれだけ正確に読み込みできているか」も重要です。
アンカーリンクのつけ方も重要です。内部リンク、アンカーテキスト、前後ページの関連性など上げるとキリがありません。
やれることをやって、しばらく様子を見て、さらに改善案を考えページを成長させていく他ありません。
関連タグ【Web制作】に関するよくある質問
Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。
何より少ない容量で「ある程度の動的動作」や「サイトの整形」が出来る点だと思います。
また、手軽にスマホサイト対応ができる「メディアクエリ」が使用できるのも大きな利点で、こんにちのモバイル対応を支えているものになります。
CSSは、手段を覚えておけば覚えておくほど、レイアウトの調整手段が増えてくるため、容量を抑えつつ動作を行えるソースが作れます。
全体的な工程としては、「打ち合わせ」「納期・見積」「サイトマップ」「構成案(ワイヤフレーム)作成」「デザインカンプ」「デザイン制作」「コーディング」「校正・テスト・品質管理」「公開」「運営・運用」をトータルとした工程になります。
これだけでもかなりの工程数になるかと思います。
各工程には普通、「納期」を設定しているため、各工程が遅れてくると、他の工程のスケジュールが圧迫されてしまい、タイトなスケジュールをこなさなくてはならなくなります。
ディレクターは主に前半の「打ち合わせ」から「構成案(ワイヤフレーム)作成」までを担い、あとは品質チェックや進行管理を中心に行います。
デザイナーは「デザインカンプ」及び「デザイン制作」、コーダーは「コーディング」と「校正・テスト」をそれぞれ担う形となり、Web制作の分業化が進んだ今、ざっくりですがこういった形で業務が行われています。
製作工程に応じて使いやすいソフトが大筋決まっていることが多いです。
構成案やサイトマップを作る際はMicrosoftの「Excel」や「PowerPoint」が鉄板です。
大まかなデザイン枠を作る分にはPowerPointがあれば十分作れますし、サイトマップやスケジュール・見積もりなどの情報は、Excelがほとんど使われることが多いです。
いずれもPDFに手軽に変換できる点も非常に使いやすい要因となっています。
デザイン面では、Adobeの「Illustrator」か「Photoshop」が鉄板で、まれに「Fireworks」を使用しているユーザーもいます。
一般的に紙媒体もやっている企業では、「Illustrator」を使用してサイトデザインを制作しているケースが非常に多いです。
コーディング等ではAdobeの「Dreamweaver」がもっとも有名ですが、テキストエディタでコードを作成できる力があれば、ワードパットソフトの「Terapad」やGithubが提供している「Atom」も非常に使いやすいです。
コーディング面においてはファイルのエンコードとHTMLやCSS記載のエンコードをあわせないと文字化けも起こしてしまうので、個人的には「Terapad」が使いやすいと感じています。
運用面、特にアクセス解析などにおいてはこちらもMicrosoftの「Excel」や「PowerPoint」が非常に使われます。ツールとしては「Googleアナリティクス」と「Googleサーチコンソール」を使います。
Excelはうまく使えば得られたアクセス情報からさらに様々な視点でのアクセス情報を拾い出すこともできるため、Excelを使いこなせることができれば大きな武器になります。
アクセス解析等はディレクターが兼任しているケースも多いです。
ざっと上げましたが、全てを担当する場合は「Excel」「PowerPoint」「Illustrator」「Photoshop」「Dreamwerver」「Googleアナリティクス」「Googleサーチコンソール」の7つをマスターすることで大半の業務が行える形になります。
浅く広く習得するか、深く狭く習得するかは得手不得手で決めればよいのではと思います。
関連タグ【アクセス解析】に関するよくある質問
アクセス解析に関するよくある質問を抜粋しています。アクセス解析に関するよくある質問はこちらから。
Googleアナリティクスのサイトに移動し、ログインしてアカウントに入場してください。
なお、アカウント登録した直後であれば、なにも登録されていないはずです。
まずはサイト全体のアクセス概況がわかるユーザーサマリーを見るようにしましょう。
また、最低でも月単位で数字を比較する必要があります。
見る指標については、セッション数、平均セッション時間、セッション/ページビュー、直帰率はチェックした方が、時系列毎でのサイトの反応が分かりやすくなります。
次にレポートを注視するタイミングについては、何らかのサイトの更新時や、いつでも良いので一週間のうち必ず見る曜日を決めて見るなど、タイミングを予め決めることが変化に気づきやすいです。
Googleアナリティクスを閲覧するには、まずGoogleアカウントが必要です。
何らかの連絡の取れるメールアドレスをお持ちであれば、Googleのログイン画面より新規アカウント作成を行ってください。
すでにGoogleアナリティクスのアカウントがあることが前提ですが、Webサイトを運営している担当者もしくは担当部署にお手持ちのGoogleのメールアドレスをお知らせください。
担当者もしくは担当部署にてアカウント設定を行い、設定完了すればご自身のGoogleアナリティクスのアカウントにWebサイトが追加され、様々な情報が閲覧できます。
権限の状態によっては細かい設定もできるようになります。
まずは必要以上に情報を入れすぎないようにした方がよいでしょう。
沢山記載することは大切ではありますが、数値を見てもらい理解してもらうには沢山の情報は邪魔になります。
具体的には、資料のボリュームと話するボリュームが同じ位に量を調整すると伝わりやすいです。
出力が必要な指標が多いサイト(ランキングやある特定の状況下でのアクセス等)であれば、基本的なサマリーを表示するために使用することはあります。
とくに、広告を扱うようなサイトであれば多視点から情報を集めなければならないため、短時間での状況把握をするべく使用することがあります。
一般的な企業サイトや個人サイトであれば、ユーザーサマリーの概要をしっかりつかんでおけば十分だと思います。
索引から探す
- 用語集【A-Z一覧】
Web制作・運営・解析・SEO用語集のAからZまでで出てくる用語一覧をまとめています。
- 用語集【あ行一覧】
Web制作・運営・解析・SEO用語集の「あ行」で出てくる用語一覧をまとめています。
- 用語集【か行一覧】
Web制作・運営・解析・SEO用語集の「か行」で出てくる用語一覧をまとめています。
- 用語集【さ行一覧】
Web制作・運営・解析・SEO用語集の「さ行」で出てくる用語一覧をまとめています。
- 用語集【た行一覧】
Web制作・運営・解析・SEO用語集の「た行」で出てくる用語一覧をまとめています。
- 用語集【な行一覧】
Web制作・運営・解析・SEO用語集の「な行」で出てくる用語一覧をまとめています。
- 用語集【は行一覧】
Web制作・運営・解析・SEO用語集の「は行」で出てくる用語一覧をまとめています。
- 用語集【ま行一覧】
Web制作・運営・解析・SEO用語集の「ま行」で出てくる用語一覧をまとめています。
- 用語集【や行一覧】
Web制作・運営・解析・SEO用語集の「や行」で出てくる用語一覧をまとめています。
- 用語集【ら行一覧】
Web制作・運営・解析・SEO用語集の「ら行」で出てくる用語一覧をまとめています。
- 用語集【わ行一覧】
Web制作・運営・解析・SEO用語集の「わ行」で出てくる用語一覧をまとめています。
タグから探す
- タグ【Web制作】
Web制作・運営・解析・SEO用語集に登録されているタグ【Web制作】一覧をまとめています。
- タグ【Webシステム】
Web制作・運営・解析・SEO用語集に登録されているタグ【Webシステム】一覧をまとめています。
- タグ【SEO】
Web制作・運営・解析・SEO用語集に登録されているタグ【SEO】一覧をまとめています。
- タグ【SEM】
Web制作・運営・解析・SEO用語集に登録されているタグ【SEM】一覧をまとめています。
- タグ【アクセス解析】
Web制作・運営・解析・SEO用語集に登録されているタグ【アクセス解析】一覧をまとめています。
- タグ【広告】
Web制作・運営・解析・SEO用語集に登録されているタグ【広告】一覧をまとめています。
- タグ【マーケティング】
Web制作・運営・解析・SEO用語集に登録されているタグ【マーケティング】一覧をまとめています。
よくアクセスされている用語
- HTML
Webページを構成するために必要な言語のことです。 - PPC
クリックすることで課金される広告のことです。 - コーディング
HTMLやPHPなどのソースコードの記述を行うこと、またはその人員のことをいいます。 - 直帰率
初めてサイトに訪れたページでサイト内の他のページへ行かずにサイトから離脱した割合のことをいいます。 - ページビュー
Webサイトのページを表示された数のことをいいます。 - レスポンシブデザイン
一つのページ(URL)で使用OSや画面、ブラウザを問わず閲覧をサポートしているデザインをいいます。
その他カテゴリー
- GAレポート作成ツール
面倒なアクセス解析レポート作りはもうやめよう!
- Web担当者問題集
GoogleアナリティクスやSEOに関する問題集を作っています。
- Web運営用語集
Webや解析などでよく使う単語辞典ページを用意いたしました!
- よくあるご質問
よくいただくお問い合わせ内容の一覧になります。
- お問合せ・情報
当Webサイトについてのお問合せや様々な情報をこちらにまとめております。
- 新着情報・更新情報
当サイトの新着情報・更新情報はこちらから。