インフォメーションアーキテクチャ（Information Architecture）は、ホームページ（ウェブサイト）においては、サイト内の情報・データの組織化を意味します。 インフォメーションアーキテクチャ（情報アーキテクチャ）の考え方を理解したうえでホームページ制作を行うと行わないとではホームページの出来やWebマーケティング成果に大きな違いがあります。
ウェブサイト構造
アクセシビリティ（accessibility）は、ホームページ（ウェブサイト）においては、サイトの閲覧自体の汎用性の高さ、「様々なユーザーにとって利用のしやすい」、といった意味があります。 例えば、視覚障害者であってもウェブページの読み上げによる情報の受け取りを叶えるために、画像に代替テキストを設定するといったようなことがアクセシビリティです。ホームページ制
アクセシビリティ Web制作|ホームページ制作用語
GUI(Graphical user interface)は、UIのうち、視覚的に双方のコミュニケーションを図ることを目的としたUIです。ホームページ制作においては、ドラッグアンドドロップで選択項目を選ぶなどの配慮がGUIに該当すると考えられます。 テキスト・コマンドからアイコン・マウスへ 古くは、テキストベース、コマンド操作だったコンピュータの世界に、アイ
GUI Web制作|ホームページ制作用語
UI（user interface）は、コンピュータとユーザーとの間での入力や出力といったコミュニケーションにおけるインターフェイスです。 インターフェイスは、デバイス間、もしくは、ユーザーとデバイスの接点となる部分や規格で、ハードとしてはキーボードやタッチパネルがわかりやすいかもしれません。互いの意志を伝える手段というイメージです。 ウェブでの「UI」 ウ
UI Web制作|ホームページ制作用語
ユーザビリティ（usability）は、ホームページ（ウェブサイト）において、サイトを閲覧するウェブユーザーにとっての使用性・操作性など、ウェブサイトの使いやすさを意味します。ユーザビリティの向上はPV数やWebマーケティング効果に影響しますので、十分に配慮してホームページ制作を行う必要があります。求めている情報への到達の容易さや見やすさ、移動や入力における
ユーザビリティ Web制作|ホームページ制作用語
セレクトボックスは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面における択一式の選択項目です。ホームページ制作においてはメールフォームや条件検索でよく使用されます。該当セレクトボックスをクリックすると選択項目がプルダウン表示されます。 プルダウンで表示 セレクトボックスに選択項目が入っており、クリックするとプルダウンで選択項目が
セレクトボックス Web制作|ホームページ制作用語
チェックボックスは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面におけるチェック式の選択項目ボタンです。ホームページ制作においてはメールフォームや条件検索でよく使用されます。一般的に項目の先頭に四角の選択表示が付きます。 項目の複数選択が可能 チェックボックス（もしくはそれに関連付けられた文字列などの要素）をクリックで選択します
チェックボックス Web制作|ホームページ制作用語
ラジオボタンは、ホームページ中のエントリーフォームなど、ユーザーが項目を入力や選択する場面における択一式の選択項目ボタンです。ホームページ制作においてはメールフォームや条件検索でよく使用されます。一般的に項目の先頭に丸型の選択表示が付きます。 ラジオボタンの特徴 ラジオボタンは項目の選択において複数の中から一つしか選択できないため、エントリーフォームにおける
ラジオボタン Web制作|ホームページ制作用語
エントリーフォームは、ホームページ（ウェブサイト）においては、お問い合わせフォーム、資料請求フォーム予約フォームなど、ユーザーが情報を入力してメールなどの連絡を送信できるフォームになります。 お問い合わせフォーム 資料請求フォーム 予約フォーム 企業が運営するサイトにおいては、情報掲載だけでなくこうしたエントリーフォームを設置してWebマーケティングを行うこ
エントリーフォーム Web制作|ホームページ制作用語
ナチュラルリンクは、そのまま文字通り「自然なリンク」という意味があります。 SEO外部対策としてこのナチュラルリンク獲得がもっとも基本形になります。現在でも検索エンジンのPageRankは有効であり、リンクによるPageRankの転送も行われていますが、関連性が高くスパム要素のない自然なリンクは高品質リンクとして高く評価されます。 ナチュラルリンクは被リンク
ナチュラルリンク Web制作|ホームページ制作用語
相互リンクは、そのまま文字通り、他のサイトと自サイトが相互にリンクを施すことを指します。SEO外部対策として一時期注目されましたが、リンク品質に関する検索アルゴリズムアップデートによって、関係性・関連性の薄い相互リンクはほとんどSEO効果がなくなりました。 通常考えられる相互リンクは、協力関係にある同一テーマのサイト同士や同一企業の他のサイト群の間での相互リ
相互リンク Web制作|ホームページ制作用語
被リンク（バックリンク）は、外部サイトからリンクを受けることを指します。SEO対策の「SEO外部対策」としてよく話題になります。 発リンクが外部サイトへのリンクを自サイト内に施すのに対して、被リンクは、外部のサイトから自サイトに向けて施されたリンクです。 被リンクを受けると外部のサイトからPageRankを受け取ることができるため、SEO外部対策として被リン
被リンク（バックリンク）Web制作|ホームページ制作用語
発リンクは、文字通りリンク（アンカー）を発することですが、狭義にはそのうち、自サイトから外部サイトに対してのリンク（外部リンク） を指します。SEOを考える上ではこの発リンクに関してもページ同士の関連性などを考慮する必要があります。 内部リンク、外部リンクとも、リンクには、同一ウィンドウでの表示や別タブで表示などの指定をすることができます。 外部リンク 外部
発リンク（外部リンク）Web制作|ホームページ制作用語
内部リンクは、リンク（アンカー）のうち、同一サイト内の他のページなどのコンテンツに対して施されたリンクです。同一ドメインの内側でのページ移動に使用されます。外部サイトへのリンクである外部リンク（発リンク）に対して、自サイト内へのリンクは、内部リンクと呼ばれます。 ユーザーのページ移動のしやすさや、検索エンジンクローラーの巡回のしやすさに関係するため、サイト内
内部リンク Web制作|ホームページ制作用語
画像リンクは、ホームページ制作で使用するアンカー（リンク）において、テキストアンカーがテキスト形式のリンクであるのに対して、アンカータグに囲まれた部分が画像である場合のリンクを指します。SEOを考える腕はこの画像リンクも最適化する必要があります。 画像をクリックすることでリンク先に移動するという機能となりますが、PC表示においては、マウスを当てると透過度が変
画像リンク Web制作|ホームページ制作用語
アンカーテキストは、ホームページ内のアンカー（リンク）において、アンカータグに囲まれたテキスト部分です。このテキスト形式のアンカーをテキストアンカーと呼びます。SEOでのリンクの品質に関係する項目です。 いわゆるリンク文字列であり、リンク先の内容を示す手助けの役割もあります。 アンカーテキストとリンク先ページ リンクの設定において、アンカーテキストに含まれた
アンカーテキスト Web制作|ホームページ制作用語
垂直型ナビゲーションは、ホームページにおいてウェブページの上下の階層にある他のコンテンツへのナビゲーションです。そのページのカテゴリトップなどへのナビゲーションも垂直型ナビゲーションにあたります。ホームページ制作においては、垂直型ナビゲーションとしてパンくずリストなども設置されることがあります。親ページ、子ページへのナビゲーションといったイメージです。 ペー
垂直型ナビゲーション Web制作|ホームページ制作用語
水平型ナビゲーションは、そのウェブページの同一階層にある他のコンテンツへのナビゲーションで、前後ページヘのナビゲーションも水平型ナビゲーションにあたります。ホームページ制作においては、時系列的な前後記事へのリンクや同一階層の他ページへのリンクが該当します。 垂直型ナビゲーションがページ間の親子関係などを示すのに対して、水平型ナビゲーションは、同一カテゴリー、
水平型ナビゲーション Web制作|ホームページ制作用語
CTA（Call to Action）ボタンは、Call to Action（コールトゥーアクション）、つまり行動喚起のためのボタンで、例えば、まず「お問い合わせ」、「資料請求」などのページへのボタンを設置します。CTAボタンはホームページのWebマーケティング効果を高めるために使用されます。近年では、チャット機能の開始ボタンなども設置されることがあります。
CTAボタン Web制作|ホームページ制作用語
プルダウンメニュー（ドロップダウンメニュー） は、ウェブページにおいて、メニューのタイトル部分をクリックすると、メニュー詳細項目が垂れ下がって表示されるタイプのメニューです。アコーディオンメニューとも呼ばれます。 ホームページ制作においては、クリックオープンで選択肢を選ぶという形で複数項目の表示領域を小さくする場合などに使用されるメニュー形式です。 数が多く
プルダウンメニュー（ドロップダウンメニュー）Web制作|ホームページ制作用語
ローカルナビゲーション（ローカルリンク） は、ウェブサイト（ホームページ）のページ移動のためのナビゲーションのうち、そのページの前後ページや関連記事など、そのページの属するカテゴリー内の他のページへのリンク、リンク群を指します。 また狭義ローカルリンクとしてコンテンツ内部に設置されたリンクを指すこともあります。グローバルメニューやサイドバーメニューなどの共通
ローカルナビゲーション（ローカルリンク）Web制作|ホームページ制作用語
グローバルナビゲーション（グローバルリンク） は、ホームページ（ウェブサイト）のページ移動のためのナビゲーションのうち、ヘッダー・サイドバー・フッターなどに設置されている重要なページ（メインコンテンツやカテゴリのトップレベル）ヘのメニューリンク群を指します。 ホームページ制作においては、ほとんどのタイプのホームページに設置され、重要ページへのリンクメニューと
グローバルナビゲーション（グローバルリンク）Web制作|ホームページ制作用語
ナビゲーション（navigation）は、ウェブサイトにおいては、そのウェブページ以外のページへと移動するためのリンクなどを意味します。ページナビゲーションとも呼ばれます。 狭義には、サイト内の全てのページに共通して設置されているヘッダー部やサイドバーなどのメニューリンク群を指します。 コンテンツ内部の発リンクは、「単発の参照」といったイメージですが、ナビゲ
ナビゲーション Web制作|ホームページ制作用語
ユーザースタイルシートは、ウェブブラウザでウェブページを閲覧する際に、ブラウザ側でページのスタイル（フォントスタイル・フォントカラー・背景色など）を設定できるページフィルターのような機能です。 ホームページ制作においてCSSが指定されていない場所はブラウザによるスタイルシートが適用され、ユーザーが独自にブラウザで設定したユーザースタイルシートがある場合は、そ
ユーザースタイルシート Web制作|ホームページ制作用語
インラインフレームは、フレームと同じようなウェブ技術ですがインライン要素として外部のページを呼び出します。 現在でもホームページ制作における「ウェブページへの地図の埋め込み」などで利用されている方法です。 通常のフレームが、ページ上の分割としての機能面を指しているのに対して、インラインフレームはホームページ制作における「外部ページの呼び出し引用」というような
インラインフレーム Web制作|ホームページ制作用語
フレームは、ウェブページを動的生成することが困難だった時代によく使われたウェブ制作手法で、ウェブページを構成する各部分を分割して制作し、各フレーム内に呼び出すことによって、共通項である部分の更新、編集を容易にする手法です。共通表示部分であるロゴやメインメニューなどを固定的に表示し、固有の情報が掲載されたコンテンツ部分だけを切り替えていくといったサイトの仕様に
フレーム Web制作|ホームページ制作用語
サブメニューは、ウェブサイト（ホームページ）においては、メインメニューの補助的役割を果たすメニューで、下層コンテンツへのナビゲーション機能をもちます。ホームページ制作においては、ユーザーのクリックなどで表示するといった形式で表示領域を少なくしたり、サイズの調整でメインメニューとの重要度の違いを示す場合もあります。 クリックで表示するサブメニュー ツリー構造メ
サブメニュー Web制作|ホームページ制作用語
ツリー構造メニューは、ウェブサイト制作（ホームページ制作）において、各ウェブページへのナビゲーションであるメニューが、サイトのツリー構造にしたがってツリー構造になっているタイプのものを指します。ホームページ制作ではグローバルメニューなどで利用されます。 大分類としてのメニューがあり、それぞれの項目に該当分類の中の中分類のメニュー項目が並んでいるようなイメージ
ツリー構造メニュー Web制作|ホームページ制作用語
クリッカブルマップは、言葉の通り「クリックすることのできる」「マップ」です。ホームページ制作・Web制作においては情報サイトなどで視覚的にページリンクを設置する時に使用されます。 ひとつの画像に複数のリンクを設置することができ、例えば都道府県の地図の画像の上で、該当都道府県の場所をクリックすると、その場所のコンテンツが示されたページヘとリンクで渡ることができ
クリッカブルマップ Web制作|ホームページ制作用語
ワイヤーフレームは、ホームページ（ウェブサイト）の設計図面のようなもので、ウェブサイトを構成する各パーツであるヘッダー・コンテンツ・サイドバー・フッターといったレイアウト的な側面や色調、ウェブサイトのコンテンツのツリー構造などを示したものです。 本格的なホームページ制作業務に入る前に、依頼者と制作者の意思のズレを防ぐために利用されます。手書きで構成された概要
ワイヤーフレーム Web制作|ホームページ制作用語
IDセレクタは、ホームページ制作時のウェブページにおいてhtml側の要素に付けられたID属性（特定のID名）に対して、CSSのプロパティを設定するためのセレクタです。なお、同一のHTML文書内では同一id名を指定することはできません。 idと類似したものとしてclassがあります。idはページ内リンクのための場所の指定にも使えるものの、classはそうしたも
IDセレクタ Web制作|ホームページ制作用語
要素は、ホームページ制作（ウェブサイト制作）においては、ウェブサイトを構成する各セクションのことを指し、ブロック要素やインライン要素などの分類があります。 ブロック要素とインライン要素 要素ごとに属性を指定してレイアウト等を決定していきます。ホームページ制作（ウェブサイト制作）においては、要素の内側にまた要素を設置するというケースも一般的です。 要素内の要素
要素 Web制作|ホームページ制作用語
コンテンツページは、文字通りコンテンツが込められたウェブページですが、索引的な意味合いの強いインデックスページやカテゴリページなどのリストページに比べて、固有のコンテンツがメインとして組み込まれたウェブページを指します。 狭義のコンテンツマーケティングではこうしたコンテンツページを利用してWebマーケティングを行います。 コンテンツマーケティング コンテンツ
コンテンツページ Web制作|ホームページ制作用語
インデックスページ（トップページ）は、ウェブサイトにおいて、狭義の「ホームページ」になります。 最も厳密なホームページは、ウェブブラウザのホームボタンで戻るスタートページですが、「ウェブサイト」に限定すれば、このトップインデックスページがホームページになります。 インデックス（index）とは、索引といった意味があるため、インデックスページはウェブサイト中の
インデックスページ（トップページ） Web制作|ホームページ制作用語
エラスティックレイアウトは、ウェブサイト・ホームページのレイアウト設計において、ウェブページの横幅を文字数によって決定にする可変レイアウトのウェブデザインです。ホームページのレイアウト幅を文字数で設定するため、フォントサイズによってページの横幅が変わります。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作・Webデザインの1ポイント エラス
エラスティックレイアウト Web制作|ホームページ制作用語
ソリッドデザイン/ソリッドレイアウトは、ホームページ（ウェブサイト）のレイアウトにおいて、ウェブブラウザ幅が変更されてもコンテンツ表示サイズは一定であるように設計された「固定幅」のウェブデザインです。 なお、ブラウザ幅によってコンテンツ幅が可変するものは、リキッドデザイン/リキッドレイアウトと呼ばれます。 カテゴリ別 Web制作/ホームページ制作用語集 ホー
ソリッドデザイン/ソリッドレイアウト Web制作|ホームページ制作用語
