ホームページ
会社やサービスの情報をWeb上で公開するための基本ページです。
会社概要、サービス内容、問い合わせ導線などをまとめる役割があります。
トップページ単体ではなく、サイト全体を指して使われることもあります。
Time Columns
DX, Web, AI
Time Glossary
Webサイト運用でよく使う基本用語です。
Web Operation
ホームページ制作やサイト改善でよく使う基本用語です。
会社やサービスの情報をWeb上で公開するための基本ページです。
会社概要、サービス内容、問い合わせ導線などをまとめる役割があります。
トップページ単体ではなく、サイト全体を指して使われることもあります。
企業の基本情報、事業内容、信頼材料を伝える公式サイトです。
採用、取引、問い合わせ前の確認にも使われます。
会社概要、サービス、実績、お知らせ、問い合わせなどで構成されます。
企業が自社で運営する情報発信メディアです。
コラムや解説記事を通じて、考え方や専門性を蓄積できます。
検索流入だけでなく、信頼形成や相談前の判断材料にもなります。
Webサイトの文章や画像を管理・更新するための仕組みです。
WordPressなどが代表例ですが、すべてのサイトに必須ではありません。
管理画面からページや記事を追加・編集できるものが一般的です。
世界的に広く使われているCMSの一つです。
テーマやプラグインを使って機能や見た目を拡張できます。
ブログ、企業サイト、メディアサイトなど幅広い用途で使われます。
HTMLやCSSなどのファイルをそのまま配信するWebサイトです。
表示が速く、構成がシンプルで、保守負荷を抑えやすい特徴があります。
管理画面やデータベースを使わない構成として扱われます。
静的サイトを公開するためのホスティングサービスです。
GitHubと連携して、push後に自動でサイトを反映できます。
HTML、CSS、JavaScriptなどで作られたサイトの公開に使われます。
ソースコードやWebサイトのファイルを管理するためのサービスです。
変更履歴を残しながら、安全に更新作業を進められます。
静的サイト運用では、Cloudflare Pagesとの連携にも使われます。
Webサイト全体のページ構成を整理した設計図です。
どのカテゴリにどのページを置くか、導線をどう作るかを考える土台になります。
トップページ、カテゴリ、下層ページの関係を図や一覧で表します。
ユーザーが目的のページへ移動するための案内部分です。
メニュー、ヘッダー、フッター、パンくずリストなどが含まれます。
サイト内の主要ページやカテゴリへの移動に使われます。
同じサイト内の別ページへつなぐリンクです。
関連記事、カテゴリ、用語集などをつなぐことで回遊しやすくなります。
ページ同士の関係を示すサイト内リンクです。
ユーザーを目的の行動へ自然に導くための設計です。
記事から関連記事、サービスページ、問い合わせへつなげる流れを考えます。
ページ間の移動順やCTAの配置を含む考え方です。
PC、スマホ、タブレットなど画面サイズに応じて表示を調整する設計です。
同じ内容でも、端末ごとに読みやすく見せることができます。
CSSのメディアクエリなどを使って表示を切り替えます。
スマホで表示したときの見え方や操作性のことです。
文字サイズ、余白、ボタンの押しやすさ、表示順などを含みます。
PC表示とは別に、スマホ画面でのレイアウトを確認します。
画像を軽く表示するための画像形式の一つです。
JPEGやPNGよりファイルサイズを抑えやすく、表示速度改善に役立ちます。
サイトの見た目を保ちながら、読み込み負荷を下げる用途で使われます。
Webサイトを公開後に維持・更新するための費用や手間です。
サーバー費、保守、修正、記事更新、確認作業などが含まれます。
制作後に継続して発生する管理負担全体を指します。
User Interfaceの略です。
ボタン、ナビゲーション、フォームなど利用者が触れる画面要素を指します。
操作しやすさや見やすさに関係します。
User Experienceの略です。
サイトやサービスを使ったときの体験全体を指します。
使いやすさ、分かりやすさ、安心感などを含みます。
User Experience Optimizationの意味で使われる改善活動です。
利用者が迷わず目的を達成できるように画面や導線を見直します。
表示速度、入力しやすさ、情報整理、CTA配置などが対象になります。
サイト全体で共通して表示される主要メニューです。
カテゴリや重要ページへの入口になります。
サイト構造を伝える役割もあります。
画面幅に応じて表示を調整する対応です。
PC、スマホ、タブレットで見やすく表示します。
レスポンシブデザインの実装を指します。
スマートフォンで見やすく操作しやすい状態です。
文字サイズ、余白、タップしやすさなどに関係します。
検索評価やユーザー体験にも関係します。
スマートフォンでの利用を先に考えて設計する考え方です。
PC版より先に小さい画面の体験を整理します。
現在のWeb運用でよく使われます。
ページ下部に置かれる共通領域です。
会社情報、リンク、ポリシー、コピーライトなどを載せます。
サイト全体の補助導線になります。
現在ページの位置を階層で示すナビゲーションです。
トップ、カテゴリ、記事の順に表示されます。
ユーザーと検索エンジンの両方に構造を伝えます。
ページごとに固定されたURLです。
記事やカテゴリの恒久的なリンクとして使われます。
URL設計やSEOに関係します。
指やペンで画面を操作する端末です。
スマートフォンやタブレットが代表例です。
ボタンサイズや余白設計に関係します。
画面サイズに応じてレイアウトが変わるサイトです。
1つのHTMLで複数デバイスに対応できます。
スマホ対応の基本的な形です。
画面幅に合わせて要素の幅が変わるレイアウトです。
固定幅ではなく相対的な幅で組みます。
レスポンシブ設計の一部として使われます。
AMP仕様に合わせて高速表示用ページを用意することです。
モバイル表示速度を意識した仕組みです。
現在は採用判断がサイトごとに分かれます。
サイト内のページや記事を検索する機能です。
記事数が多いサイトで目的ページを探しやすくします。
検索語の分析にも使えます。
ユーザーが情報を入力して送信する画面部品です。
問い合わせ、資料請求、予約、応募などに使われます。
入力項目やエラー表示の設計がCVに関係します。
Googleが提供するフォーム作成サービスです。
問い合わせ、アンケート、申込、社内申請などに使えます。
Googleスプレッドシートと連携して回答を管理できます。
日時やサービスを選んで予約できる仕組みです。
来店予約、相談予約、内見予約などに使われます。
フォームや通知、カレンダー連携と組み合わせることがあります。
メールマガジンを登録者へ配信することです。
お知らせ、キャンペーン、記事更新、物件情報などを届けます。
オプトインや配信停止対応も関係します。
WebサイトとSNSを連携させることです。
共有ボタン、投稿埋め込み、SNSリンク、広告計測などがあります。
集客や情報拡散の導線になります。
外部サービスの内容をWebページ内に表示することです。
動画、地図、予約フォーム、SNS投稿などで使われます。
表示速度や外部送信の確認対象になります。