alt属性（オルト属性）は、ホームページ制作においてimgタグでウェブページに設置する画像に対して、その画像が表示できない時に示す代替テキストを指定します。画像タグの必須属性であり、画像SEOのためにも最適に指定すべき属性です。 ページの読み上げにおいては代替テキストで指定された文字列が読み上げの対象となります。 alt属性は必須指定項目 alt属性の指定は
Web制作・ホームページ制作用語
px（ピクセル、pixel）は、ホームページ制作においてもよく使用される単位で、コンピュータやウェブページにおいて画像や描画領域を扱う際の、色情報を持つ最小単位、最小要素で画素と呼ばれます。 ホームページ制作（ウェブサイト制作）においては、要素や画像の幅などを指定する際の単位としてこのpxを用います。 Web制作での要素の指定単位 色調や階調を示せる最小要素
px（ピクセル）Web制作|ホームページ制作用語
スクリーンショットは、コンピュータのモニタなどに表示されたものをそのまま切り取って保存した画像です。ほとんどのパソコンに標準でインストールされています。 切り取り範囲は全体、または選択した一部分で、jpeg、pngなど様々なファイル形式で保存することができます。スクリーンキャプチャ、キャプチャとも呼ばれます。 サイトの修正箇所の赤入れに スクリーンショットは
スクリーンショット Web制作|ホームページ制作用語
アンチエイリアスは、画像の斜線や曲線、画像を変換する時などに発生する歪み（エイリアス）を減らすための処理で、アンチエイリアスを施すことによりジャギー（ギザギザ）が減り、境界線がなめらかになります。ホームページ制作においては、設置画像を加工する際に行います。スムージングと呼ばれることもあります。 中間色を擬似的に作りだしてピクセル間を補完 アンチエイリアスを施
アンチエイリアス Web制作|ホームページ制作用語
ジャギーは、ウェブページにおけるビットマップイメージなどの輪郭に表れるデジタル特有の段々になったギザギザで、低解像度の画像が要素の幅などに合わせて引き伸ばされた時に表れます。ホームページ制作において設置画像のジャギーに対する処理はアンチエイリアスなどで行います。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作の1ポイント 低解像度の画像やピ
ジャギー Web制作|ホームページ制作用語
ディザは、GIF形式の画像ファイルにおいて、少ない色数で、それらの色を組み合わせて中間色を表現し、より多くの階調を表現する技術です。大半の画像作成ソフトウェアでは、GIFファイル出力時にディザのありなしを選択することができます。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作の1ポイント 同じだけの結果であるならば、あとはどれほど手間や時間
ディザ Web制作|ホームページ制作用語
Illustrator（イラストレーター）は、Adobe Systems社が開発したへジェ線などによる描画アプリケーションソフトです。 ホームページ（ウェブサイト）の制作においては、画像パーツの制作をIllustratorで行うことが多く見受けられますが、Photoshopと同様に、ウェブページに挿入する画像は、大きな印刷物などのようには高解像度が必要ではな
Illustrator Web制作|ホームページ制作用語
Photoshop（フォトショップ）は、Adobe Systems社が開発した画像編集アプリケーションソフトです。 ホームページ（ウェブサイト）の制作においては、画像の加工をPhotoshopで行うことが多く見受けられますが、ウェブページに挿入する画像は、大きな印刷物などのようには高解像度が必要ではないため、ウェブ制作においては特に必要なソフトではありません
Photoshop Web制作|ホームページ制作用語
キャプション（caption）は、ホームページ（ウェブサイト）においては、ウェブページに挿入された画像（写真や図）、表についての付属的説明文です。表のキャプションにはcaptionタグを使用します。概ね画像の下などに小さな文字として掲示されます。 キャプションを示すことで画像の意味を伝える（SEO） 画像に関するキーワードのヒントは前後の文脈を構成する単語で
キャプション Web制作|ホームページ制作用語
PSD（Photoshop Document）は、Adobe Systems社のAdobe Photoshopで利用される画像ファイル形式で、Photoshopの標準ファイル形式です。ホームページ制作においてはPSD形式ファイルをそのまま用いることはありません。 PSDファイルの互換性 PSDファイルはPhotoshop用のファイル形式のため、他のほとんどの
PSD Web制作|ホームページ制作用語
EPS（Encapsulated PostScript）は、Adobe System社が開発したPostScriptで記述された画像ファイル形式です。ホームページ制作においてはそのままEPS形式ファイルを用いることはありません。 EPSは、PostScriptの図版データを画像ファイル化する画像ファイルフォーマットです。拡張子は.eps、.epsf。エンキャ
EPS Web制作|ホームページ制作用語
CMYKは、色の表現方式の一つで、シアン（Cyan 水色）、マゼンタ（Magenta 赤紫）、イエロー（Yellow 黄色）、ブラック（Key Plate 黒）といった三つの色料原色と黒を使用して表現する色の表現法の一種（減法混色）で、白に対してCMYKをかぶせることによって色を表現します。ホームページ制作においてはPCモニタなどがRGB表現であるためCMY
CMYK Web制作|ホームページ制作用語
RGBは、赤 (Red)、緑 (Green)、青 (Blue) の三つの原色を使用して表現する色の表現法の一種（加法混合）で、黒に対してRGBの光をあてることによって色を表現します。ホームページ制作におけるCSSによる指定では、HEX値でのカラーの指定が一般的ですが、RGB値でのカラーの指定も可能です。特にアルファ値を指定する場合はRGBでの指定がなされます
RGB Web制作|ホームページ制作用語
HEXは、ウェブページのデザインにおいて、CSSなどのスタイルシートでウェブカラーを16進法（0から9、aからf）で指定・記述する方法です。ホームページ制作においては色の値を指定する場合にこのHEXを使用します。なお、HEXは16進法を意味する「hexadecimal」からこの表記がなされています。 HEXの表現方法 HEXの色表現には、先頭にハッシュ記号（
HEX Web制作|ホームページ制作用語
ビットマップイメージ（bitmap image）/ビットマップグラフィックは、コンピュータ上のグラフィック表現におけるピクセル（画素）を用いた画像の表現形式のことを指します。ホームページ制作で使用するホームページ設置画像は広い意味でのビットマップイメージです。狭義にはWindowsの標準的な無圧縮画像保存形式「BMP」を意味します。 ビットマップイメージの種
ビットマップイメージ/BMP Web制作|ホームページ制作用語
TIFF（Tagged Image File Format）は、画像データのファイル形式のひとつです。ホームページ制作（ウェブサイト制作）ではほとんど使用されません。 TIFFの記録形式 TIFFは、記録形式の異なる様々なファイルを保存できることが特徴です。 拡張子は.tif、.tiff。 カテゴリ別 Web制作/ホームページ制作用語集 ホームページ制作・W
TIFF Web制作|ホームページ制作用語
PNG（Portable Network Graphics、ポータブル・ネットワーク・グラフィックス）は、ホームページ制作（ウェブサイト制作）でもよく使用されるビットマップ画像を扱う画像ファイルフォーマットで、圧縮による画質の劣化のない可逆圧縮が可能です。拡張子は、.png。ややファイルサイズは大きめですが背景の透過が可能です。 PNG透過情報とファイルサイ
PNG Web制作|ホームページ制作用語
JPEG（Joint Photographic Experts Group、ジェイペグ）は、ホームページ制作（ウェブサイト制作）でもよく使用される画像圧縮方式のひとつで、一般的に非可逆圧縮の画像フォーマットです。通常の写真に適した形式ですが、背景の透過はできません。 JPEGの特徴 JPEGは、GIFなどに比べて、写真などの圧縮に適しています。拡張子は.jp
JPEG Web制作|ホームページ制作用語
GIFアニメーションは画像ファイルであるGIFを利用したアニメーションで、一つのGIFファイルの中に複数の画像（GIF）を組み込んで連結させ、これらを連続して描画することでアニメーションを可能にしています。各画像への切り替えまで時間、アニメーションループなども設定することができます。 ホームページ制作においてGIFアニメーションを利用することで、軽量で動きの
GIFアニメーション Web制作|ホームページ制作用語
GIF(Graphics Interchange Format)は、ホームページ制作（ウェブサイト制作）で使用する画像ファイルで、画像データ圧縮ファイル形式です。拡張子は「.gif」。ファイルサイズが小さめで、背景の透過が可能です。 GIFの特徴 透過情報や256色までの画像をロスレス圧縮することが可能で、色は2（モノクロ）から256までの間の2の乗数の値で
GIF Web制作|ホームページ制作用語
インフォメーションアーキテクチャ（Information Architecture）は、ホームページ（ウェブサイト）においては、サイト内の情報・データの組織化を意味します。 インフォメーションアーキテクチャ（情報アーキテクチャ）の考え方を理解したうえでホームページ制作を行うと行わないとではホームページの出来やWebマーケティング成果に大きな違いがあります。
インフォメーションアーキテクチャ 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制作|ホームページ制作用語
