htmlタグ｜ins（追加情報）・del（削除情報）・s（打ち消し線）

ホームページ（ウェブサイト）運営において、一度公開した情報を常に最新かつ正確な状態に保つことは非常に重要です。事業を取り巻く環境の変化やサービスの改定に伴い、ページ内のテキストを後から修正したり追記したりする場面は頻繁に発生します。その際、単に古い文章を消して新しい文章に書き換えるのではなく、「どこが削除され、どこが新しく追加されたのか」を明確に示すために使用されるのが、HTMLの「ins」タグと「del」タグです。

「ins」タグは「insert」の略であり、後から追加された情報であることを示します。ブラウザの標準設定では、このタグで囲まれた文字には下線が引かれます。一方、「del」タグは「delete」の略であり、削除された情報であることを示します。このタグで囲まれた文字には打ち消し線が引かれます。これら2つのタグは、利用規約の改定履歴や商品の価格改定など、過去の情報と現在の情報の差分をユーザーに対して正確に提示したい場合にセットで使用されることが多いです。

また、これらと似た見た目を持つタグとして「s」タグがあります。「s」タグも文字に打ち消し線を引く役割を持ちますが、「del」タグが「文書の編集（削除）」を意味するのに対し、「s」タグは「かつては正確だったが、現在では正確ではなくなった情報、または関連性がなくなった情報」を示すという明確な意味の違いがあります。

ins（追加情報）・del（削除情報）・s（打ち消し線）タグを正確に使い分けることは、SEO（検索エンジン最適化）やWebアクセシビリティの観点から大きな意味を持ちます。検索エンジンのクローラーは、見た目のデザイン（単なる取り消し線や下線）ではなく、HTMLのタグが持つ意味（セマンティクス）を読み取ってコンテンツの状態を評価します。適切なタグを用いることで、情報が適切にメンテナンスされている質の高いホームページ（ウェブサイト）として認識されやすくなります。本ページでは、これらのタグの持つ意味合いから、事業用ホームページ（ウェブサイト）における具体的な使用場面までを詳しく解説します。

ins（挿入・追加情報）

<ins></ins>

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

ホームページ制作において<ins>タグ（インサート）は、ページ中のテキスト部分に使用し、<ins>タグで囲まれた部分が追加された情報であることを示します。

古い時代のホームページ制作では、テキストに下線を引く目的でinsタグやuタグが混同されて使用されることがありました。しかし現在の仕様では、insタグは文書に新しく追加・挿入されたテキストであることを示すためだけに使用することが厳格に定められています。デザイン上のアクセントとして下線を引きたいという理由だけでこのタグを使用することは仕様違反に該当します。

<ins> 挿入する文字、追加された部分であることを示す

Insert（インサート）、挿入。ホームページ制作でページ中に<ins>タグを使用することで、ウェブページのテキストなどのうち、該当部分が後から追加された部分であることを示します。

この<ins>タグは、ウェブページが生成・公開された時点から、追記、追加情報を掲載する場合に用います。

インサート部分には下線が表示されます。
CSSによって表示の装飾を変更することもできます。

<del>が削除された文字を示すため、組み合わせて使えば、変更内容を明示しやすくなります。

この<ins></ins>で追記情報が追加された日時なども付加情報として示すことができます。

挿入文章に付加できる情報は以下のとおりです。

cite

参照

cite=””

URL

title

挿入部分のタイトル

title=””

datetime

追加された日時を指定

datetime=””

このinsタグは、現在のウェブ標準であるHTML Living Standardにおいて、後から追加されたテキスト範囲を明示するための要素として定義されています。デフォルトのブラウザスタイルでは下線が引かれますが、文字を装飾するデザイン目的でinsタグを使用することは避け、レイアウトやテキストの装飾は必ずCSSのtext-decorationプロパティなどで制御することが現代のホームページ（ウェブサイト）制作における基本ルールです。正しい文書構造を保つことは、検索エンジンに変更履歴を正確に伝えるために非常に重要です。

datetime属性とcite属性による詳細な意味付け

insタグには、追記を行った日時を示すdatetime属性と、追記の理由や参照元のURLを示すcite属性を指定することができます。たとえば、事業用の規約変更や料金改定のページにおいて、いつ、どのような理由でそのテキストが追加されたのかをプログラム的に明示できます。これにより、データの構造がより明確になり、情報の透明性と質が高まります。

delタグ（削除テキスト）との組み合わせ

insタグは、多くの場合、削除されたテキストを示すdelタグとセットで使用されます。古い情報をdelタグで囲み、新しい情報をinsタグで囲むことで、コンテンツの修正箇所を明確に提示できます。事業のサービスページなどで内容を更新した際、単にテキストを上書きするのではなく、あえて変更履歴として残すことで、ユーザーに対して誠実な情報開示を行っていることをアピールできます。

ページ公開日以後にリライト・追記した場合のSEO

一般的にホームページ制作時、コンテンツページ公開日以後に文章をリライトした場合は、元の文を直接修正したりするケースでは特に<ins>タグは必要ありません。

ただ、SEOを考える場合は、元のテキストデータに「追加情報」として情報を付加した場合は、<ins>を使用するほうが望ましいでしょう。構造化データの最終更新日時の指定がなされていない場合でも、この<ins>タグのdatetimeで検索エンジンは更新日を推測することが可能になるからです。

SEOと古い記事のリライト

古くからあるデータでありながら、更新され追加情報が記載されているというページの構造は、優れたページであるという判断の元になりやすく、リライトや追記はSEOにはプラスになります。そしてさらに追加された情報の部分を正確に示すことで、よりページの品質を高めることになります。

インデックスデータとの比較の中でアップデートを判断しますが、そのヒントを与えるという意味ではSEOとして実施しておくに越したことはないでしょう。

<ins>タグの表記形式

CSSで<ins>タグの表記形式を指定しておくことで、該当部分が追記された場所であるということを視覚的にも伝えやすくなります。

読み方　インサート

<ins></ins>

クローラーに対する更新シグナルの提示

検索エンジンはテキスト情報を解析する際、HTMLタグの意味を重要な手がかりとします。正しくinsタグとdelタグを用いることで、クローラーはコンテンツが最新の状態にメンテナンスされていることを的確に認識しやすくなります。質の高いコンテンツとして評価されるためにも、こうした細かな意味付けの積み重ねが評価の土台を作ります。

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

SEOとしては、インサートタグを使用しなくても、前回インデックスされた時点から再クロール、再インデックスの際にどれほど変化があったかを認識していると考えることができるため、必須の項目ではありません。しかしながら、インサートタグを使用し、その部分をCSSで別の装飾をし、かつ情報の追記日をテキストでも記入しておくと、ユーザーにとってはどの時点での追加情報であるのかわかるため、より良いコンテンツとなるでしょう。

del（削除情報）

<del></del>

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

ホームページ制作において<del>タグは、ページ内の該当箇所が削除された部分であることを示します。

古い時代のホームページ制作では、テキストに打ち消し線を引く目的でdelタグや、すでに非推奨となっているstrikeタグなどが混同されて使用されることがありました。しかし現在の仕様では、delタグは文書から削除されたテキストであることを示すためだけに使用することが厳格に定められています。デザイン上のアクセントとして線を引いて文字を消したいという理由だけでこのタグを使用することは仕様違反に該当します。

<del> 削除された部分（文字）

<del>の「del」はdeleteを示し、<del>タグ囲まれた部分が削除された部分（文字列）であることを示します。新しい情報によってその情報が古くなり、現在と事実と異なる場合などを示します。

一般的なブラウザでは、このようにテキストに打ち消し線がつきます。

このdelタグは、現在のウェブ標準であるHTML Living Standardにおいて、後から削除されたテキスト範囲を明示するための要素として定義されています。デフォルトのブラウザスタイルでは打ち消し線が引かれますが、文字を装飾するデザイン目的でdelタグを使用することは避け、レイアウトやテキストの装飾は必ずCSSのtext-decorationプロパティなどで制御することが現代のホームページ（ウェブサイト）制作における基本ルールです。正しい文書構造を保つことは、検索エンジンに情報の更新履歴を正確に伝えるために非常に重要です。

datetime

datetimeの指定で、いつ削除されたかを示すことができます。

例）

<del datetime="20XX-05-02T06:24:37+00:00">削除部分</del>

<del></del>

datetime属性とcite属性による詳細な意味付け

delタグには、削除を行った日時を示すdatetime属性と、削除の理由や参照元のURLを示すcite属性を指定することができます。たとえば、事業用の利用規約の変更や、キャンペーンの終了日時を掲載するページにおいて、いつ、どのような理由でそのテキストが無効になったのかをプログラム的に明示できます。これにより、単なるテキストの削除ではなく、データの構造がより明確になり、情報の質が高まります。

insタグ（挿入テキスト）との組み合わせ

delタグは、多くの場合、追加されたテキストを示すinsタグとセットで使用されます。古い情報をdelタグで囲み、新しい情報をinsタグで囲むことで、コンテンツの修正箇所を明確に提示できます。事業のサービスページなどで内容を更新した際、単にテキストを消去して書き換えるのではなく、あえて変更履歴として残すことで、ユーザーに対して誠実な情報開示を行っていることをアピールできます。

クローラーに対する更新シグナルの提示

検索エンジンはテキスト情報を解析する際、HTMLタグの意味を重要な手がかりとします。正しくdelタグとinsタグを用いることで、クローラーはコンテンツが最新の状態にメンテナンスされていること、そして過去の情報との差分を的確に認識しやすくなります。質の高いコンテンツとして評価されるためにも、こうした細かな意味付けの積み重ねが評価の土台を作ります。

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

ホームページ制作で削除された部分をあえて残し、「削除された部分である」ということを示すと、情報の質が向上します。現在は正確ではない情報であっても、削除部分と追加部分を正確に示すことで、情報を深く知りたいユーザーとっては高品質な情報コンテンツとなります。

s（打ち消し線）

<s></s>

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

ホームページ制作において<s>タグは、ページ内のテキストに取り消し線、打ち消し線を引く際に使用します。

ホームページ制作において、テキストに打ち消し線を引く時に使用しますが、こうした打ち消し線に関するHTMLタグは他にもありますので、論理的な意味合いに応じて使い分けた方が良いと考えることができます。

<s> 取り消し線、打ち消し線を引く

<s>タグは、打ち消し線を引く場合に用いるタグです。無効なテキスト、正確ではなくなった内容を表します。

ウェブページが生成された時点では、正確だった文章内容が正確ではなくなった場合においての取り消し、打ち消しの場合はこの<s></s>を用いますが、削除されたことを示す場合は<del>を用います。

ウェブであれば、言語のバージョン変更に伴って、意味合いが変わった場合などが該当します。

ページの中で正確ではなくなった情報を示す

変更によって単語の意味合いが異なったり、以前は正しかった場合でも、昔の単語・文章などの定義、解釈を残していたほうが、新バージョンの理解が深まる場合があります。

そのような際に、「正確ではなくなった情報」であるものの、記載しているという意味を示すために<s></s>タグを用います。

<s></s>

sタグの正確な使い分け

ホームページ（ウェブサイト）を運営する中で、過去の価格や古いキャンペーン情報などをあえて残しつつ、それが現在は無効であることを示す場面があります。このような際にsタグを正しく使用することは、情報の正確性を維持するために重要です。

より専門的な視点では、単に古い情報を削除するのではなく、情報の変遷を視覚的かつ構造的に示すことで、ユーザーに対して情報の透明性をアピールできます。これが事業に対する信頼感、すなわちE-E-A-Tにおける「信頼（Trustworthiness）」の醸成につながります。不正確な情報が放置されているのではなく、意図的に「現在は正確ではない」と定義している姿勢を示すことが、プロフェッショナルな情報発信には求められます。

高度なSEO戦略 情報の時間的推移を正確に伝える

検索エンジンは、コンテンツがいつ更新され、現在の情報がどれほど最新であるかを注視しています。sタグを用いて情報の有効性を明示することは、検索エンジンに対してもコンテンツのメンテナンスが適切に行われていることを伝えるシグナルになります。

情報の重要度を制御し評価の低下を防ぐ

より専門的な視点では、古い情報をそのまま放置すると、検索ユーザーが誤った情報を元に流入し、直後に離脱するという事態を招きかねません。sタグによって「これは現在の情報ではない」と構造的に示すことで、ユーザーの誤解を防ぎ、ページ内での適切な行動を促すことができます。結果として、ページ全体の品質評価を維持し、検索順位の安定化に寄与するかもしれません。

アクセシビリティへの配慮とユーザーの混乱防止

sタグの役割は、視覚的に取り消し線を引くだけではありません。スクリーンリーダーなどの支援技術を利用するユーザーにとっても、その情報が現在は有効ではないことを理解させるための重要な手がかりとなります。

HTMLの仕様に基づき、取り消された情報であることをプログラムが認識できるようにしておくことが、ホームページ（ウェブサイト）のユニバーサルデザインにおいて重要です。全てのユーザーが情報の有効性を等しく判断できる環境を整えることは、事業の公平性や公共性を高めることにもつながります。

事業の成果を最大化する情報の整理術

例えば、期間限定のキャンペーンや在庫状況の変更など、事業活動に伴う情報の更新は頻繁に発生します。こうした際に、過去の実績や元の価格をsタグで残しておくことで、現在のお得感や変化の幅を強調するマーケティング的な活用も可能です。

より専門的な視点では、情報の削除（delタグ）と情報の無効化（sタグ）を厳密に使い分けることで、ホームページ（ウェブサイト）の情報設計をより高度な次元へ引き上げることができます。細部まで意図の行き届いたマークアップは、最終的にはコンバージョン率の向上や、事業ブランドへの信頼という形で大きな成果をもたらします。

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

正確ではなくなった情報であっても、その旨を示しながら情報自体を残しておくということは、情報を深く知りたいユーザーにとっては貴重な情報です。しかしそのままおいておくこと自体は、誤解を招くことがあるため、こうしたHTMLタグの利用をする必要があるでしょう。

ins・del・sタグの使い分けと使用シーン

ホームページ（ウェブサイト）のコンテンツを更新する際、状況に応じて「ins」「del」「s」の各タグを適切に選択することは、ユーザーへの透明性を高める上で非常に重要です。

ここでは、具体的な事業運営におけるシーンを想定し、それぞれのタグの正しい運用方法について解説します。

insタグとdelタグによる厳密な修正履歴の明示

事業を展開する上で、利用規約の変更や重要な告知事項の修正など、過去の記述と現在の記述の差分を厳格に残さなければならない場面があります。このような「文書そのものの編集作業」に対しては、「del」タグと「ins」タグを組み合わせて使用します。

例えば、料金プランが改定された場合、古い価格を「del」タグで囲んで削除されたことを示し、その直後に新しい価格を「ins」タグで囲んで追加情報を明示します。より専門的には、これらのタグには「datetime属性」を付与することが推奨されます。いつ修正が行われたのかという日時情報をHTMLコード内に持たせることで、検索エンジンに対してコンテンツが最新の状態に保たれていることを正確にアピールできます。

sタグを用いた情報の無効化と現状の提示

一方で、文章としての編集や修正ではないものの、「現状にはそぐわなくなった情報」を表現する際には「s」タグを使用します。代表的な例として、期間限定のキャンペーン価格や、在庫切れになった商品の特別オファーなどが挙げられます。

この場合、元の価格や情報が間違っていたわけではなく、「期間が終了したために現在は無効になっている」という状態を示しています。以前の情報を完全に消し去るのではなく、「s」タグで打ち消し線を引いて残しておくことで、過去にそのようなお得な情報が存在したことをユーザーに伝えつつ、現在は適用されないという事実を誤解なく伝えることができます。

ユーザー体験とSEO評価を向上させるマークアップ

単に文字に打ち消し線を引きたいだけであれば、CSSを用いて装飾することも可能です。しかし、見た目だけの装飾では、音声読み上げソフト（スクリーンリーダー）を利用しているユーザーに対して、その情報が削除されているのか、無効になっているのかを正しく伝えることができません。

情報の更新や無効化といった「意味」を伴うテキストに対しては、必ず「ins」「del」「s」タグを用いてマークアップすることが求められます。

セマンティックHTML

透明性の高い情報開示はユーザーからの信頼に直結し、結果としてホームページ（ウェブサイト）全体の評価を高め、長期的な集客に良い影響を与えます。

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

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

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

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