記事の加筆修正に活躍！WordPress標準の「del」と「ins」タグボタンの使い方と代替方法

ワードプレスのエディタにデフォルトで置かれているボタンはHTMLタグを簡単に追加できるため便利ですが、中には気をつけて使ったほうがよさそうなものもあります。

代表的なボタン、「del」と「ins」について紹介します。

delタグはその部分が削除されたことを示す

名前に打ち消し線が入っている通り、このタグを使うと挟んだ部分に打ち消し線を入れることができます。

<del datetime="2017-05-14T10:43:07+00:00">
ホニャララ
</del>

しかし、このタグをエディタのボタンを使って挿入するとこのように"挿入した日時"が入ります。

つまりこのタグは「この時点で訂正しました」とクローラーに伝える役割を持っているわけです。

これの冒頭で使ったように、訂正ではない箇所に打ち消し線を入れる場合、DELタグだとクローラーに変な誤解を与えてしまうことになりかねません。

そこで日時を消す……のはめんどくさいので、CSSで似たような装飾を作ります。

DELタグの代替方法──打ち消し線を入れるCSS

<span style="text-decoration: line-through;">
ホニャララ
</span>

こうします。

CSSの text-decoration プロパティを使い、 line-through の値を与えると打ち消し線になります。

文章内の一部分だけ打ち消したい時にはspanタグが便利です。

あとはこれをプラグイン「AddQuickTag」に登録しておけば気軽に使えます。

insタグはその部分が追記であることを示す

insとはinsert（インサート）の略で、直訳すると「入れる」とか「組み込む」「挿し込む」になります。

<ins datetime="2017-05-14T10:43:07+00:00">
ホニャララ
</ins>

こちらもdelタグと同様に、WordPressのボタンを使って挿入すると日時が入ります。

つまりこのタグは「この部分はこのタイミングで追記したものです」とクローラーに伝える役割を持ちます。

日時の記述方法については下記を参考にしました。

また追記した情報が別の情報を参考にして作られたものの場合、URLを添付することもできます。

この場合 cite 属性をつけます。

<ins datetime="2017-05-14T10:43:07+00:00" cite="https://hogehoge.net">
ホニャララ
</ins>

基本的にHTMLタグは「その部分を装飾したりギミックを追加して読む人にわかりやすくする」役目と同時に「正しいタグを使うことで検索エンジンのクローラーに正確に評価してもらう」という両面に気をつけて記述する必要があります。

SEOにこだわり始めるとクローラー側ばかり見てしまいユーザーを蔑ろにしてしまうケースもありますし、反対にHTMLを覚えたてのころは「とりあえず見た目がちゃんとしてればいいや」と思って適当に書いてしまいがちですが、バランスが大切です。