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

ファーストビュー

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

概要

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

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

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

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

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

この用語のメモ

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

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

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

この用語の使いどころ

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

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

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

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

関連用語

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

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

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

Q:次のタグのうちHTML5で使用できないタグを選んでください。
  • blockquoteタグ
  • emタグ
  • centerタグ
  • labelタグ

この答えの解説

centerタグは、HTML5では廃止されました。
CSSのmargin属性(左右auto指定)や、text-align属性でcenter指定(IEではmargin属性だけでは反応しない)する形でセンタリングします。

Q:次のタグの説明で正しいものを選んでください。
  • divタグは段落タグと言い、タグの中に文章や画像などのコンテンツが入る
  • h1タグはタイトル名が入るタグである
  • pタグは段落タグと言い、タグの中に文章や画像などのコンテンツが入る
  • ulとliはリストタグで、順序があるリストである

この答えの解説

pタグが段落タグと呼ばれます。
divタグは汎用タグ、h1は見出しタグ、ul・liタグのulはunordered listの略で、順序のないリストを示しています。

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

この答えの解説

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

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

この答えの解説

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

Q:コーダーの説明として正しいものを選んでください。
  • 制作全般のとりまとめを行う人、またはその人員
  • Excelなどの関数やVBAなどの記述を行う人、またはその人員
  • PhotoshopやIllustratorなどのデザインを行う人、またはその人員
  • HTMLやPHPなどの言語の記述を行う人、またはその人員

この答えの解説

コーディングとは、プログラミングとかなり近い性質を持っていますが、実際には指定の言語(ここではHTMLやPHP等)のソースコードを用いてクライアント側(コンピューター側)が理解できる記述を行うことをいいます。
HTMLは、本で言う「タイトル」「段落」等がタグとして記載ができます。
その記載すべき部分に文章や画像を表示させることで、Webページを構成していきます。
そういったソースコード制作業務を行う人を「コーダー」といいます。

Q:オウンドメディアの説明として正しいものを選んでください。
  • 自身で保有している情報媒体のこと
  • 自身が気に入ったメディアを保存すること
  • 自身が身に着けたメディア知識のこと
  • 作成したサイトを自分自身で広めること

この答えの解説

オウンドメディアは、自身で保有している情報媒体のことで、SEOの施策体制がリンクからコンテンツにシフトした頃から非常にポピュラーになった言葉の一つです。
インターネット関係、もっと絞ってSEO業界においては自社発信型のコンテンツとして、ブログであったり各々の企業として携わっている業界情報を発信したり、色々な視点や形で日々作られ続けています。

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

この答えの解説

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

Q:ページビュー数が増加した要因として考えられるものを選んでください。
  • サイト内の導線を改善した
  • 選択肢の全て
  • ページ送りなどの機能をつけた
  • レコメンド機能をつけた
  • 各ページに関連カテゴリーリンクをつけた
  • パンくずリストをつけた

この答えの解説

いずれも可能性としては挙げられます。
共通している点としては、内部リンクの強化になります。
コンテンツ間での繋がりが明確であれば、ページ単位のSEO効果も高まりやすくなります。

Q:「referrer」(リファラ)の意味で適切なものを選択してください。
  • 自サイトを紹介して流入した数
  • クリックされた数
  • 他のサイトから自サイトを検索された数
  • 他のサイトから自サイトを参照し流入した数
  • 他のサイトへ自サイトから遷移した数

この答えの解説

referrer(リファラ)とは、何らかの形で他のサイトから自サイトへ流入(参照)された際に計測されます。
計測したサイトはドメイン名などが表示されます。

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

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

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

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

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

CSSを習得したい場合、何から習得したらよいですか?

CSSは組み込みされたHTMLの装飾を行うものです。よって、レイアウト等の配置もこのCSSで行う形になります。
CSSを初めて使用する際に壁にあたってしまうポイントとして「float」の処理ではないかと思います。
むしろ、floatの仕様が理解できればある程度のレイアウトのコントロールができるようになるので、何度も繰り返し組んでみましょう。
floatと併せて「clearfix」というものも覚えるとレイアウト崩れが防げます。

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つをマスターすることで大半の業務が行える形になります。
浅く広く習得するか、深く狭く習得するかは得手不得手で決めればよいのではと思います。

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

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

急激にインデックス数が減ってしまいました。どうしたらよいですか?

長く情報が更新されていない場合、インデックスのクロール頻度が下がり、インデックスから外れる可能性があります。
単一ごとのページを一つ一つ更新する必要はありませんが、文章を変更したり、ページを追加したりなど、サイトを常に成長し続けられる状態を保ちましょう。
そして更新したら、常にsitemap.xmlを作成し最新の情報をGoogle側に届けるようにしてください。

そもそもサイト運営は何人体制でやるべきですか?

自社企業サイトの運営だけを主体とした業務であるならば、「Googleアナリティクス主担当」「更新作業主担当」「他部署連携主担当」の3人体制であれば、よほどの業務量でない限りは問題ありません。

但し、ECサイトになると「商品企画」「SEO」「広告運用」「梱包発送」などなどかなり裾野が広がり数十名規模の人材が必要になります。

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

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

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

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

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

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

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

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

出た数字をもって改善場所を伝える際どのように伝えると伝わりやすいですか?

大前提として「Webを大して知らない人でも分かりやすい」ものである必要があります。
数字を伝えるのももちろん大事ですが、何より「専門用語」をいかに使わずに説明や例えばなしができるかにかかります。

その場にいるメンバーの理解・共有が進めば改善にむけたスピードは早まり、決済決断は早まり、サイトの改善は早く進められます。
ひいてはビジネスチャンスのタイミングを増やすことにも繋がります。

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

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

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

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

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

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

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

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

年齢別や地域別のアクセスはどんな時に使いますか?

一例ですが、特定の地域や年齢層、それから男女どちらかまたは両方に大きく支持されているのであれば、支持された層のトレンドを狙ったコンテンツや広告ワード、閲覧されてる時間帯に広告費用をかけるなどといった費用投資判断の指標に使えます。

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

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

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

アクセス解析を勉強したいですが、何から勉強したらいいですか?

Googleアナリティクスを使いこなせるようになりたいのか、アクセス解析の用語などの知識をつけたいのかによって、勉強するポイントは大きく変わります。

Googleアナリティクスを使っていく上ではまずは「ユーザー」「概要」に記載されている基本レポートの使い方を知るところから始まります。もっとも見る頻度が高いからです。
徐々に、「集客」の「トラフィック」や「行動」の「サイトコンテンツ」を知り、理解が進みページ前後の遷移状況などを見れるようになれば、「セグメント設定」を身に着けていく段階になります。

知識としては、離脱率と直帰率の違いをきっちり理解できればページの性質に合わせた説明をできるようになるのではと考えています。
アクセス解析に関する用語を習得する場合は、市販に売っている本や、用語解説をしているサイト等を参考にしてみましょう。
その際、単純に用語を知るだけでなく、使い道などにも触れている情報を参考にすると良いです。

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

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

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

索引から探す

タグから探す

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

その他カテゴリー

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

スポンサードリンク