htmlタグ｜object・embed・noembed・param・applet｜埋め込み

現在のホームページ（ウェブサイト）制作において、動画や音声、PDFなどの外部コンテンツをページ内に表示させる技術は大きく進化しています。かつて、これらのリッチメディアや双方向性のあるコンテンツを表示するために頻繁に使用されていたのが、HTMLの「object」「embed」「noembed」「param」「applet」といったタグです。

インターネットの普及期から2000年代にかけては、ブラウザ単体では動画を再生したり複雑なアニメーションを表示したりする機能が備わっていませんでした。そのため、Flash PlayerやJavaといった外部プラグインをブラウザに読み込ませてコンテンツを表示する手法が主流でした。「object」や「embed」は、これらのプラグインをページ内に埋め込むための代表的なタグです。そして「param」タグはそれらのプラグインに対して細かな設定値を渡すために使用され、「noembed」タグはプラグインが動作しない環境向けに代替テキストを表示する役割を持っていました。また、「applet」タグはJavaアプレットと呼ばれる小さなプログラムを埋め込むための専用タグでした。

しかし、スマートフォンの普及やセキュリティ上の懸念から、FlashやJavaアプレットといったプラグイン技術は衰退し、現在では主要なブラウザでサポートされていません。それに伴い、現代のWeb標準であるHTML5の規格において、これらタグの扱いは大きく変化しました。特定の技術に依存していた「applet」タグは完全に廃止され、「noembed」タグも非推奨となっています。

「object」や「embed」タグ自体は現在もHTML5の規格として残っており、PDFファイルの埋め込みなどに使用されることがあります。しかし、動画や音声を表示する場合は、より軽量でSEO（検索エンジン最適化）にも適した「video」や「audio」タグを使用することが現在の標準的なルールとなっています。また、YouTubeなどの外部サービスを読み込む際には「iframe」タグが一般的に使用されます。

より専門的には、古い仕様のタグやサポートが終了した技術を使い続けることは、ホームページ（ウェブサイト）の表示速度を低下させるだけでなく、重大なセキュリティリスクを招く恐れがあります。検索エンジンは、ユーザーにとって安全で快適な閲覧環境を提供しているサイトを高く評価します。事業用のホームページ（ウェブサイト）を構築し、長期的な集客を目指すためには、過去の技術仕様を理解した上で、最新のWeb標準に準拠した適切なマークアップを行うことが非常に重要です。本ページでは、これら埋め込み関連タグの歴史的な背景と、現代の環境に適した代替手法について詳しく解説します。

object（オブジェクト）

<object></object>

ホームページ制作（ウェブサイト制作）の際に使用する<object>タグについてのご説明です。

ホームページ制作において<object>（オブジェクト）タグを使用することで、ホームページ（ウェブサイト）内に「埋込みオブジェクト」としてデータを埋め込むことができます。

<object> 埋込みオブジェクト

<object>タグは、文書（ウェブページ）に外部リソースを埋込むためのタグです。ホームページ制作において文書にデータを埋込む際に使用します。オブジェクト。

<embed>がプラグインを必要とするデータを埋め込むのに対し、 <object>には外部リソース全般を指定することができます。

画像・動画・音声・各種プラグインデータ・javaアプレット・他のhtml文書等など、様々な形式のデータを文書に埋め込むための汎用的なタグです。

data

data=””

外部リソースのURLを指定

type

type=””

外部リソースのMIMEタイプを指定

name

name=””

外部リソースの名前を指定

usemap

usemap=””

イメージマップを利用する場合に、利用するイメージマップ名を指定

form

form=””

フォーム要素と関連付ける場合に指定

width

width=””

外部リソースの幅を指定

height

height=””

外部リソースの高さを指定

objectタグのフォールバック設計がもたらすUXの担保とクローラビリティへの配慮

ホームページ（ウェブサイト）制作において、<object>タグはPDF文書やSVG形式のベクター画像、あるいは他のHTML文書などをページ内に直接埋め込むための汎用的な要素です。より専門的には、単に外部ファイルを読み込むだけでなく、プラグインの未導入環境やブラウザの仕様によって読み込みが失敗した際の挙動までコントロールする、高度な「フォールバック（代替表示）」設計を可能にする役割を持っています。ユーザーを迷わせない親切な設計は、事業の信頼性を維持するために非常に重要です。

非対応環境に配慮した代替テキスト・コンテンツの配置

たとえば、事業の製品カタログや利用規約のPDFファイルをホームページ（ウェブサイト）内で直接閲覧できるように<object>タグで埋め込む際、スマートフォンのブラウザや一部の古い環境では、インラインでのPDF表示に対応していない場合があります。そのような場合に備え、<object>タグの開始タグと終了タグの間に、代替のコンテンツを記述しておくことが求められます。

具体的には「PDFファイルのプレビューが表示されない場合は、こちらのリンクからダウンロードしてご確認ください」といったテキストと案内用のダウンロードリンク（<a>タグ）を内側に配置しておきます。対応環境ではPDFがそのまま描写され、非対応環境では自動的にダウンロード導線へと切り替わるため、ユーザーが「何も表示されない白い画面」に遭遇して離脱してしまうリスクを防ぐことができます。こうした細やかなユーザビリティの確保が、顧客獲得の機会損失を防止します。

検索エンジンに対するインデックス精度の向上と内部SEO

<object>タグを設置する際、埋め込むリソースの形式を type 属性（MIMEタイプ。例：application/pdf や image/svg+xml）で明示的に指定していくことが重要です。より専門的には、ブラウザがファイルをダウンロードする前にどのようなデータであるかを判別できるため、描写のパフォーマンスが向上します。

また、検索エンジンのクローラーにとっても、ページの構成要素を正確に理解（パース）するための手がかりとなります。HTML5への移行に伴い、かつて多用されていたレイアウト関連の属性（align や border など）は完全に廃止され、外観の設定はすべて外部のスタイルシート（CSS）で行うことが義務づけられました。規格に則ったクリーンなHTML5構造を維持し、適切な属性制御を行うことで、ホームページ（ウェブサイト）全体のクローラビリティが向上します。こうした適切な内部SEOの積み重ねが、検索エンジンからの安定した評価を獲得し、事業サイトの検索順位を安定させることにかかわっていきます。

html4.01からhtml5への変更点

html4.01からhtml5への変更点は次のとおりです。html5で廃止された属性と、html5より追加された属性があります。

html5で廃止

align属性、 archive属性、border属性、classid属性、codebase属性、codetype属性、declare属性、hspace属性、standby属性、vspace属性が廃止

html5より追加

form属性が追加

<object></object>

この<object>タグはhtml4.01、html5どちらのhtmlバージョンで制作されたホームページ（ウェブサイト）でも使用することができるため、変更された属性を除き、CMS内で生成するコンテンツなどにおいても、ベースとなるWordPressテーマなどのhtmlバージョンに影響されず使用することができます。

ホームページ制作・SEOの1ポイント

HTMLの中には4.01から5へと移行するにあたって、タグ自体は使用できるものの、HTMLタグに関する属性が廃止されたものもたくさんあります。タグに属性として、アライン（左寄せ、中央寄せ、右寄せ）があった場合などは、その指定がCSSへと移行して、HTMLとしての属性としては指定しなくなったケースがよくあります。こうしたHTMLの指定の無効はレイアウトに関するSEOに影響を与えます。

embed

<embed></embed>

ホームページ制作（ウェブサイト制作）の際に使用する<embed>タグについてのご説明です。

ホームページ制作において<embed>（インベッド/エンベッド）タグはサイト内にプラグイン（音声・動画）データを埋込む際に使用します。

<embed>  プラグイン（音声・動画）データを埋込む

<embed>タグによって動画や音声などのプラグインを必要とするデータをホームページ（ウェブサイト）のページに埋め込むことができます。

<noembed>でブラウザにプラグインがインストールされていない場合に表示する内容を記述することができます。

src

src=””

ファイルを指定

データのURLパスを挿入

.mpg　.swf　.flv　.mov　.wav　.mid　.ra　.aif　.au　など

<embed></embed>

この<embed>タグはhtml4.01、html5どちらのhtmlバージョンで制作されたホームページ（ウェブサイト）でも使用することができるため、CMS内で生成するコンテンツなどにおいても、ベースとなるWordPressテーマなどのhtmlバージョンに影響されず使用することができます。

ホームページ制作・SEOの1ポイント

ホームページには、テキストや画像のほか、動画や音声ファイルを組み込むことができます。テキストベースのホームページからもう一歩踏み込んだ表現を行う場合は、こうしたファイルを利用して多彩な表現をすることを検討しても良いでしょう。

noembed

<noembed></noembed>

ホームページ制作（ウェブサイト制作）の際に使用する<noembed>タグについてのご説明です。

ホームページ制作において<noembed>（ノー エンベッド/インベッド）タグを使用することで、<embed>タグを用いて指定したプラグインが利用できない環境用の表示内容の指定することができます。

<noembed> プラグインが利用できない環境用の
表示内容の指定（NN）

ホームページ制作において<noembed>タグを使用することで、<embed>で指定したデータのプラグインが利用できない場合の代替内容を指定します。

元々はネットスケープの独自仕様ですが、<embed>が汎用性を持ったため、<noembed>は現在でもプラグイン非表示時の代替表示として使用されます。

noembedからvideo、audioへ

しかし、これらの外部プラグインに依存した設計は、セキュリティ上の脆弱性や処理の重さ、スマートフォンの普及による動作環境の非対応など、多くの課題を抱えていました。その結果、HTML5の策定に伴い、<noembed>タグはWeb標準の仕様から完全に除外される方向となりました。

現代のモダンなホームページ（ウェブサイト）制作では、音声や動画を配置する場合、特定のプラグインを必要としない<video>タグや<audio>タグなどのネイティブ要素に移行していくことが世界的な標準となっています。

特に、プラグインが正常に動作しない環境において、検索エンジンが<noembed>内のテキストを正しく評価（インデックス）できず、せっかく掲載している重要なメッセージが検索結果に反映されないという、SEO内部対策上の損失を招くかもしれません。事業の成果を高めるためには、こうした古い記述を定期的にクリーニングし、最新のHTML規格に準拠したクリーンな構造へと最適化していくことが求められます。

また、代替テキストを単なるエラーメッセージにとどめず、動画の内容を要約した説明文や文字起こしテキストとして配置していくことで、検索エンジンのクローラーに対してページの専門性やオリジナル性を論理的に伝える強力なシグナルとなります。特定の環境に依存しないオープン標準に則ったマークアップを徹底していくことが、ホームページ（ウェブサイト）全体のクローラビリティを向上させ、検索順位の安定化と事業への信頼獲得につながっていきます。

<noembed></noembed>

ホームページ制作・SEOの1ポイント

ホームページの魅力の一つは、テキストと画像だけでなく、様々なファイルを組み合わせて多彩な表現をすることができるポイントです。以前はフラッシュ等で表現されていたものも、今ではjQueryなどで近いような表現をすることができます。時代とともにブラウザで対応がなくなり表示すらされなくなるものも出てくるため注意が必要です。こうした表示されないコンテンツ部分はSEOとして基本的に効果が無効化され、時にSEOにマイナスになりますので注意する必要があります。

param

<param>

ホームページ制作（ウェブサイト制作）の際に使用する<param>タグについてのご説明です。

ホームページ制作において<param>（パラメータ）タグは、プラグインの「パラメータ」として必要となる値の集合を示します。

<param> パラメータ、必要となる値の集合

<param>タグは、プラグインのパラメータを指定します。
<applet>（W3C非推奨、）、<object>（これらの子要素として配置）でのデータ実行時に、
必要となるパラメータを指定します。

name

name=””

パラメータ名を指定

value

value=””

値を指定

html5で廃止された属性

type

type=””

valuetype

valuetype=””

paramタグの役割の変遷と現代のホームページ制作における代替手段

かつてのホームページ（ウェブサイト）制作において、<param>タグはFlashなどの外部プラグインを画面上に読み込む際、その動作を制御する数値を渡すために頻繁に使用されていました。より専門的には、動画の自動再生の有無や背景色の指定など、リッチな表現を実装する上で重要な役割を担っていました。しかし、スマートフォンの普及やWeb標準技術の進化に伴い、セキュリティリスクや動作の重さが懸念されるプラグインは徐々に非推奨となり、現在ではほとんど使われなくなっています。

現代の事業ホームページ（ウェブサイト）において動画や音声などのメディアコンテンツを配信する場合は、<object>や<param>タグに頼るのではなく、HTML5から標準化された<video>や<audio>タグを活用していくことが基本です。これらのネイティブなHTML要素を使用することで、特定のプラグインに依存することなく、あらゆるデバイスで高速かつ安定したメディア再生環境をユーザーに提供できるようになります。

レガシーコードの整理がもたらすSEOと表示パフォーマンスへの恩恵

長年運営されているホームページ（ウェブサイト）のリニューアルや保守対応を行う際、ソースコードの中に過去の<param>タグが残存しているケースを目にすることがあります。機能していない不要な古いタグを放置しておくことは、ソースコードのデータ容量を無駄に増やすだけでなく、クローラーがページ構造を正確に読み解く際のノイズになってしまうかもしれません。

事業の成果を高めていくためには、こうしたレガシーコードを定期的に見直し、最新のHTML規格に準拠したクリーンな構造へと整理していくことが求められます。不要な記述を削除してページの読み込み速度を改善していくことは、モバイル環境でのユーザー体験を向上させるだけでなく、検索エンジンからの評価を底上げするための堅実なSEO対策としても機能します。常に時代に合わせた適切なマークアップを維持していくことが、長期的に信頼されるホームページ（ウェブサイト）運営につながっていきます。

<param>

この<param>タグはhtml4.01、html5どちらのhtmlバージョンで制作されたホームページ（ウェブサイト）でも使用することができるため、CMS内で生成するコンテンツなどにおいても、ベースとなるWordPressテーマなどのhtmlバージョンに影響されず使用することができます。

ホームページ制作・SEOの1ポイント

ホームページ制作時に該当タグに関するCSSが無指定の場合は、要素間のマージンやラインハイトなどについてブラウザ側で標準としているCSSが適用されます。SEOの中には、ホームページのレイアウトに関するものも少なからずあり、プラス要素としてではなく、マイナス要因としてCSSの設定の不具合が考慮される場合がありますので、表示のズレには注意しましょう。

applet

<applet></applet>

ホームページ制作（ウェブサイト制作）の際に使用する<applet>タグについてのご説明です。

ホームページ制作において<applet>（アプレット）タグは、javaアプレットを設置する際に使用します。

<applet> javaアプレット

<applet>タグは、ホームページ制作においてウェブサイト・ホームページを構成するHTML文書にjavaアプレットを挿入するためのタグです。

code

code=””

javaアプレットのクラスファイルを指定

param

アプレット実行に必要な値の集合を示す。

<applet></applet>内で指定。

<param>

name

name=””

value

value=””

html5で廃止。

<applet></applet>

この<applet>タグはhtml5で廃止されたため、html5で制作されたホームページ（ウェブサイト）や、html5ベースのWordPressテーマなど、html5で記述するタイプのウェブサイト、CMS・CMSテーマでは利用することができません。

ホームページ制作・SEOの1ポイント

ホームページ制作では、通常のHTMLとCSSを組み合わせた方法が一般的ですが、共通部分を呼び出す形でこれらhtmlなどをパーツとしてphpやMySQLを利用する方法が主流になりました。

ホームページ（ウェブサイト）制作・作成に役立つHTML5のタグ一覧は
⇒html5 tag reference index ホームページ制作の基本タグ

ホームページ（ウェブサイト）のHTML編集方法

ホームページのHTML編集方法について。ホームページ（ウェブサイト）は基本的にHTMLで構成されています。かつてはHTML単独でHTMLの文書スタイルを設定していましたが、現代ではページの基本構成はHTMLで、外観はスタイルシート・CSSで設定されています。ホームページ制作・作成、ホームページ修正の基本はこのHTMLとCSSの編集で行います。

ホームページのHTML編集方法

ホームページ制作（ウェブサイト制作）なら
Web制作会社ファンフェアファンファーレへ