Glossary

ホームページ用語集

ホームページ制作で出てくる専門用語を、できるだけ平易に。なじみのない言葉で詰まらせず、お客様と KOHO が同じ言葉で話せるための辞書です。

該当する用語が見つかりませんでした。別の言葉でお試しください。

01基本8 terms

ドメインDomain

サイトを開くために必要な、インターネット上の住所のような文字列です(例:hp.koho.tokyo)。1 年ごとに更新料を払い続けて使います。

サブドメインSubdomain

本体のドメインの前に付ける枝番のような部分です(例:checker.koho.tokyo の「checker」)。1 つの住所から複数の入口を作るイメージです。

URLUniform Resource Locator

ブラウザのアドレス欄に表示される、1 ページごとの住所を指す文字列です。「HTTPS から始まり、ドメインとフォルダ名がつながった形」になっています。

HTTPSHypertext Transfer Protocol Secure

あなたのサイトとの通信が暗号化されていて「安全な通信」になっていることを示すしくみです。ブラウザのアドレス欄に鍵マークが表示されます。

SSL/TLSSecure Sockets Layer / Transport Layer Security

HTTPS の鍵マークを成り立たせている、通信を暗号化するしくみです。SSL は古い呼び方で、いまは TLS が使われています。

DNSDomain Name System

ドメイン(hp.koho.tokyo)から、サイトが置かれている実際の場所を引き当てる「電話帳」のようなしくみです。

IP アドレスIP Address

サイトのデータが置かれているサーバーの本当の番地で、203.0.113.1 のような数字の列です。ドメインの「裏側の住所」と考えると分かりやすいです。

Web サーバーWeb Server

サイトの中身(文章・画像)を保管しておき、訪問者のブラウザに届ける役割を持つコンピュータです。

02マークアップ・スタイル7 terms

HTMLHyperText Markup Language

ページの中身を「ここは見出し」「ここは段落」「ここは箇条書き」と意味づけして書くための言語です。Word の見出し設定をもっと細かくしたものとイメージしてください。

CSSCascading Style Sheets

サイトの見た目(色、余白、文字の大きさ、画像の配置など)を指定するための言語です。家でいえば「内装と家具のレイアウト」を決める設計図です。

JavaScriptJS

ボタンを押すとメニューが開く、画面をスクロールすると画像が現れる、といった「動き」をページに加えるプログラム言語です。

レスポンシブデザインResponsive Design

同じサイトでも、見る端末(パソコン、タブレット、スマートフォン)に合わせて自動でレイアウトが切り替わる作り方です。

ビューポートViewport

スマートフォンで開いた時に「ちゃんとスマホサイズで表示する」よう指定する、ページの裏側の設定です。

Web フォントWeb Font

どんな端末で見ても同じ文字デザインで表示されるよう、ネット越しに読み込んで使うフォントです。

CSS フレームワークCSS Framework

既製のデザイン部品をまとめた、料理でいう「合わせ調味料セット」のようなものです。素早く形になりますが、どこも似た味になりがちです。

03SEO・検索10 terms

SEOSearch Engine Optimization

Google などで検索された時に、お客様のサイトを上位に表示してもらうための、サイト作り・運用の工夫の総称です。

インデックスIndex

あなたのページが Google の検索結果に出てくるよう、Google 側の名簿に登録された状態のことです。

クローラーCrawler

Google などが世界中のサイトを自動で見て回り、内容を読み取って持ち帰るロボットのようなプログラムです。

sitemap.xmlXML Sitemap

サイトにどんなページがあるかを一覧にした、検索サイトのロボット向けの「地図」のファイルです。

robots.txtRobots Exclusion Protocol

検索サイトのロボットに「ここは見ていい」「ここは見ないで」と伝えるためのファイルです。

canonicalCanonical URL

同じ内容のページが複数のアドレスで見えてしまう時に、Google に「こちらが本物です」と教えてあげるための目印です。

hreflanghreflang attribute

同じ内容を日本語版・英語版で用意した時に、「この 2 つは同じページの言語違いです」と Google に伝えるための印です。

構造化データ(JSON-LD)JSON-LD

「ここは事業者名、ここは住所、ここはよくある質問」と、ページの中身を Google が分かる言葉でラベル付けして伝える、ページの裏側に書き込むデータです。

メタディスクリプションMeta Description

Google で検索された時、タイトルの下に表示される 120 文字ほどの紹介文のことです。

E-E-A-TExperience, Expertise, Authoritativeness, Trustworthiness

Google が「信頼できるサイトかどうか」を見極める時の 4 つの観点(経験・専門性・権威性・信頼性)の頭文字です。

04パフォーマンス7 terms

Core Web VitalsCore Web Vitals

Google が「使いやすいサイトかどうか」を測る 3 つのものさし(表示の速さ操作の軽さ画面の安定感)の総称です。

LCPLargest Contentful Paint

ページの中で一番大きな画像や文字が見える状態になるまでの時間です。2.5 秒以内なら合格とされます。

INPInteraction to Next Paint

ボタンを押してから画面が反応するまでの時間です。200 ms(0.2 秒)以内なら合格とされます。

CLSCumulative Layout Shift

ページを開いている途中で、文字や画像の位置がガタッとずれてしまうことを数値化したものです。0.1 以下なら合格です。

LighthouseLighthouse

Google が提供する、サイトの品質を「100 点満点の通信簿」で採点する無料ツールです。表示の速さ、使いやすさ、SEO などを採点します。

キャッシュCache

一度開いたサイトの画像や文章を、お使いの端末側に一時保存しておき、2 回目以降は瞬時に開けるようにするしくみです。

CDNContent Delivery Network

サイトのデータを世界中の倉庫にあらかじめ配っておき、訪問者から一番近い倉庫から届けることで表示を速くするしくみです。

05アクセシビリティ5 terms

WCAGWeb Content Accessibility Guidelines

「目が見えにくい方、耳が聞こえにくい方、キーボードしか使えない方など、誰にとっても使えるサイトか」を判定する国際的な基準です。レベル A・AA・AAA の 3 段階があります。

アクセシビリティ AAWCAG AA

国際基準 WCAG の真ん中レベル(A・AA・AAA のうちの AA)で、いま実質的に「普通の品質」とされている水準です。

代替テキスト(alt)Alternative Text

画像が表示できなかった時や、目の不自由な方が読み上げ機能を使った時に「ここに何の画像があるか」を伝える、画像に添える説明文です。

aria 属性ARIA Attributes

画面読み上げソフトを使う方に「これはメニューです」「これは閉じるボタンです」と裏側で補足説明を伝える、HTML 上の追加情報です。

セマンティック HTMLSemantic HTML

ページの中身を「ここはヘッダー、ここはメインの本文、ここは記事」と、意味の通った部品で組み立てる作り方です。

06解析・マーケ8 terms

GA4Google Analytics 4

「サイトに何人来たか」「どこから来たか」「どのページが読まれたか」を無料で確認できる、Google のアクセス解析ツールです。

Search ConsoleGoogle Search Console

「お客様のサイトが Google からどう見られているか」を確認できる、Google の無料ツールです。検索順位、流入キーワード、登録状況などが分かります。

CV(コンバージョン)Conversion

サイトを見た方に「最終的に起こしてほしい行動」のことです。お問合せ送信、予約、購入、電話発信などが代表例です。

CVRConversion Rate

サイトに来た人のうち、何 % が問合せや予約に進んでくれたかの割合です。100 人来て 5 件問合せがあれば 5% になります。

UTM パラメータUTM Parameters

URL の末尾に小さな目印を付けておくことで、「この URL からの訪問はチラシ経由だ」と後から判別できるようにするしくみです。

Looker StudioLooker Studio

GA4 や Search Console の数字を、グラフや表で読みやすくまとめてくれる Google の無料ツールです。

ヒートマップHeatmap

サイトのどこがよく見られていて、どこがクリックされているかを、サーモグラフィのように色の濃淡で見せてくれるツールです。

07SNS・OGP5 terms

OGPOpen Graph Protocol

SNS(X、Facebook、LINE など)にあなたのサイトの URL が貼られた時、文字のリンクではなく「画像 + タイトル + 説明文」のカード型で見えるようにするための設定です。

OG imageOpen Graph Image

SNS で URL が貼られた時、カードに大きく出てくる「看板画像」のことです。推奨サイズは 1200×630 px です。

Twitter CardTwitter Card

X(旧 Twitter)専用の OGP のような設定です。URL をツイートに貼った時のカードの見え方を整えます。

faviconFavicon

ブラウザのタブやブックマーク一覧に表示される、サイトを示す小さなアイコンです。

apple-touch-iconApple Touch Icon

iPhone や iPad のホーム画面に「サイトをショートカット追加」した時に表示される、アプリ風のアイコンです。標準サイズは 180×180 px です。