ホームページ作成の用語集

複数のWebページが集まってできた、情報のまとまり全体のこと。

家全体

今あなたが見ているこの1ページのこと。Webサイトを構成する各ページ。

リビングや寝室などの各部屋

https://www.example.com のような、Webページの場所を示すインターネット上の「住所」。

家の住所

example.com の部分。世界に一つだけの、あなたのサイトの「名前」です。

「山田家」のような表札

ホームページを構成するデータ（文章や画像など）を保管しておく場所。24時間365日動いています。

家を建てるための「土地」

ホームページを見るためのソフト。Google Chrome, Safari, Microsoft Edgeなどがあります。

家（Webサイト）を見るための「窓」

ホームページの文章の構造や骨組みを作るための言語。「ここは見出し」「ここは段落」といった指示を出します。

家の柱や壁などの「骨組み」

HTMLで作った骨組みに、色や大きさ、レイアウトなどの「装飾」を施すための言語。

壁紙の色や家具の配置などの「内装」

ホームページに「動き」をつけるための言語。スライドショーやポップアップウィンドウなどに使われます。

自動で開くドアや照明などの「設備」

Webサイトの上部にあり、どのページにも共通して表示される部分。ロゴやメニューが置かれます。

Webサイトの下部にあり、どのページにも共通して表示される部分。コピーライト表記や会社概要へのリンクが置かれます。

ホームページに掲載されている文章、画像、動画などの情報そのもの。

サイト内の目的のページにスムーズに移動できるように案内するメニューやリンクのこと。グローバルナビゲーションは、主にヘッダーにある主要メニューを指します。

サイトの「顔」となる最初のページ。訪問者が最初に訪れることが多い重要なページです。

トップページからリンクでつながっている、サービス紹介や会社概要などの個別ページ。

検索結果や広告などを経由して、訪問者が最初にたどり着くページ。特に、商品購入や問い合わせなど、１つの目的に特化した縦長のレイアウトが多いです。

パソコン、タブレット、スマートフォンなど、見る人の画面サイズに合わせて、自動的にレイアウトが最適化されるデザインのこと。

ホームページの「設計図」。どこに何を配置するかを、色や装飾を省いた線画で示します。

ワイヤーフレームに色や画像などを加え、完成イメージを具体的にした「模型」のこと。

ユーザー（利用者）とサービスとの接点すべてを指します。Webサイトでは、ボタンの形や文字の読みやすさなど、見た目や操作性のことです。

ユーザーがサービスを通じて得られる「体験」のこと。「このサイトは使いやすい」「楽しかった」といった感情も含みます。良いUIが良いUXにつながります。

ページを開いたときに、スクロールせずに最初に見える範囲のこと。ここで訪問者の心をつかむことが重要です。

「行動喚起」と訳されます。訪問者にとってほしい行動（例：「資料請求はこちら」「購入する」）を促すボタンやリンクのことです。

Contents Management Systemの略。HTMLやCSSの知識がなくても、ブログのように文章や画像を管理・更新できるシステムのこと。

世界で最も利用されているCMSの一種。無料で利用でき、デザインや機能の拡張がしやすいのが特徴です。

通信を暗号化する仕組み。URLが http:// ではなく https:// から始まり、鍵マークが表示されます。訪問者が安全にサイトを閲覧でき、Googleなどの評価にも影響します。

Search Engine Optimizationの略で、「検索エンジン最適化」と訳されます。Googleなどの検索結果で、自社のサイトが上位に表示されるように行う様々な施策のことです。

どんな人が、いつ、どのページを、どれくらい見たかなどを分析すること。サイト改善のヒントになります。「Google Analytics」が代表的なツールです。