こんにちは！
新人平田のWeb用語紹介です(＾０＾)
社会人生活が始まって１か月、キューブに入社して１か月経ちました～！
はやいものですね･･･

本日は、Webサイトの構造について、
この部分は○○という名前で、こんな役割がある！ということを
ご紹介していきます♪

今回はまずトップページの構造について解説いたします。
では、サクサクいきたいとおもいます！！

今回はキューブのWebサイトを参考にみていきましょう。

●ヘッダー

データの先頭に付加される、データ自体に関する情報。

（IT用語辞典e-Wordsより引用       http://u111u.info/ksMK）

Wordのソフトを使っているときにも「ヘッダー」ってありますよね！
文章を打っている枠外に、日付やタイトルをつけて、
それが1ページ目、2ページ目、3ページ目と共通で
付いていくような･･･

Webサイトにも同じようにヘッダー部分があります。

キューブのWebサイトの一番上の部分ですね。
会社のロゴや、共通のメニュー、お問い合わせ先などが配置されていることが多いです。
Webサイトでは一番最初に表示され、目に入るので大事な部分ですね。
どのページでも共通で表示されることが多いです。

●フッター

ヘッダーがあればフッターがあります。
Webサイトの一番下の部分ですね。
こちらも全ページ共通のことが多いです。

これまでページの上からサイトを読んでくれたユーザーが

「もっと情報がほしい！」とか「じゃあ連絡してみよう！」
と思ったとき、次のアクションを取りやすくするための内容が詰まっています。

 「もっと情報が欲しい」ユーザーのために、サイトのページ一覧である「サイトマップ」をのせたり、他に読んで欲しいページをバナーにしたり

 「じゃあ連絡してみよう」と思ってもらえたユーザーが
すぐに連絡できるよう、連絡先を載せたり、お問い合わせフォームへのボタンを
設置しています。

●グローバルメニュー（グローバルナビゲーション）

グローバルナビゲーションとは、Webデザインにおける要素のうち、Webサイト内の各ページに共通して設置されるサイト内の各コンテンツを案内するためのメニューのことである。

（weblio：http://u111u.info/ksLoより引用）

キューブのWebサイトでは、ヘッダーの中のロゴの横に設置されています。

どのページにいるときも、主要なページにとべるように設置しています。

例えば、サービス紹介をみているときに、
「キューブで働いている人はどんな人だろう･･･？」と思えば
グローバルメニューの「会社案内」をクリックして、
そこからスタッフを見ることが出来ます。

もしグローバルメニューがなかったら、
行きたいページにすぐに行けず、面倒ですね。

●サイドナビ（サイドバー、サイドメニュー）

こちらは名前から想像がつきますね！

コンテンツの横にあるメニューです。
グローバルメニューより、更に詳しいメニューになります。

例えば、キューブのサイトのグローバルメニューにあった「サービス紹介」ページからは、
さらに「Webサイト制作の流れ」、「Webサイト運用の流れ」といった
さらに詳しいページにとぶことができます。

そういう、ページをまとめたものが、サイドメニューには入ります。

こちらは、違うページを見るたびにページに合わせてメニューが変わったりします。

●ファーストビュー

Webの分野では、閲覧者の画面にWebページを表示した時に、
最初に表示される領域のことをファーストビューという。
スクロールなどの操作をしなくても見ることができる範囲で、
最も重要な内容を配置するべきとされる。

（IT用語辞典e-Wordsより引用       http://u111u.info/ksPA）

ページを見るときの画面のサイズにもよりますが、キューブのサイトではこの部分ですね

Webサイトに訪れた人の目にパっと入る部分なので、
会社が一番伝えたいことであったり、ユーザーが必要としている情報であったり、
「もっとほかのページも読みたい！」と思わせるコンテンツを設置する必要があります。

●ソーシャルプラグイン

最近導入しているWebサイトが多いですね！
いわゆる企業の持つSNSサイトへ導入するためのボタンです。

ヘッダーやフッターについている場合もあります。

Facebookやtwitter、InstagramなどのSNSを用いた広報活動を行う企業にとって、
Webサイトに来た人にはぜひSNSも見てもらいたいですよね。

今週は

【ヘッダー、フッター、グローバルメニュー、サイドナビ、
ファーストビュー、ソーシャルプラグイン】

の６語を紹介しました！

次回は、トップページだけでなく
詳細ページまで広げてみていきたいと思います（＾＾）

お楽しみに！