WEBサイト制作でわかったつもりはNG！専門用語を理解しよう

WEB制作の現場では、プロジェクト進行中に専門のWEB用語が登場することが多々あります。

「プロの業者に任せているから」と油断してわかったふりをしてしまうと、認識の齟齬が起きたまま制作が進んでしまい、トラブルに発展することがあります。

特に、序盤で起きた食い違いは致命的な事故に繋がりかねないため、予めしっかりと用語を理解しておくことが重要です。

この記事では、WEB制作の進行別によく使用される用語を解説していきます。
制作会社とスムーズな打ち合わせを行うためにも、しっかりと理解しておきましょう。

プロジェクト編

打ち合わせや企画段階で登場する用語について解説していきます。

ペンディング

あるタスクが完了するまで待機することを指す言葉で、何らかのアクションが実行される前に保留にされることを意味します。

FIX

FIXには2つの意味があります。

1. 決定、確定
2. 不具合、バグの修正

プロジェクト段階では、方針や制作スケジュールの決定という意味で使われることが多いです。

ローンチ

WEBサイトの公開や、サービスの正式開始を指します。

レギュレーション

WEBサイトやアプリケーションの品質を保つための、ルールや規則。

アジェンダ

ミーティングや会議で議題とするべき事項のリスト。事前に作成しておくことで、会議の進行がスムーズになります。

工数

プロジェクトの実行に必要な時間や労力を指す言葉。タスクの実行に要する作業時間や人数、コストなどを計算するために用いられます。

リソース

プロジェクトを実行するために必要な人員やツール、設備、予算などの資源。

リスケ

「リスケジュール」の略称。プロジェクトのスケジュールや計画を変更することを指します。

あいみつ

「相見積もり」の略称。作業を外注したり、ツールを導入する際に何社か比較検討する際に用います。

サイト制作編

制作序盤で登場する用語について解説していきます。

PC

「PersonalComputer」の略称。ノートやデスクトップなど、全てのパソコン端末のことを指します。

SP

「Smartphone」の略称。スマートフォンやタブレットなどの携帯端末を指します。

LP・ランディングページ

1. サイトにアクセスした人が最初に着地したページ
2. 縦長デザインのコンバージョン用のページ

の2つの意味があります。基本的に2つ目の意味で使われますが、アクセス解析などでは1つ目の意味になることもあるため、混同しないように注意が必要です。

ECサイト

「E-Commerceの略称」。商品やサービスをインターネット上で販売するためのWEBサイトのことを指します。

ワイヤーフレーム・WF・構成案

WEBサイトのデザインや構造を概念的に表現したもの。コンテンツのレイアウトや機能の配置などを視覚的に表現した、デザインの基となる枠組み。

ディレクトリマップ・サイトマップ

WEBサイトの構造を示すもの。ページ間の階層構造や関連性を視覚的にわかりやすくし、制作がスムーズに進むように作られる。

CMS

「Content Management System」の略称。WEBサイトのコンテンツを簡単に更新することができるシステム全般を指します。

WordPress

世界で最も使われているCMS。自社更新が可能なWEBサイトを制作する場合は、WordPressが用いられることが多い。

DB・データベース

複数のデータを効率的に管理・保存するためのシステム。WEBサイトにおいては、コンテンツや顧客情報、注文情報などを管理するために用いられる。

SSL

「Secure Sockets Layer」の略称。WEBサイトとユーザーのブラウザ間でデータを暗号化して送信することで、セキュリティを確保するための技術を指します。「SSL化」「https」などとも呼ばれます。

アクセシビリティ

情報へのアクセスしやすさを指す言葉。WEBサイト制作においては、「年齢、性別、身体的特徴に関わらず、誰にとっても同じような使用感」という意味でも用いられる。

メタ・meta（title／description／H1）

WEBページのHTMLコード内にある、ページの情報を検索エンジンに伝えるためのタグ。それぞれに下記のような意味があります。

タグ	意味
title	WEBページのタイトル
description	WEBページの内容の説明文
h1	WEBページの大見出し

 

階層

WEBサイトのコンテンツを、トップページから下位ページに向かって分類した階層構造のこと。

デザイン・コーディング編

デザインや実装段階で登場する用語について解説していきます。

レスポンシブ

デバイスの画面サイズに応じて自動的にレイアウトが切り替わるWEBデザインのこと。

コーディング

WEBデザインをHTML、CSS、JavaScriptなどのコンピュータが理解できる言語でマークアップし、WEBサイトとしての機能を実装すること。

グローバルナビゲーション

WEBサイト全体を横断するメニューのこと。トップページから他のページへ移動するためのナビゲーション。

マージン

要素の周囲に設定する余白のこと。要素と要素の間のスペースを調整するために使用される。

パンくずリスト

WEBサイトのページの履歴を示すナビゲーションで、現在のページがどのようなカテゴリに属しているかを示す。

アコーディオンメニュー

ページ上に複数の項目を収納しておき、クリックすることで項目を展開することができるメニュー。

プルダウンメニュー

マウスでボタンをクリック、またはカーソルを合わせると、項目が下に表示されるメニュー。

アンカーリンク

クリックすると、同じページ内の別の場所にスクロールするように設定されたリンク。

スライダー・スライドショー

複数の画像を一定の時間間隔で切り替えて表示する、自動でスライドする画像表示方法。

カルーセル

WEBサイト上で、複数の画像やコンテンツを自動的に切り替えるスライドショーのことを指します。カルーセルは、WEBサイトのビジュアル面での興味深さを高めるのに役立ちます。

タブデザイン

コンテンツを複数のタブで分割して、選択されたタブのコンテンツを表示するデザイン方法。

ヘッダー・フッター

WEBページの上部・下部に表示されるエリア。上部のヘッダーにはサイトのロゴやナビゲーションが、下部のフッターにはサイト情報や運営者情報、コピーライトが表示される。

ファーストビュー

WEBページを表示した際に最初に表示されるエリアのこと。

メインビジュアル

WEBページのファーストビューや中心に配置される大きな画像や動画のことで、サイトのトップページによく使われる。

アイキャッチ画像

ブログやニュース記事などの一覧ページにアイコンとして表示される画像。

リード文

コンテンツの冒頭に置かれる、読者の興味を引く文章。「導入文」とも呼ばれる。

カラム

WEBページやレイアウト内で、複数のコンテンツを並べるために使用される縦方向に長い矩形領域のことで、レイアウトの列を表します。通常、一つのカラムは一つのテーマに関連したコンテンツをまとめます。

内部リンク

同じWEBサイト内で、異なるページやセクションにリンクすることを指します。内部リンクは、WEBサイト内のナビゲーション、目次、または関連記事などに使用されます。

被リンク・外部リンク

他のWEBサイトから自分のWEBサイトに向けられたリンクを「被リンク」、自分のWEBサイトから他のWEBサイトへ向けたリンクを「外部リンク」と呼びます。被リンクは、WEBサイトのSEO（検索エンジン最適化）の観点から非常に重要です。

ラジオボタン

ユーザーが一つだけを選択できるようにするための選択肢。一つのラジオボタングループ内では、同時に複数の選択はできません。

チェックボックス

ユーザーが複数の選択をすることができるようにするための選択肢。複数のチェックボックスをグループ化して、複数の選択を許可することができます。

セレクトボックス

ユーザーが一つだけを選択できるようにするための選択肢。一般的に、セレクトボックスはドロップダウンリストで表示されます。

ポップアップ

WEBサイト上で、新しいウィンドウやダイアログボックスを表示するために使用されるUI要素です。「モーダル」と呼ばれることもあります。

マーケティング編

マーケティング段階で登場する用語について解説していきます。

ユーザビリティ

WEBサイトやアプリの使いやすさを測るための指標。ユーザーがWEBサイトやアプリを利用する際に、操作しやすく、使いやすく、ストレスなく目的を達成できるかどうかを評価することが目的。

UI

「User Interface」の略称。ユーザーがWEBサイトやアプリを操作するために必要なインターフェース全体のことで、デザインやレイアウト、アイコンやボタン、フォントなどの要素から構成される。

UX

「User Experience」の略称。ユーザーがWEBサイトやアプリを使って、どのような体験を得るかを設計することを指す。ユーザーがどのようなニーズを持っているかを理解して、それを満たすために使いやすいデザインや機能、情報設計を行うことが目的。

KPI

「Key Performance Indicator」の略称。目標達成度合いを測るための指標を指し、WEBサイトやアプリの設計や運用、マーケティング戦略の評価に使用される。

KGI

「Key Goal Indicator」の略で、WEBサイトやアプリの運営における重要な目標を測るための指標。KPIと同様に、目標達成度合いを評価するために使用される。

CV・コンバージョン

「成約」を指す言葉。WEBサイトやアプリの設計や運用において、目的とするアクションをとってくれるユーザーのことを指す。例えば、商品購入、問い合わせ、アプリのダウンロードなどがある。

CVR

「Conversion Rate」の略称。コンバージョン率を表し、WEBサイトやアプリのコンバージョン数を訪問者数で割った値で表される。

CTA

「Call to Action」の略称。ユーザーに対して具体的なアクションを促すボタンやテキストなどのことを指す。例えば、「今すぐお問い合わせ」「商品を購入する」などがある。

SEO

「Search Engine Optimization」の略で、検索エンジン最適化を指す。WEBサイトが検索エンジンの検索結果で上位に表示されるように対策し、集客やブランディングの強化のために行う。

EFO

「Entry Form Optimization」の略で、入力フォーム最適化を指す。ユーザーが使いやすいフォームを作り、コンバージョンアクション時の離脱を防ぐために行う。

LPO

「Landing Page Optimization」の略で、ランディングページ最適化を指す。ランディングページのコンテンツやデザインを改善し、コンバージョン率の増加を図るために行う。

PV

「Page View」WEBサイトの閲覧ページ数を表す指標。1つのページが1回表示された場合にカウントされる。

セッション

WEBサイトを訪問したユーザーが、WEBサイト内で行動する時間の期間のこと。一定時間内に同じユーザーが複数のページを閲覧した場合でも、1つのセッションとしてカウントされる。

ペルソナ

ターゲットとする顧客層を仮想的な人物像として具体的に定義し、その人物像に合わせたコンテンツやサービスを提供するための顧客分析手法の一つ。定義した人物像そのものを指すこともある。

ABテスト

2つ以上の異なるバージョンのWEBページや広告などをランダムに訪問者に表示し、どちらがより効果的なのかを比較する実験的な検証手法。

まとめ

この記事では、WEB制作の現場で使われる専門用語について解説しました。

制作会社は日常会話で用語を使用しているため、お客様にはわかりやすくお伝えすることを心がけてはいても、癖で使ってしまうことがあります。

わかったふりをして制作を進めてしまうと、後にトラブルに発展することもあるため、どういった意味、ニュアンスで使用しているかをしっかりと確認しましょう。