用語集

ホームページはデザインするだけでは完成しません。ポスターをデザインした後に印刷が必要なように、
ホームページもコーディングすることで、はじめて完成します。

ただ目に見えない部分なのでデザインに比べると割高に感じる人も多いかもしれませんが、
ブログ更新システムやお問い合わせフォーム、スマートフォン対応など、
高度な技術が必要とされるホームページを支える重要な工程です。

コーディングをする人です。もうこの人たちがいないとホームページはつくれません。

通常Web制作会社ではデザイナーよりも人数が多いことがあります。それくらい重要。
優秀なコーダーさんは神と崇められます。

デザイナーと一括りにされがちですが、グラフィックデザイナーとWebデザイナーはサッカー選手と野球選手くらい違います。

WebデザイナーにポスターをつくってもらうとWebサイトっぽくなり、
グラフィックデザイナーにWebデザインをしてもらうとポスターっぽくなる現象がおきます。

コーディングの知識や、ウェブサイトとしての表現方法（スライド・動き・演出）を前提に、
デザインの効果を最大化する必要がある専門デザイナーです。

制作の工程管理や予算管理、雑用などなんでもやる人です。

元々コーダーやWebデザイナーからディレクターになった人が多いので、場合によっては簡単な修正やデザインも手伝ったりします。
逆になんにもしないWebディレクターは制作チーム全員から嫌われるので、指示役の割にはビビり散らかしている人が多いです。

ホームページを置く土地のようなもの。エックスサーバーやさくらインターネットなど大きな会社が
とんでもなくデケーサーバーを持っており、制作会社はその一部を契約してホームページを設置します。

もちろんお客さん自身で契約するパターンもありますが、ドメインとの設定だったり結構ややこしいので
最終的に制作会社に戻ってくることが多いです。

ホームページの名前みたいなもの（なんちゃら.com みたいなやつ）。
ホームページ創世記はドメイン（.comやco.jpなど）で信頼度を判断する人も多かったけど、ここ最近は薄れているように感じます。

それでも僕らの世代は、聞いたこと無いアドレスはこわい。うっかり契約切れになろうものならとんでもなくめんどくさいことになるので、
できれば制作会社で管理したい部分でもあります。

スマートフォンやタブレットなどPC以外の環境でもきれいに見えるホームページのことです。
「スマホ対応」と似てますが、スマホ対応は基本スマートフォンのみ対応するのに対して、
レスポンシブは様々な環境で見やすく！という仕様です。

とはいえ、すべての環境で完璧に見せるのはかなり難しくて、実感としては「95％くらいの環境で最適化されてる」という感じです。

ネットを見るためのブラウザの「記憶」のようなものです。キャッシュのおかげで早くネットが閲覧できる恩恵が得られます。

しかし、ホームページを変更した時に「変更したところが変わってないです」という状態になるのもこのキャッシュが原因。
キャッシュを消去するか、シークレットモードを使うと解消されることが多いです。
このやりとり、Web制作者は年間数十回はしているはず。

Chromeなどで使える、キャッシュから干渉されない“無垢な状態”でネットを見られる機能。
プライベートでは閲覧履歴やキャッシュが残らないので、他者のPCやスマホでネットを見る時に便利です。

Web制作では、更新未反映（キャッシュ問題）を除外したり、地域差や閲覧回数による検索順位の変化を避けて、
まっさらな状態で検索結果を調べる用途でも使えます。実装されたときGoogle様〜ってなった制作者は多い。

ホームページを開いた瞬間に表示される画面。FVと略すこともあります。
FV次第でサイトの印象はかなり変わるので制作者の腕の見せどころ。

人間の印象は初頭効果といって3秒くらいで決まると言われているので、FVはむちゃくちゃ大事です。

Googleなどの検索エンジンで、狙ったキーワードで上位表示を目指すことです。
みんなが欲しがるキーワードはビッグワードと呼ばれ、上位表示の難易度が上がります。

上位表示を達成するためには文章、コーディング、設計など様々なノウハウがあり、
常に正解が変化する分野でもあります。

サイトのページ構成の全体像を表したものです。ホームページ制作では、
このサイトマップとワイヤーフレームを作るところから始める場合が多く、
サイトマップが決まるとある程度正確な見積もりが作れます。

Instagram、Facebook、TikTok、Xなどは広告を出稿できます。
各SNSの利用者・特性の違いを考慮した上で計画しないといけないので、結構難しかったりします。

初回で効果を期待するよりも、ある程度の金額を回してみてデータを分析しながら配分していくのが王道です。

障がいの有無やデバイス環境に関わらず、誰でもアクセスしやすい設計にすることを指します。
ユーザビリティと混同されがちですが、ユーザビリティは「使いやすさ」、アクセシビリティは「使えること」が目的です。

例えば、色の認識が難しい人に対してコントラストで認識を促したり、
視覚障害がある方のために音声だけでも内容が伝わるように設計する…などが代表例です。

業界でもアクセシビリティのスキルセットを持っている人は少なく、希少な専門領域でもあります。

ホームページの使いやすさを指します。

Webユーザビリティ研究の第一人者、ヤコブ・ニールセン博士は次の5つの観点を提唱しています。

1. Learnability（学習しやすさ）
   初めて訪れた人が、どれくらい簡単に操作を理解できるか。
   例：初見で「お問い合わせ」ボタンがどこにあるか分かる。

2. Efficiency（効率性）
   一度使い方を覚えた後、どれだけ素早く目的を達成できるか。
   例：再訪ユーザーがスムーズに購入できる。

3. Memorability（再学習しやすさ）
   しばらく使わなかった後も、使い方を思い出せるか。
   例：数ヶ月後に再訪しても迷わないUI。

4. Errors（エラーの少なさ）
   誤操作が起きにくく、起きてもリカバリーできるか。
   例：フォーム送信時のエラー内容が具体的で分かりやすい。

5. Satisfaction（満足度）
   使っていて気持ちが良い・ストレスがないか。
   例：言葉遣いや動きが親しみやすく、心理的負担が少ない。

ただ美しいだけ、面白いだけのサイトにならないよう、
制作者は常にユーザビリティを頭の片隅に置いて制作しないといけないと思います。

ホームページをお客様で更新・修正してもらうためのシステム（CMS）です。
CMSにはJoomlaなど様々ありますが、日本ではWordPressが圧倒的なシェアを持っています。

元々WordPressはブログ用の仕組みでしたが、ノウハウが蓄積し、サイト構築にも使われるようになって普及しました。
僕自身、最初はJoomlaを使っていて機能性はすごいと感じていましたが、
WordPressは「使いやすさ・シンプルさ」みたいな部分が強いのかなぁと感じます。

SEOがGoogleの検索エンジン対策なら、AIOはChatGPTを始めとするAI向けの対策です。
例えばChatGPTに「熊本のホームページ制作会社を5つ教えて」と質問した場合、様々な要因を考慮して5つをピックアップします。
この「5つ」に入るための施策がAIOです。

ベースはSEOと同様で、SEOが強い会社は相対的にAIOも強くなる可能性が高いです。
ただAIOは、サイト外（SNSや他メディアでの評判、登壇、受賞など）も影響すると言われているので、
“外側の信頼”も効いてくると想定されます。

サイトを表示しているときにブラウザのタブなどに表示される小さなアイコンのことです。

設置は簡単ですが忘れがちな部分。未設定だとWordPressのマークになったりして意外に目立つので、気をつけたいところです。

ここ数年でホームページ閲覧はPCからスマートフォンへと変化しました。
業種によって違いますが、若い世代がアクセスするサイトはモバイル閲覧率が70%を超えることもあります。

そんな時代の変化から「PCよりもモバイルでの見え方に主軸を置いて制作しよう」という考え方がモバイルファーストです。

ホームページにアクセスしてから表示されるまでの速度です。
一般的に3秒以上かかると離脱率が上がると言われることがあります。

ただ今は通信が速いので、相当重くない限り3秒もかからないケースも多い。
でも体感に敏感な世代も増えていて、1〜2秒でも嫌う人は増えている印象です。早いに越したことはないですね。

ページが表示される間のロード中に表示されるアニメーションです。
昔は通信が遅かったので離脱防止として間をつなぐ目的で使われがちでした。

今は速度面での必然性は減りましたが、ブランド演出としての“遊び”として活きる場面もあります。

本当はカメラマン撮影が理想ですが、予算上どうしても難しい場合などに無料の写真素材を使うことがあります。
最近は数も増えてクオリティも高いので助かる一方、利用規約を読まずに規約違反してしまうケースもあるので注意が必要です。

AIが生成した写真素材です。現実に存在しない人やモノなので「肖像権や著作権がなく最高じゃないか！」となりがちですが、
芸能人に酷似した生成写真や人気キャラそっくりの生成画像など、新しい問題も頻発しています。

生成画像をサイトに使うなら、最新のルール・炎上事例・社内ルール（NG例）を把握しつつ使うのがおすすめです。

打ち合わせのことをかっこよく言いたい時につかうミーティングの略称。チャットでのやりとりでは相手を選ばないといけない。
Googleカレンダーの予定入力などに使用するときは文字数節約できて便利。

完了・確定の意味で使われることが多いです。「トップデザインは今週中にfixで」みたいな感じ。
昔、先輩がメールでお客さんにfixを使ったらFAXと勘違いされてトラブったので、無理やり使う必要はないかなと思う。

議題という意味。地方で使う人はかなり少ないが、ビジネス系学生団体やスタートアップ系の人たちと打ち合わせするときは時折耳にする。
なんとなくデキャンタと耳障りが似ている。

Plan / Do / Check / Act の頭文字。企画して終わりじゃなく、実行して確認して改善するサイクルを回しましょうね！という意味。
当たり前じゃん！と思われがちだけど意外にできていないことが多く、プランとドゥだけ繰り返してる人も多い。

2つのパターンを同時に出して、どちらが成果（クリック・問い合わせなど）を上げるか比較するテスト手法。最適化の基礎。
とはいえ中小企業で実際に行っていることはかなり少ない。

訪問者が1ページだけ見てサイトを離脱する割合。高い場合はコンテンツや導線の改善余地あり。

ユーザーに次のアクションを促す文言やボタン。申し込み・詳細を見る・問い合わせなど導線の要です。

同じテーマのページが複数あると検索順位を食い合ってしまう現象。ブログの記事数が増えてくると結構起きてしまう。

広告を使わず自然検索から訪問してくるユーザー流入。

特定のページ単体の信頼度／検索評価力を示す指標。

ユーザーが検索キーワードに込めた目的。調べ物・購入・比較などを意識してコンテンツ設計。

HTTPS化の根幹となる証明書。安全性＝信頼性を担保。

スマホやタブレットで表示される画面領域のこと。レスポンシブ設計で制御。

人は、選択肢が多いほど判断に時間がかかるという心理法則です。
たとえば、メニューが10個並んでいるより、3つの方がすぐに選べます。

Webでの活用例：ナビゲーションをシンプルにして、ユーザーが迷わないようにする。
特にトップページでは「何をすべきか」が一目でわかる設計が大切です。

目的のボタンまでの「距離」と「大きさ」が近いほど、素早く正確にクリックできるという法則です。

• スマホでは親指が届きやすい位置にボタンを置く
• 重要なボタン（購入・送信）は大きく配置する
• 削除などの危険操作は距離を離す／色を変える

人が一度に覚えておける情報の数は「7±2個（約5〜9個）」までという法則。多すぎる情報は整理しきれず迷いやすくなります。

• メニュー項目は5〜7個に絞る
• 入力フォームはステップごとに分ける
• 内容はグループ分け（チャンク化）して見やすくする