ディーエムガジェット

WordPressのTips備忘録を中心にComputer全般やデジモノ、ガジェット、アプリ紹介など

WordPress[SEO Friendly Images] 画像のaltやtitleに文字列を自動的に追加

      2015/03/02

WordPress[SEO Friendly Images] 画像のaltやtitleに文字列を自動的に追加

こんにちは、dmgadget(ディーエムガジェット)です。WordPressを始めた頃は、SEOに関しても全く無知でしたが、この本や、

この本、

あとはこの辺、

を読んで勉強しました。その中でブログへのアクセスアップの為に「画像に記事タイトルなど追加したほうが良い!」と書いてありました。今は画像を検索する方も多いので、画像検索からブログで少しでも読みに来てもらう為に、画像の「alt属性」に記事タイトルを入れていました。具体的に「alt属性」と「title属性」を説明すると、

スポンサーリンク

alt:画像が表示できなかった時に出力するテキスト
title:画像にマウスホバーした際に表示させるテキスト

altやtitleを記述しておくことで、画像がどういったものなのかを検索エンジンに対して伝えることができます。ただ画像を設置しただけでは、その画像が何なのかを検索エンジンは認識することができないため、SEO的にもalt属性やtitle属性を記述しておく方が良しとされています。

自分は「alt属性」しか記入していませんでしたが、「title属性」も書いた方が良いのでしょうか?教えて欲しいです。

スポンサーリンク

普段、MarsEditで記事を一通り書いてから画像を添付するのですが、その時に「alt属性」へタイトルをコピペしていましたが、画像ファイルが10個、20個となるとかなり面倒くさい作業になります。今回このちょっと手間がかかる作業をWordPressのプラグインで自動が出来ると云う情報を仕入れたので、導入記を備忘録として残します。

SEO Friendly Images

管理画面のプラグインから「新規追加」、ダウンロードが終わってインストールが終わったら忘れずに「有効化」します有効化後、サイドバーに「SEO Friendly Images」が表示されているので分かりやすいと思います。

設定はシンプルで、

WordPress[SEO Friendly Images] 画像のaltやtitleに文字列を自動的に追加

Image ALT attribute:alt属性の値を設定します。
Image TITLE attribute:title属性の値を設定します。
Override default image alt tag:チェックを入れると、上記で設定したalt属性の値がすべての画像に上書きされます。
Override default image title tag:チェックを入れると、上記で設定したtitle属性の値がすべての画像に上書きされます。
Strip extension and delimiter characters (like dot dash etc) from the title tag:チェックを入れると、title属性からドットやダッシュなどの区切り文字を除去します。

設定値には以下のパラメータが使えます。

%title – 記事のタイトル
%desc – 記事の要約
%name – 画像ファイル名
%category – 記事のカテゴリー
%tags – 記事のタグ

TECHMEMOさん引用させて頂きました。ありがとうございます。

スポンサーリンク

普段はMarsEditでの投稿ですが、このプラグインを追加することによってブログを書くスピードが上がって嬉しいですね。(じゃぁ、もっと書けよ、、って感じですが。)

読んで頂いてありがとうございました!

 - WORDPRESS

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


  関連記事

WordPress[Simple Local Avatars] Gravatarに登録不要!プラグインでアバター画像を変更
WordPress[Simple Local Avatars] Gravatarに登録不要!プラグインでアバター画像を変更
「All in One SEO」でカテゴリーページが[noindex]になっていた。
「All in One SEO」でカテゴリーページが[noindex]になっていた。
WordPress 検索エンジン用サイトマップを作成する方法
WordPress 検索エンジン用サイトマップを作成する方法
WordPress[TwitterCards] ツイッターに概要を表示させる方法
WordPress[TwitterCards] ツイッターに概要を表示させる方法
WordPress ブログにメンテナンス中と表示 Easy Pie Maintenance Mode
WordPress ブログにメンテナンス中と表示 Easy Pie Maintenance Mode
WordPress[Stinger5] プラグインなしで背景を画像にする
WordPress[Stinger5] プラグインなしで背景を画像にする
WordPress[Revision Control] リビジョンを制御して無駄な容量を抑える
WordPress[Revision Control] リビジョンを制御して無駄な容量を抑える
WordPressテーマ「Stinger3」の画像の周りに線を入れる方法
WordPressテーマ「Stinger3」の画像の周りに線を入れる方法
WordPress[Stinger3] コメントスパムを減らすプラグイン
WordPress[Stinger3] コメントスパムを減らすプラグイン
WordPress サイドバーにFacebookのいいねボックスを表示する方法
WordPress サイドバーにFacebookのいいねボックスを表示する方法