Pinterest のための imgタグ設定法

LINEで送る
Pocket

WordPressで画像ファイル名を簡単に変更したい。

みなさんご存知かもしれませんが、SEO的に考えると画像ファイルに適切なファイル名を付けておくことは重要です。でも、すでに投稿した記事の画像ファイル名を各投稿記事の編集画面から変更するのは手間がかかりますね。

そこで、Media File Renamer というプラグインを導入してみました。
管理画面のメディアライブラリのメディアを編集画面でファイル名を変更して更新ボタンを押すだけで、そのメディアを挿入した記事のファイル名が自動で変更されます。
DSC_0225_s

元のファイル名

元のファイル名

メディアライブラリのリスト表示ページから「アップロード先」をプレビュー表示すると、貼り付けてある画像のファイル名が変更されていることが確認できます。

Media File Renamer で変更しました。

Media File Renamer で変更しました。

Media File Renamer がメディアのファイル名変更と同時に、そのメディアが使われている記事のimgタグも修正してくれているのです。

Pinterest のピンボタンで画像の説明が元のファイル名になってしまっている場合。

しかし、Pinterest の Pinボタンを設置しているサイトの場合、リネームした画像のピンボタンを押すと「説明」の部分に旧ファイル名が表示されていることがあります。

ファイル名は waterfall.jpg なのに説明が旧ファイル名のまま。

ファイル名は waterfall.jpg なのに説明が旧ファイル名のまま。

これは、記事のimgタグ内にある TITLE属性値が表示されているのです。TITLE属性が空欄の場合はALT属性値が表示されるようです。また、TITLE属性とALT属性が空欄の場合はcaptionの値がALT属性に代入されるようです。

SEO Friendly Images で Pinterest のピンボタンで画像の説明を適切に設定する!

Pinterest のピンボタンで画像の説明部分に Media File Renamer で変更したファイル名を表示させるには、通常なら Rename のチェックボタンでメディアのタイトルや代替テキストを編集してそのメディアが使われている記事のHTMLタグを貼り付けなおす必要があります。

この手間を省くために、SEO Friendly Images というプラグインも導入してみます。
これは記事内のIMGタグのALT属性とTITLE属性を予め設定した値に自動で補完してくれるプラグインです。

設定例

設定例

ALT欄にファイル名(%name)を設定したところ、Pinterest のピンボタンを押すと説明部分にファイル名が表示されるようになりました。
SFI_Pin-button

なお、2015年1月15日現在最新の3.0.5ではうまく動かない場合があるようで、2.7.6(WordPressは4.1)で動作を確認しています。

LINEで送る
Pocket