この記事で解決する課題
- ウェブサイト（ホームページ）に使われる各パーツの名称や役割を理解したい
- ウェブ制作会社やデザイナーとのコミュニケーションをスムーズにしたい
- ホームページ運営・制作の現場で使える共通言語を身につけたい
「ウェブサイト（ホームページ）のパーツ名称って、どれが何を指すのか分からない…」
そんな悩みを解消するために、この記事では、**ウェブサイトのパーツ名称とその役割**を分かりやすく図解つきで解説します。
また、実際の制作・運営現場で生まれるコミュニケーションエラーを防ぎ、依頼者と制作者がスムーズに意思疎通できるためのポイントも紹介していきます。
「インデックスにお客様からの声を追加してほしい」
「ヘッドとメニュー消えているので修正してほしい」
メールで送られてきたこれらのリクエスト（要望）に応えるためには、先にクライアントにリクエスト（要望）の意味、つまりそれぞれの言葉の定義を確認して、理解してから、実際に手を動かして作業をしていくという余分な工程に頭を悩まされました。
クライアントからしてみても、一度メールで送ったリクエスト（要望）に応えてくれればいいだけなのに、なぜわざわざその意味を聞いてくるんだろう？と“面倒くさいなぁ…”と思われたかもしれません。
でも、“インデックスにお客様からの声を追加して”と言われても、“インデックス”とは何を指しているのかが分からないと、何をどうすればいいかが分かりません。
不毛なやり取りの解消のためにしたこと
よくよく聞いてみると、“インデックス”とはどうやら、“グローバルナビゲーション”のことを指していると分かりました。
クライアントはウェブサイト（ホームページ）のメインのメニュー名称である“グローバルナビゲーション”を知らなかったため、“インデックス（INDEX）”という目次の意味合いで伝えたかったようですが、当時のわたしはそれを察知できず、不毛なやり取りをしていました。
それで、これ以上不毛なやり取りに時間と労力を使って、お互い疲弊するくらいなら、事前にクライアントにウェブサイト（ホームページ）の各パーツと、そのパーツが果たす役割くらいはお伝えしておこうと考え、普段使用しているウェブサイト（ホームページ）のパーツの“正しい”名称を調べて図解し、ウェブサイト（ホームページ）制作案件が発生した時には、事前にクライアントに説明するようにしました。
あれから数年が経ち、ウェブサイト（ホームページ）の各パーツの名称や役割も微妙に変化しました。そこで、改めていまでも使えるように、ウェブサイト（ホームページ）のパーツの名称の解説と役割を図解しておきました。
なぜ事業者はウェブサイトのパーツ名称と役割を知るべきか？｜制作依頼の成功ポイント
ウェブサイト（ホームページ）は、さまざまなパーツの集合体で成り立っています。
当然、それらのパーツには名称があり、デザイナーなどウェブサイト（ホームページ）を作る人はパーツごとに制作しています。
そして、ウェブサイト（ホームページ）構築を依頼する人と、依頼を請ける人の関係が存在する場合は、依頼する人（クライアント）からさまざまなリクエスト（要望）が依頼を請ける人に向けて発信されることになります。
それぞれのパーツには明確な役割があり、**「パーツ名称と役割」を正しく理解**することで、制作会社やデザイナーとのやり取りが圧倒的にスムーズになります。
この記事では、ホームページのパーツ名称を覚える重要性と、その活用法について分かりやすくお伝えします。
そんな時、円滑にコミュニケーションを進めるためには、最低限の言葉の定義ができていることが大切だと思います。
特にウェブサイト（ホームページ）となると、ウェブサイト（ホームページ）についてよく知らない人からすれば、“その部位（パーツ）はなんと呼べばいいのか？”という課題が生じることは避けられないでしょう。
それで、“グローバルナビゲーション”のことをその人独自の解釈で“インデックス”と呼び、それをそのまま相手に伝えても、それが共通言語でない限り、コミュニケーションエラーが発生します。
そんな無駄な時間と労力を使うことに何の意味もありませんので、ウェブサイト（ホームページ）のこの部位（パーツ）はなんと呼べばいいのかを知っておけば、細かく相手にリクエストができるようになります。
ウェブサイト（ホームページ）の各パーツの名称と役割
ウェブサイト（ホームページ）にはさまざまなレイアウトやデザインが存在しています。
インターネット上には数十億ものウェブサイト（ホームページ）があるため、レイアウトもデザインも相応な数が存在しています。
ですが、そこに存在する“パーツ”には共通の名称が付けられているので、そのパーツの名称を覚えておけば、どのようなレイアウトでもデザインでも応用が可能です。
ここから順を追って、ウェブサイト（ホームページ）の各パーツの名称と役割について分かりやすくお伝えしていきますので、ぜひついてきてください。
3ハンバーガーメニュー
最初にこのパーツの名称を聞いた時に、某ファーストフード店のメニューを想像した方も多いかもしれません。このメニューアイコンの形がハンバーガーに似ていることから、そのように名付けられました。
このハンバーガーメニューは、主にスマートフォンからウェブサイト（ホームページ）を訪問した時に表示されるものです。
このようなシンプルなアイコンにする理由は、表示領域が狭いスマートフォン上で「ここにメニュー（グローバルナビゲーション）があります」と示しつつ、見た目をスッキリさせるためです。
ちなみに、わたしがクライアントから受けた「ヘッドとメニューが消えているので修正してほしい」というリクエストは、そのクライアントがスマートフォンでウェブサイト（ホームページ）を見た時に、ヘッダー部分がスマホ仕様になっており、グローバルナビゲーションがハンバーガーメニューアイコンに変わっていたため、それを“消えた”と感じたことによるものでした。
ここに紹介したもの以外にも、ウェブサイト（ホームページ）にはさまざまなパーツが存在します。
例えば、“アーカイブページ”“ファビコン”“ページネーション”“SNSボタン”“フォーム”など、すべて必要不可欠な要素です。
ただし、ご自身でウェブサイト（ホームページ）を構築する場合は別ですが、制作を外部に委託する場合には、ここで紹介した主要なパーツ名と役割を覚えておくだけで十分です。
事業者の方が、ウェブディレクターや制作者との間でスムーズなコミュニケーションをとり、リクエストを的確に伝えられるよう、ぜひこれらのパーツ名と役割を活用して、理想のウェブサイト（ホームページ）を実現してください。
