ホームページ制作でよく使う用語とは？初心者向けに基本用語を解説

 

ホームページ制作では、日常生活ではあまり使わない専門用語が数多く登場します。

 

制作会社との打ち合わせで「CMS」「ワイヤーフレーム」「レスポンシブ」といった言葉が出てきても、意味が分からないまま話が進んでしまうことがあります。

 

しかし、すべての専門用語を覚える必要はありません。

 

まずは、ホームページの種類、制作・構築、ページ構成やデザイン、集客など、制作現場でよく使われる基本用語から理解しておけば十分です。

 

用語の意味が分かるようになると、制作会社からの提案も理解しやすくなり、自社でホームページを更新するときにも役立ちます。

 

ここでは、ホームページ制作でよく使う基本用語を、初心者でも意味をつかみやすいように整理して解説します。

ホームページ制作に関するお悩みはお気軽にご相談ください。

ホームページの種類に関する用語

ホームページには、目的によってさまざまな種類があります。

 

企業情報を伝えるサイト、商品を販売するサイト、広告から問い合わせにつなげるページなど、役割はそれぞれ異なります。

 

制作の打ち合わせでは、「どの種類のサイトを作るのか」を説明するために専門用語が使われることがあります。

 

まずは、よく使われるECサイトとLPの意味を確認しておきましょう。

ECサイト

ECサイトとは、インターネット上で商品やサービスを販売するWebサイトです。

 

ECは「Electronic Commerce」の略で、日本語では電子商取引という意味があります。

 

一般的には、

• 商品一覧
• 商品詳細ページ
• カート
• 購入手続き
• 決済
• 会員登録

 

などの機能を持つサイトを指します。

 

「ネットショップ」「オンラインショップ」と呼ばれることもあります。

 

たとえば、実店舗で販売している商品をインターネットでも購入できるようにする場合、ECサイトを制作します。

 

通常の企業ホームページと異なるのは、情報を見るだけでなく、サイト内で購入まで完結できる点です。

 

そのため、商品登録や在庫管理、決済方法、配送なども考える必要があります。

 

制作会社から「EC機能が必要ですか」と聞かれた場合は、単に商品を紹介したいのか、それともWeb上で販売まで行いたいのかを整理して答えるとよいでしょう。

LP（ランディングページ）

LPは「Landing Page」の略です。

 

本来は、検索結果や広告などからユーザーが最初に訪れるページを意味します。

 

ただし、ホームページ制作やWeb広告の現場では、特定の商品やサービスを紹介する縦長の1ページを指すことが多くあります。

 

LPでは、

• 商品やサービスの特徴
• 利用するメリット
• 実績
• 料金
• よくある質問
• 問い合わせや購入ボタン

 

などを1ページにまとめます。

 

一般的なホームページのように複数ページを自由に移動してもらうよりも、問い合わせや購入など一つの行動へ誘導することを重視します。

 

そのため、Web広告用のページとして制作されることも多いです。

 

制作現場で「LPを作る」と言われた場合は、単なる入口ページではなく、広告やキャンペーン向けの縦長ページを意味しているケースが多いでしょう。

ホームページ制作・構築に関する用語

ホームページを制作するときは、見た目のデザインだけでなく、サイトを安全に公開したり、更新できる仕組みを整えたりする必要があります。

 

その中でよく使われるのが、SSL、CMS、コーディングといった用語です。

 

それぞれ役割が異なるため、混同しないように意味を押さえておきましょう。

SSL

SSLとは、Webサイトとユーザーのブラウザとの間でやり取りされる通信を暗号化する仕組みです。

 

現在では、SSLを利用したWebサイトはURLが「https://」から始まります。

 

たとえば、問い合わせフォームから氏名やメールアドレスを送信するとします。

 

SSLが設定されていれば、その通信内容を暗号化して送受信できます。

 

第三者から情報を読み取られるリスクを抑えるためにも重要です。

 

現在のホームページ制作では、SSL対応は基本的な項目の一つです。

 

SSLが正しく設定されていないWebサイトでは、ブラウザ上に「保護されていない通信」などの警告が表示される場合があります。

 

ユーザーに不安を与える原因にもなります。

 

制作会社との打ち合わせで「SSL化」「常時SSL」といった言葉が出た場合は、Webサイト全体をHTTPSで安全に通信できる状態にすることだと考えると分かりやすいでしょう。

CMS

CMSとは「Content Management System」の略で、Webサイトのコンテンツを管理・更新するための仕組みです。

 

専門的なコードを毎回書かなくても、管理画面から文章や画像などを更新できます。

 

たとえば、

• お知らせを追加する
• ブログ記事を投稿する
• 商品情報を変更する
• 文章や画像を差し替える

 

といった作業です。

 

CMSを導入していないホームページでは、簡単な文章変更でも制作会社へ依頼しなければならない場合があります。

 

一方、CMSが導入されていれば、社内担当者でも更新できる範囲を増やせます。

 

ただし、CMSを入れればすべてのページを自由に変更できるわけではありません。

 

どの部分を管理画面から更新できるようにするかは、サイト設計によって異なります。

 

制作を依頼するときは、「公開後に自社でどの情報を更新したいのか」を伝えておくことが重要です。

コーディング

コーディングとは、Webデザインをブラウザ上で表示・操作できる形に実装する作業です。

 

ホームページ制作では、デザイナーが作ったデザインをHTMLやCSSなどのコードを使ってWebページにします。

 

たとえば、デザイン上ではボタンや画像、文章が配置されています。

 

しかし、画像として完成したデザインデータをそのままWebサイトとして公開することはできません。

 

ブラウザで正しく表示し、クリックやスクロールができる状態にする必要があります。

 

その作業がコーディングです。

 

制作工程では、

1. サイト構成を決める
2. デザインを作る
3. コーディングする
4. 動作確認を行う
5. 公開する

 

といった流れになることがあります。

 

「デザイン完成＝ホームページ完成」ではない点を理解しておくと、制作スケジュールも把握しやすくなります。

ホームページの構成・デザインに関する用語

ホームページ制作では、ページ内の情報配置やサイト全体の構成を説明する用語も頻繁に登場します。

 

特にワイヤーフレームやサイトマップは、デザインを作る前の段階で使われます。

 

ヘッダーやフッター、レスポンシブデザイン、UIなどは、実際の画面や使いやすさに関係する言葉です。

用語	主な意味
ワイヤーフレーム	1ページ内の配置を決める設計図
サイトマップ	サイト全体のページ構成
ヘッダー	ページ上部の共通部分
フッター	ページ下部の共通部分
レスポンシブデザイン	画面サイズに合わせて表示を調整する設計
UI	ユーザーが見たり操作したりする部分

 

ワイヤーフレーム

ワイヤーフレームとは、Webページの情報配置を決めるための設計図です。

 

本格的なデザインを作る前に、

• どこに見出しを置くか
• どこに画像を置くか
• どの順番で情報を見せるか
• 問い合わせボタンをどこに配置するか

 

などを整理します。

 

完成デザインのように色や装飾まで細かく作り込むのではなく、情報の配置や優先順位を確認することが主な目的です。

 

住宅でいう間取り図に近いイメージです。

 

たとえばサービスページで、最初にサービス概要を見せ、その後に強み、料金、事例、問い合わせという順番にするかをワイヤーフレームで検討します。

 

ワイヤーフレームの段階で情報の不足や順番を確認できれば、デザイン完成後に大きく修正する手間を減らせます。

 

制作会社からワイヤーフレームの確認を求められたときは、色や細かな見た目よりも「必要な情報があるか」「順番が分かりやすいか」を中心に確認するとよいでしょう。

サイトマップ

サイトマップとは、Webサイト全体のページ構成を整理したものです。

 

制作時には、

• トップページ
• 会社概要
• サービス
• 実績
• 採用情報
• お問い合わせ

 

といったページを、どのような階層で配置するか整理します。

 

たとえば「サービス」の下に「サービスA」「サービスB」「サービスC」を配置する場合、それらの親子関係もサイトマップ上で確認できます。

 

サイトマップを作成することで、制作するページ数も把握しやすくなります。

 

ページ数はホームページ制作の費用や制作期間にも関係するため、初期段階で重要な資料です。

 

なお、「サイトマップ」という言葉には別の意味で使われるケースもあります。

 

この点は後半で詳しく説明します。

ヘッダー

ヘッダーとは、Webページの上部に表示されるエリアです。

 

多くのホームページでは、複数のページで共通して表示されます。

 

代表的な要素は、

• ロゴ
• メニュー
• 問い合わせボタン
• 電話番号
• 言語切り替え

 

などです。

 

ユーザーはヘッダーを使って、サイト内の主要なページへ移動します。

 

そのため、見た目だけでなく使いやすさも重要です。

 

メニュー項目が多すぎると目的のページを探しにくくなります。

 

反対に、必要な情報への導線が不足していても使いにくくなります。

 

制作会社から「ヘッダーを固定する」という提案が出ることもあります。

 

これはページを下へスクロールしても、ヘッダーが画面上部に残る設計です。

 

問い合わせなど重要な導線を常に表示したい場合に使われます。

フッター

フッターとは、Webページの最下部に表示されるエリアです。

 

ヘッダーと同様に、サイト内の多くのページで共通して使用されます。

 

フッターには、

• 会社情報
• 主要ページへのリンク
• お問い合わせ
• プライバシーポリシー
• 利用規約
• SNSへのリンク

 

などが配置されることがあります。

 

ユーザーがページを最後まで読んだ後に、次に進むページを探す場所としても使われます。

 

そのため、単なる会社情報の置き場所として考えるのではなく、サイト全体の導線の一部として設計することが重要です。

 

サイト規模が大きい場合は、フッターに主要カテゴリをまとめて掲載することもあります。

 

ヘッダーにすべてのページを表示すると複雑になるため、フッターと役割を分ける方法です。

レスポンシブデザイン

レスポンシブデザインとは、パソコンやスマートフォンなど、画面サイズに合わせてWebページの表示を調整する設計方法です。

 

同じWebページでも、PCでは横並びだった要素をスマートフォンでは縦並びに変更することがあります。

 

文字サイズやメニューの見せ方も調整します。

 

現在はスマートフォンからWebサイトを見るユーザーも多いため、PC画面だけを基準にホームページを作るのは適切ではありません。

 

たとえばPCでは見やすい3列レイアウトでも、スマートフォンの狭い画面でそのまま表示すると文字や画像が小さくなります。

 

レスポンシブデザインでは、画面幅に合わせて配置を変えることで読みやすさを維持します。

 

制作会社との打ち合わせで「SP対応」「スマホ対応」といった言葉が出ることもあります。

 

レスポンシブデザインは、その代表的な対応方法の一つです。

UI

UIは「User Interface」の略で、ユーザーがWebサイト上で見たり操作したりする部分を指します。

 

たとえば、

• ボタン
• メニュー
• フォーム
• 入力欄
• アイコン
• ページ内の配置

 

などです。

 

「UIが分かりやすい」という場合は、ユーザーが迷わず操作できる状態を意味します。

 

たとえば問い合わせフォームで、どの項目へ何を入力すればよいか一目で分かる状態は、UIが分かりやすいといえます。

 

逆に、クリックできる場所が分からなかったり、重要なボタンが見つけにくかったりすると使いづらくなります。

 

UIはデザインの美しさだけを指す言葉ではありません。

 

ユーザーが目的の操作をしやすいかどうかも重要です。

ホームページの集客に関する用語

ホームページは制作して公開するだけで、自動的に多くのユーザーが訪れるわけではありません。

 

検索エンジンや広告、SNSなどからサイトへアクセスしてもらう必要があります。

 

その中でも、ホームページ制作の段階から頻繁に使われる言葉がSEOです。

SEO

SEOは「Search Engine Optimization」の略で、日本語では検索エンジン最適化と呼ばれます。

 

Googleなどの検索結果で、ユーザーにWebページを見つけてもらいやすくするための取り組みです。

 

たとえば大阪でホームページ制作会社を探しているユーザーが、「ホームページ制作 大阪」と検索したとします。

 

その検索結果から自社サイトを見つけてもらうために、ページ内容やサイト構造などを整えるのがSEOです。

 

SEOでは、単に検索キーワードを文章へ何度も入れればよいわけではありません。

 

ユーザーが知りたい情報を分かりやすく掲載することが基本です。

 

ホームページ制作では、

• ページ構成
• タイトル
• 見出し
• コンテンツ
• 内部リンク
• ページの表示や使いやすさ

 

など、さまざまな要素が関係します。

 

そのため、サイト完成後にSEOを考えるのではなく、制作段階から検索流入を意識して設計することがあります。

 

制作会社へ依頼するときに「SEO対応」と書かれている場合は、具体的に何を行うのか確認するとよいでしょう。

 

基本的な内部設定だけの場合もあれば、キーワード調査や記事制作まで含まれる場合もあります。

ホームページ制作の打ち合わせで意味を間違えやすい用語は？

ホームページ制作の用語には、一つの言葉が文脈によって違う意味で使われるものがあります。

 

言葉だけを覚えていても、相手が別の意味で使っていると認識がずれることがあります。

 

特に注意したいのが、「サイトマップ」「LP」「UIとUX」です。

 

打ち合わせで曖昧だと感じた場合は、その場で意味を確認して問題ありません。

 

専門用語を知っていることより、認識を合わせることの方が重要です。

「サイトマップ」は用途によって意味が異なる

サイトマップという言葉は、ホームページ制作では主に「サイト全体のページ構成図」という意味で使われます。

 

たとえば、

 

トップページ
└ サービス
　├ サービスA
　├ サービスB
　└ サービスC

 

といった形で、ページの階層を整理した資料です。

 

一方、SEOやシステムの話では「XMLサイトマップ」を指すことがあります。

 

XMLサイトマップは、検索エンジンにWebサイト内のURLを伝えるためのファイルです。

 

さらに、ユーザー向けにページ一覧を掲載した「HTMLサイトマップ」を指す場合もあります。

 

つまり、「サイトマップ」という言葉だけでは意味が一つに決まりません。

種類	主な用途
制作用サイトマップ	Webサイト全体のページ構成を整理する
XMLサイトマップ	検索エンジンへURL情報を伝える
HTMLサイトマップ	ユーザーがサイト内ページを探す

 

制作初期の打ち合わせであれば、ページ構成を意味しているケースが多いでしょう。

 

SEO設定の話をしている場合は、XMLサイトマップを指している可能性があります。

 

「どのサイトマップのことですか」と確認すれば、認識違いを防げます。

「LP」は文脈によって意味が変わる

LPも意味を間違えやすい用語です。

 

本来のLanding Pageは、ユーザーが外部からWebサイトへ訪れた際に最初に到達したページを意味します。

 

たとえば検索結果からサービスページへアクセスした場合、そのサービスページがランディングページです。

 

一方、ホームページ制作や広告の現場では、「商品やサービスを1ページで訴求する縦長ページ」という意味で使われることが一般的です。

 

そのため、

 

「広告用LPを作る」

 

と言われた場合は、後者を指していると考えてよいでしょう。

 

アクセス解析で、

 

「LPごとの成果を見る」

 

という話をしている場合は、「最初に閲覧されたページ」という意味で使われることがあります。

 

同じ略語でも、制作と分析では意味が違う場合があります。

「UI」と「UX」は同じ意味ではない

UIとUXもセットで使われることが多いため、同じ意味だと思われがちです。

 

UIは、ボタンやメニュー、フォームなど、ユーザーが直接見たり操作したりする部分です。

 

一方、UXは「User Experience」の略で、サービスやWebサイトを利用して得られる体験全体を指します。

 

たとえばECサイトで、

• 購入ボタンが分かりやすい
• 入力フォームが使いやすい

 

といった点は主にUIに関係します。

 

一方、

• 商品を簡単に探せた
• 購入手続きがスムーズだった
• 欲しい商品を迷わず購入できた

 

といった利用体験全体はUXに関係します。

 

UIを改善することがUXの向上につながる場合はあります。

 

ただし、UIだけを整えれば必ずUXが良くなるわけではありません。

 

たとえばボタンのデザインが分かりやすくても、ページ構成が複雑で目的の商品までたどり着けなければ使いやすいサイトとはいえません。

 

制作会社との打ち合わせで「UI/UXを改善する」と言われた場合は、具体的に何を変更するのか確認すると理解しやすくなります。

まとめ｜ホームページ制作の用語はよく使うものから覚えよう

ホームページ制作では、さまざまな専門用語が使われます。

 

しかし、最初からすべてを覚える必要はありません。

 

まずは制作会社との打ち合わせやサイト制作で登場しやすい基本用語から理解しておけば十分です。

 

ECサイトはWeb上で商品を販売するサイト、LPは商品やサービスを1ページで訴求するページとして使われることが多い言葉です。

 

制作・構築では、通信を暗号化するSSL、コンテンツを管理するCMS、デザインをWeb上で表示できる形にするコーディングなどがあります。

 

ページ構成を考える際には、ワイヤーフレームやサイトマップという言葉が使われます。

 

画面上では、ヘッダーやフッター、レスポンシブデザイン、UIなども頻繁に登場します。

 

集客ではSEOが代表的です。

 

また、サイトマップやLPのように、使われる場面によって意味が変わる用語もあります。

 

意味が分からないまま進めると、制作会社との認識がずれてしまうことがあります。

 

専門用語を暗記することが目的ではありません。

 

「何について話しているのか」を理解できる程度に意味を押さえておけば、ホームページ制作の打ち合わせや確認作業をスムーズに進めやすくなります。