Web制作・運営・解析・SEO用語集

ファーストビュー

ページが表示された際にスクロールせずに見える範囲の情報すべてをいいます。

概要

ファーストビューは、Webページを開いたときに全くスクロールせずに見える範囲の情報すべてをいいます。

ファーストビューに表示された情報によって、多くのユーザーが直帰するかサイトを回遊するかを判断します。
よって、このファーストビューの情報の使い方によっては直帰率の改善や改悪につながる要素が強いといっても良いでしょう。

デザイナーも、特にファーストビューにはこだわりや視認性などに気を遣わなければなりません。
トップページが値段が高く、デザインにおいても最も時間がかかる要因である理由です。

業界によってもトップページのファーストビューに様々な差や変化に富んでいるので、トップページのデザイン集を見るだけでもかなり面白いのと発見も多いのでお勧めです。

類似のものとして、広告から流入するタイプのランディングページも実に様々な「ファーストビュー」がそろっています。

この用語のメモ

ファーストビューを閲覧したことにより数秒で閲覧するかどうかが判断される世界です。
それゆえに、デザインも大事ですがキャッチ・コピーがサイトの良し悪しを最も左右します。

最近ではバックに動画を用いて真ん中に文章を大きく表示する手法であったり、文字が少しずつ表示されて読ませるように工夫をしているサイトも見受けられます。
特に、ここ最近の傾向としては極力不要な情報を省き、なるべく表示する情報量や色数を制限し視認性とトンマナを維持したサイトも多いです。

個人的には「数字に表れないSEO施策」という位置付けで考えています。

この用語の使いどころ

サイトの立ち上げ時やサイトのアクセス改善に取り組む際、またはランディングページ制作時においては頻繁に改善を要求される内容の一つです。

前述したように、キャッチ・コピーを変更してほしいとか、初めに見えるボタンの色を変えてほしいとか等のちょっとした修正から動画や画像・又はレイアウトなどを全替えするなど、トレンドによって大きく変えることもあります。

せっかく中身が優れたページを作っても、トップページや閲覧開始ページからすぐ直帰してしまっては単なる宝の持ち腐れになってしまいます。
作ったものがしっかり脚光を浴びるためにもファーストビュー、もとい画面に表示される情報の見え方にも気を配ることが肝要です。

また、こういった施策はユーザビリティの向上にもつながります。
デザイナーも含め「SEOが全員でチームで取り組むべき理由」と考える一つのシーンだと思います。

関連用語

  • ヒートマップツール
  • アクセス解析
  • ABテスト

Web担当・運営・解析・SEO問題集の例題問題

ファーストビューに関連するジャンルの練習問題を掲載しています。Web担当・運営・解析・SEO問題集一覧から各ジャンルの問題にチャレンジできます。
クリックすると問題の答えと解説が見れます。

Q:pタグの入れ子(直下に入るタグ)で不適切なものを選んでください。
  • imgタグ
  • marqueeタグ
  • spanタグ
  • aタグ
  • divタグ

この答えの解説

pタグはインラインタイプのタグなので、ブロックレベルタイプのdivタグやulタグは構文上入れ込むことができません。

Q:次のタグのうち、時系列に並んだ新着情報一覧の表示にもっとも適しているものを選んでください。
  • olタグ
  • dlタグ
  • pタグ
  • divタグ
  • ulタグ

この答えの解説

olタグは順序リストになるため、構文上の表記では時系列(順序)が記載されており、他の選択肢より適しているタグになります。

Q:h1~h6タグの入れ子(直下に入るタグ)で不適切なものを選んでください。
  • canvasタグ
  • iframeタグ
  • 不適切なものはない
  • imgタグ
  • buttonタグ

この答えの解説

実は全て入れ子にできるタグです。しかし、あくまで「見出しタグ」であることをきちんと理解したうえでタグを使用しましょう。
見出しなのに画像や別フレームなどが入ると構造的に非常におかしい形になってしまいます。

Q:制作会社(業者)を決めるに当たって参考になる要素を選んでください。
  • とにかく制作料金が安い
  • とにかく納期が非常に早い
  • とにかくレスポンスが早い
  • とにかく資料が多い
  • とにかく対応メンバーが多い

この答えの解説

非常にざっくりしている中で、おそらく最も対応できるとしたらレスポンスが早い点が挙げられます。
良い報告も悪い報告も、レスポンスが早い方が次の動作に早く対処ができ、納期的なロスを最小限に抑えられます。
制作料金が安い、納期が早いところは制作会社が持っているテンプレートがあてがわれる可能性があります。安易に決めれる要素ではありません。
資料が多かったり対応メンバーが多くても技術力が未知数のため、こちらも安易に決めれる要素ではありません。

Q:サイト制作の工程において正しいものを選んでください。
  • ベンチマーク→デザイン→情報設計→構成・導線設計→コーディング→校正・公開
  • 構成・導線設計→デザイン→情報設計→ベンチマーク→コーディング→校正・公開
  • 情報設計→ベンチマーク→構成・導線設計→デザイン→コーディング→校正・公開
  • ベンチマーク→情報設計→構成・導線設計→デザイン→コーディング→校正・公開

この答えの解説

サイト制作の前にまずベンチマークを行い、競合他社の状況を知るところからスタートします。
その後、自社の持っている情報をどう見せたいかを決め、そのためのサイト構成やサイトの目標達成のための道筋(導線)を決めていきます。
ここまでが基本的にディレクターの腕の見せ所で、その内容に沿ったデザインを依頼し、ブラウザ表示時の再現度の高い(質の高い)コーディングを行い、品質チェックを行った後公開となります。
例外はありますが、基本的にはこの流れで制作工程が進みます。

Q:ユーザーエクスペリエンスの説明として正しいものを選んでください。
  • ユーザーが体験したサイトの情報を公開すること
  • ユーザーのために技術者やデザイナーが経験を得ること
  • ユーザーがWebサイトなどのサービスや情報を利用することで得られる経験のこと
  • 閲覧されたユーザー数に応じて技術者が得られる経験を数値化したもの

この答えの解説

ユーザーエクスペリエンスは、製品やサービスを使用することで得られる経験のことを言います。
Web分野においては、如何にしてWeb内におけるサービスやコンテンツに満足できるサイト構築を達成できるかが大切で、マーケティング担当やディレクター担当、特にサイト構成を作るメンバーにおいて最も要求される要素になります。

Q:セグメントの機能について間違っているものを選んでください。
  • セグメントが反映されたデータはエクスポートもできる
  • セグメントは最大4つまで同時表示できる
  • セグメントは500個まで設定できる
  • セグメントはアクセス時間や特定の参照元など細かい設定ができる
  • ユーザー属性毎に詳細に情報を抽出できる

この答えの解説

セグメント設定は、一ユーザー、一つのビューにつき100個までと決められています。
それ以上のセグメントは作成できないため、不要なセグメントを整理する必要があります。

Q:「セッション」の説明について、正しいものを次の中から選んでください。
  • サイト訪問~離脱までを1単位とした人数
  • Webサイトのページを見た数
  • トップページに訪れた人数
  • その日中にサイトに訪れた単一閲覧者の人数

この答えの解説

セッションとは、ユーザーがWebサイトにアクセスし、サイトから去るまでの一連の流れを「1カンウト」として計測します。
なお、1つのページに30分を越えて再読込、またはWebサイト内の別ページに遷移した場合は新しくセッションがカンウトされます。

Q:直帰率と離脱率の違いの説明で適切なものを選んでください。
  • 直帰率はサイトに訪れ他のページを見ずにサイトから離脱した割合で離脱率はそのページを最後にサイトから離脱した割合
  • 直帰率はサイトに訪れ他のページを見てまたサイトに訪れたページに戻った割合で離脱率はそのページを最後にサイトから離脱した割合
  • 直帰率はサイトに訪れ他のページを見ずにサイトから離脱した割合で離脱率はサイトのフォーム画面からサイトのトップページに戻った割合
  • 直帰率はサイトに訪れ他のページを見てまたサイトに訪れたページに戻った割合で離脱率はサイトのフォーム画面からサイトのトップページに戻った割合

この答えの解説

直帰率はランディングページ(閲覧開始ページ)を対象とした指標のため、閲覧開始したページ内で別のドメインや検索サイトに遷移、もしくはブラウザを閉じると直帰率が記録されます。
離脱率は閲覧開始ページ以外のページにて別のドメインや検索サイトに遷移、もしくはブラウザを閉じると離脱率が記録されます。

関連タグ【Web制作】に関するよくある質問

Web制作に関するよくある質問を抜粋しています。Web制作に関するよくある質問はこちらから。

CSSの最大の利点を教えてください。

何より少ない容量で「ある程度の動的動作」や「サイトの整形」が出来る点だと思います。
また、手軽にスマホサイト対応ができる「メディアクエリ」が使用できるのも大きな利点で、こんにちのモバイル対応を支えているものになります。

CSSは、手段を覚えておけば覚えておくほど、レイアウトの調整手段が増えてくるため、容量を抑えつつ動作を行えるソースが作れます。

Web制作って具体的には何をしますか?

全体的な工程としては、「打ち合わせ」「納期・見積」「サイトマップ」「構成案(ワイヤフレーム)作成」「デザインカンプ」「デザイン制作」「コーディング」「校正・テスト・品質管理」「公開」「運営・運用」をトータルとした工程になります。
これだけでもかなりの工程数になるかと思います。

各工程には普通、「納期」を設定しているため、各工程が遅れてくると、他の工程のスケジュールが圧迫されてしまい、タイトなスケジュールをこなさなくてはならなくなります。

ディレクターは主に前半の「打ち合わせ」から「構成案(ワイヤフレーム)作成」までを担い、あとは品質チェックや進行管理を中心に行います。

デザイナーは「デザインカンプ」及び「デザイン制作」、コーダーは「コーディング」と「校正・テスト」をそれぞれ担う形となり、Web制作の分業化が進んだ今、ざっくりですがこういった形で業務が行われています。

Webサイトを作るときにどんなことを意識していますか?

今でこそ、SEOを中心にコーディングを組むことが大半になってきているため言える話になりますが、Webサイトの一ページ一ページは「本」を作る意識を持って取り組んでいます。
ちゃんとタグにも「タイトル(表題)」や「見出し」、「段落」など、「作文」や「国語」にまつわる言葉が多く出てきますね。

Google側も同じように「記載されている内容」が「どの場面」で「どれぐらいの分量」の情報が「検索された内容に対し正確性があるか」が重要です。
コーダーやライターはその辺りを意識することが大切です。

デザイナーは、Googleよりも人間側が認知する視覚情報がもっともウエイトを占めるため、分かりやすさとトレンドをいかにストレスなくユーザーに供与できるかが大事で、ユーザーエクスペリエンスの精度に関わります。
Webサイトは、成長を前提に作ることが大事です。そういう意味では、いつまでもページが増え続ける「1巻だけの本」を作り続ける意識が必要ではないかと考えます。

関連タグ【マーケティング】に関するよくある質問

マーケティングに関するよくある質問を抜粋しています。マーケティング・Web運営に関するよくある質問はこちらから。

サイトを大きくしていくのにどれくらいかかりますか?

運営は一日でうまく行くわけがありません。スタートがいくら良くても放置してしまえば廃れていきます。
サイトを大きくすることは、よりお客さん(クライアントやエンドユーザー)の実態に近づくことになるため、繰り返しユーザーの分析を続け、満足の行くサイトにするには最低1年~1年半の長期戦になることを想定しましょう。

この期間をトータルで見て「プロジェクト」として取り組むことが大事です。

専門知識が薄く困っています。何から覚えればよいですか?

現在実務で行っている方は、専門知識よりも自社・自社サービス知識を覚える方が最も良いです。
なぜならば、自社サービスに興味を持ってもらうためにどのような言い回しが良いか、伝わるかの基準を持てるからです。いわば、営業担当と同じです。

一個人の考えではありますが、これからマーケティングやWebサイト運営の勉強をされる場合においては、「正しい情報の集め方」を覚えることが近道かと考えています。

自身の「提供したい情報」がどんな検索キーワードで来てくれるのか、またそういった「検索してくれた人をどうさせたいか」ということを考えることがWebでのマーケティングや運営の第一歩になるのではないかと思っています。

マーケティングでまず大事なことは何ですか?

競合他社のベンチマークがまず挙げられると考えています。

Webサイトのデザインを作成するときもテーマ別に参考になるサイトを見てデザインを起こすことが多いです。

もちろんマーケティングにおいてもできるだけ同じか、似た商材を扱う競合他社をしっかり知る事が自社サービスの醸成につながる近道です。

絶対にやってはいけないSEOは何ですか?

一言で言えば、「ブラックハットSEO」全般に言えることです。
検索結果を欺くような対策は、かなり早い段階でGoogle検索エンジンからの「手動による対策」が行われてしまいます。

具体的には不要な外部リンクの設置やコンテンツの書き写しなどが上げられます。
この対策が横行していたときは、本来検索結果に上がってはいけないものが検索結果に表示されてしまうため、Google検索エンジンのリソースを大幅に消費してしまう事態を招いていました。

最近では不要なサイトはインデックス登録自体がされないように対策されているため、なかなかインデックスが増えてこない場合はサイト全体の情報品質を疑ってみたほうが良いかもしれません。

サイトを立ち上げた直後は何に注力をすればよいですか?

改めて「何のためにWebサイトを立ち上げたのか」を振り返ってみましょう。

「会社の資料請求をWebサイトから獲得する」「リアル店舗以外での売上を作りたい」等といった「サイトを立ち上げる際に目標として設定した事柄」があるかと思います。

Webサイトを制作に携わったメンバーで出来上がったサイトを見たときに「思っていた通りだな」と思えていることが大切です。
アクセス解析などの実際の分析は、最低2週間分のまとまったアクセス数が入ってから開始しても問題ありません。

関連タグ【アクセス解析】に関するよくある質問

アクセス解析に関するよくある質問を抜粋しています。アクセス解析に関するよくある質問はこちらから。

どんなレポート内容が喜ばれることが多いですか?

単純明快に「ここがよい」「ここが悪い」がはっきりしたグラフや数値の表記と、それに対するコメントや提案を記載していると、議論が進みやすく喜ばれやすいです。

複雑にしすぎると、概要が頭に入らなくなりがちになるため、「で、結局何が悪いの?」と打ち合わせの後半で陥る可能性があります。

ユーザーエクスプローラーの活用方法を教えてください。

ユーザーエクスプローラは個人個人が持っているtoken情報をもとにユーザーを追えるものになります。
その性質から「サイトの遷移」「再訪頻度」「コンバージョン後の行動」等も追えます。

コンバージョンまでどうしたか、だけでなくコンバージョン後に何をしているかを見ていくことで「どんな情報を探しているか」「その情報をどうしたら見つけやすくなるか」といった対策をたてられます。
すなわち、再訪率の向上やシェア獲得率の向上にむけた改善に取り組むことができます。

Googleアナリティクスの情報でこれだけは見ておいたほうがいいものは何ですか?

まずはサイト全体のアクセス概況がわかるユーザーサマリーを見るようにしましょう。
また、最低でも月単位で数字を比較する必要があります。

見る指標については、セッション数、平均セッション時間、セッション/ページビュー直帰率はチェックした方が、時系列毎でのサイトの反応が分かりやすくなります。

次にレポートを注視するタイミングについては、何らかのサイトの更新時や、いつでも良いので一週間のうち必ず見る曜日を決めて見るなど、タイミングを予め決めることが変化に気づきやすいです。

カスタムレポートは使用されますか?

出力が必要な指標が多いサイト(ランキングやある特定の状況下でのアクセス等)であれば、基本的なサマリーを表示するために使用することはあります。
とくに、広告を扱うようなサイトであれば多視点から情報を集めなければならないため、短時間での状況把握をするべく使用することがあります。

一般的な企業サイトや個人サイトであれば、ユーザーサマリーの概要をしっかりつかんでおけば十分だと思います。

Googleのアカウントをとった後、何をすればよいですか?

Googleアナリティクスのサイトに移動し、ログインしてアカウントに入場してください。
なお、アカウント登録した直後であれば、なにも登録されていないはずです。

レポートを用いて説明をするときどんなことに気を付けていますか?

基本的には良かった点→理由、悪かった点→理由を簡潔に伝えたあとに望みの薄い解決策でも良いので解決策を必ず伝えるようにしています。

決策を述べた後に別の解決策を思い付くこともあります。そうすると議論が発生するかもしれません。
それを発生させることこそがWeb運営で最も大事なことではないかと思います。

索引から探す

タグから探す

よくアクセスされている用語

その他カテゴリー

Webサイトトップページに戻る

スポンサードリンク