PV増加

【画像SEO】WordPressの画像にalt属性を設定する意味

wordpress 画像 alt

こんにちは、りゅうのすけ(@k_r001)です。

この記事では、ブログのalt属性の意味と設定方法についてまとめました。

 

  • ブログに画像を貼り付けた時のコードってどういった意味があるんだろう?
  • 画像でできるSEO対策ってどういったものがあるのかな?
  • 記事のテキスト入力について知識を深めたい

 

こういった方は、読むことをおすすめします。

テキストエディターを使うメリット

wordpress 画像 alt

テキストエディターを使うメリットとしては、中のコードを編集できることにあります。

コードを編集して追加することで、よくない部分などを消して最適な設定というものができるようになります。

余計なコードが多いサイトよりも、無駄なコードを省いたサイトの方が表示速度が早いです。

 

表示速度が早いと、「Google」からの評価も上がりやすいのでおすすめです。

 

今回は、テキスト入力の中でも画像のコードを最適にするための編集方法についてまとめました。

画像のコード

wordpress 画像 alt

まずは何もしないで、画像を追加した場合について見てみましょう。

 

\中から見たコード/
<img src="画像URL" alt="代替テキスト" title="タイトル" width="横幅" height="縦幅" class="aligncenter size-full wp-image-9094" />

 

⬇︎

 

\最適化/
<img src="画像URL" alt="代替テキスト" />

 

かなりスッキリします。

altに関しては、事前に代替テキストを入力しておけば、自動で出力されます。

 

りゅうのすけ
りゅうのすけ
それぞれソースコードの意味について理解しておきましょう。

 

画像のソースコードの意味

wordpress 画像 alt

画像のコードのそれぞれの意味について解説していきます。

最初の「img」は「Image」の略称で、画像のコードという意味です。

 

画像のコード一覧
  • src=画像URL
  • alt=代替テキスト
  • title=タイトル
  • width=画像の横幅
  • height=画像の縦幅
  • class=中央に配置など設定

この中で必要なコードだけを残すと、「src=画像URL」、「alt=代替テキスト」だけになります。

 

ブログの画像でSEO対策

wordpress 画像 alt

画像でSEO対策するための注意点は、2点だけです。

 

画像のSEO対策でやっておくこと
  • ファイル名を整理する。
  • alt属性を設定する。

 

それぞれ意識的に設定しておきましょう。

ファイル名の整理

wordpress 画像 alt

ファイルは意味がわかるものにしておきましょう。

ファイル名の意味がわからないとGoogleのクローラーが、記事との関連性を認識することができません。

 

ファイル名は、WordPressにアップロードする前の画像名です。

 

何回か使うかもしれない画像はそこまで意識しなくてもいいかもしれないです。

ですが、特定の場所でしか使わない画像はしっかり画像名までこだわっておきましょう。

画像のalt属性

wordpress 画像 alt

alt属性は、Googleのクローラーに画像を文字として読み込ませるための設定です。

画像の読み込みが遅い場合や、リンクエラーになっている時の代替テキストとして表示されます。

<img src="画像URL" alt="代替テキスト" />

 

alt=の”(ダブルクォーテーション)の間に画像の代替テキストを入れましょう。

 

おすすめは、その記事で狙うワードを入力しましょう。

複数使うことで上位表示されやすくなります。

事前にali属性を設定する方法

wordpress 画像 alt

テキストエディター以外でali属性を設定するためには、メディアを開きます。

 

ali属性の設定手順
  1. メディアでalt属性を設定したい画像を選択する。
  2. 代替テキストに設定したいワードを入力
  3. 投稿に挿入する。

 

これで設定完了です。

この方法でalt属性を設定するのであれば、投稿に挿入する前にalt属性を設定しておきましょう。

 

後から代替テキストを追加してもすでに投稿した画像は、何も設定されていない状態になります。

 

ギャラリーなどを作る時は、この代替テキストでalt属性を設定する必要があります。

 

\ギャラリーの作り方/

 

まとめ

alt属性を設定しておくことで、Googleのクローラーが画像をテキストとして読み込んでくれます。

 

画像の意味を伝えることができるので、SEO対策として有効です。

 

他にも余計なコードを省くことで最適化できるので、テキストエディターを使っている方は参考にしてください。

最後まで見ていただき、ありがとうございました。
 

ABOUT ME
りゅうのすけ
高校卒業後、地元香川で就職、一度転職を経て現在はブロガーとして活動してます。 投資をしたり、MLMに騙されそうになった経験をもとに、ブログを書いています。
PS.

記事が有益だなと思った方は、サポートしていただけるとやる気出ます。
 

\1円からのドネーション/

仕事依頼

 

\WordPress開設依頼/

公式LINE

 

\公式LINEもやってます/
公式LINE無料プレゼント

 

  • ワンクリックで登録可能
  • 個人情報はこちらからわからないようになっているのでご安心を

 

こんな人におすすめ
  • ブログを進めていく上でわからないことがある
  • 設定など誰か相談できる人が欲しい
  • 記事ネタに困った時に情報収集したい
  • ブロガー仲間が欲しい

 
困っていることなど直接相談できる場所になってますので、登録しておくといいですよ!
 

登録者特典

 

公式LINE@無料プレゼント
  1. 限定公開記事の共通パスワード配布
    • ブログ内の限定公開記事のパスワードを配布してます。
  2. サイト作成依頼クーポンコード
    • サイト作成依頼時に使えるクーポンコードを配布します。
  3. ブログスターターキット
    • ブログに必要な便利ツール、イラストなど随時更新
  4. 完全個別無料相談
    • ブログについて、1日1人限定で無料相談を受けてます。
      (営業を仕掛けるのはやめてください。)

 

\友達追加しますと、下記のメニューが表示されます。/
公式LINEリッチメニュー

 
各ボタンをポチポチ押すことで欲しい情報だけで情報を取得できるので便利ですよ!