ブログテク

代替テキスト(alt属性)設定してる?WordPress(ワードプレス)における画像検索のSEO対策のやり方とは

この記事では,画像検索を意識しWordPress(ワードプレス)で

  • メディアライブラリ内の画像
  • 記事に挿入したあとの画像

への効率のいい代替テキストの入れ方をご紹介しますよ

画像検索のSEO対策として代替テキスト(alt属性)を入れたほうがいいことはわかっていても,SEO対策に本腰を入れるのって記事数を結構書いてからですよね

画像検索のSEO対策として代替テキスト(alt属性)を入れたほうがいいと知ったころには,メディアライブラリや記事に大量の画像が…

これら1つ1つにすべて手作業で代替テキスト(alt属性)を入れるなんて気が遠くなりますよね

そこで

  • メディアライブラリ内の画像
  • 記事内の画像

の2枚の同じ画像の代替テキスト(alt属性)を1度に入れるやり方を調べたのですが…出てこない!

同じように困ったことはありませんか?

その悩みを解決するのが,メディアライブラリ内の画像の代替テキスト(alt属性)を入れてから記事内の画像を置換するというやり方を見つけ出しまとめたこの記事です

この記事をよんで,メディアライブラリ内の画像の代替テキスト(alt属性)を入れてから記事内の画像を置換するという方法で

  • メディアライブラリ内の画像と記事内の同じ画像の代替テキスト(alt属性)を効率よく入れる

ことができますよ!

代替テキストの読み方がわからん

代替テキストの読み方は,たぶん,だいたいてきすと

だいたいだけにたぶんです

スポンサーリンク

代替テキストとalt属性の違いって?

代替テキストを英語でalt textと言います

つまり代替テキスト=alt属性です

画像検索対策としての代替テキスト(alt属性)はSEO的に効果あるの?

画像検索対策として代替テキスト(alt属性)がSEOに影響がある!効果がある!と言われていますが本当なのでしょうか

画像をアップロードしても、Googleロボットさんは、その写真がどういった内容の写真なのか?容易に判断できません。

というわけで、その画像がどういった内容の写真なのか?という説明を加える作業が必須です。

画像の内容を説明する為の、テキスト入力が必要になるわけです。

その情報を画像に入力できるのが、imgタグのalt(alt属性)いわゆる代替テキストと呼ばれるヤツです。

代替テキストは、SEOの効果があるだけでなく、画像が閲覧できない環境で、画像の変わりに表示されるので、閲覧しているユーザーにもありがたい。

優れた代替テキストを作成する事は、Googleさんも推奨しています。よってaltタグは、絶対に必要なのです。

出典:画像検索のSEO対策。代替テキスト(alt属性)とファイル名の重要性。

画像検索で検索上位に上げたければ代替テキスト(alt属性)は必須のようです

「投稿に挿入」前であれば,WordPress(ワードプレス)メディアライブラリで代替テキスト(alt属性)を設定するだけ

ではWordPress(ワードプレス)を使った,代替テキスト(alt属性)の書き方をご紹介しましょう

まだ書いていない記事,具体的に言うとメディアライブラリにある画像を

投稿に挿入

ボタンを押し記事内に貼り付ける前の段階であれば,メディアライブラリの画面で画像をクリックしたときに右側に出る

代替テキスト

というボックス内に入力するだけでOKです

これがいわゆる代替テキスト(alt属性)のやり方です

自動保存ですので,何かのボタンを押さなくとも代替テキスト(alt属性)は勝手に保存されます

すでに書いた記事の画像の代替テキストとメディアライブラリ内の画像の代替テキスト,両方に入力する方法とは

これが大問題でした

メディアライブラリ内の画像の代替テキスト(alt属性)を上記のやり方で入れても

すでに記事内にある同じ画像には反映されない(表示されない)

のです

逆に,記事内の画面の代替テキスト(alt属性)を上記のやり方で入れても

メディアライブラリ内の同じ画像には反映されない(表示されない)

のです。ヤバい

「えっメディアライブラリ内の画像と記事内の画像,両方手入力しなかんの?」

「いやいや,効率いいやり方あるやろ」

と思い検索しても出てこない

 

というわけで色々な方法を試した結果,1つの答えにたどり着きました

それは

メディアライブラリ内の画像に代替テキスト(alt属性)を書き,記事内の画像を置換する

という方法です

これなら代替テキスト(alt属性)の入力は1度で済みます

ぼく天才

「投稿に挿入」後の代替テキスト(alt属性)の設定方法。まずはメディアライブラリだ

まずはメディアライブラリの画面を開いてください

新規投稿画面であれば左上に

メディアを追加

というボタンがあるのでクリック

左のバーであれば

メディア→ライブラリ

をクリック

するとたくさんの画像が出てくることでしょう。いまからこれらすべてに手作業で代替テキスト(alt属性)を入力すると思うと吐き気がしますね

少しでもラクにするために置換が絶対必要です。痴漢はダメゼッタイ

 

試しにメディアライブラリ内の,すでに記事に貼り付けた画像の1枚に代替テキスト(alt属性)を入力してみましょう

画像をクリックすると右側に入力項目が出てきますので,

代替テキスト

という項目に何か入力してみてください

入力した文字は自動保存されます

その画像を挿入した記事の編集画面を開いてください。みんな大好きビジュアルエディターでOKです

「投稿に挿入」した画像をクリックし代替テキスト(alt属性)を確認後,置換

では先ほどメディアライブラリ内で代替テキストを書いた画像と同じ,記事内にある画像をクリックしてください

すると上にいくつかのアイコンが出てきますので,えんぴつアイコン(Edit|button)をクリック

画像詳細ウインドウが立ち上がるので,右側画像の下「置換」ボタンをクリック

すると,先ほどメディアライブラリ内で代替テキスト(alt属性)を記入した画像を選択した状態になっています

念のため,代替テキストが記入されていることを確認して「置換」をクリック

おめでとう!これで記事内画像もメディアライブラリ内画像も代替テキスト記入された状態になりました

WordPress(ワードプレス)での画像の代替テキスト(alt属性)の書き方まとめ

メディアライブラリ内の画像の代替テキスト(alt属性)を入れる

代替テキスト(alt属性)を入れたら記事内の画像を置換で更新していく

ABOUT ME
こうや けい
みなさん初めまして!こうや けい と申します このブログでは,雑記や,みなさんのクオリティ・オブ・ライフ向上につながる世の中にあるイイモノを紹介していきます!