WordPressで画像にタイトル属性を簡単に追加する方法（2つの方法）

WPBeginnerで何千もの記事を公開した後、細部が大きな影響を与える可能性があることを学びました。画像にタイトル属性を追加することは、大きな違いを生む小さなことの1つです。

見落としがちな簡単なステップですが、これを忘れると、ウェブサイトのアクセシビリティと画像のSEOの両方を改善する機会を失うことになります。このシンプルな属性は、訪問者と検索エンジンの両方に余分なコンテキストを提供します。

幸いなことに、WordPressでは画像タイトルを追加するのは簡単で、特別なスキルは必要ありません。それを完了するための2つの簡単な方法を説明します。

画像のタイトル属性とは何ですか？

ウェブクローラー、ボット、スクリーンリーダーは、実際には画像を認識できません。代わりに、次のようなHTMLを認識します。

<img src="/path/to/image/fruits.jpg" width="100" height="100" /> 

ほとんどの場合、このコードは、画像が何についてのものかをアクセシビリティツールや検索エンジンが理解するのに役立ちません。

そのため、画像にタイトルタグを追加することをお勧めします。たとえば、次のようになります。

<img src="/path/to/image/fruits.jpg" width="100" height="100" alt="A fruit basket" title="Fruit Basket" /> 

関連性の高い役立つタイトルタグは、Googleのような検索エンジンが画像を正しくインデックスし、あなたのコンテンツを探している人々に表示するのに役立ちます。これにより、画像SEOが向上し、ブログのトラフィックを増やすことができます。

スクリーンリーダーなどのアクセシビリティツールもタイトルを読み上げるため、視覚に問題のある訪問者にとって役立ちます。

代替テキスト属性を追加することもできます。これは、たとえばWordPressのエラーが原因で画像が表示できない場合に、WordPressウェブサイトに表示されます。

それでは、WordPressブログまたはウェブサイトの画像にタイトル属性を追加する方法を見てみましょう。簡単なリンクを使用して、使用したい方法にジャンプしてください。

• 方法1：ブロックエディターを使用して画像にタイトル属性を追加する
• 方法2：WordPressクラシックエディターを使用して画像にタイトル属性を追加する
• 画像SEOを強化するためのボーナスヒント
• よくある質問 (FAQ)
• 画像最適化に関する追加リソース

方法1：ブロックエディターを使用して画像にタイトル属性を追加する

WordPressのコンテンツエディターでは、任意の画像にaltテキストとタイトル属性を簡単に追加できます。投稿 » 新規追加に移動して投稿を作成するだけです。

次に、「+」アイコンをクリックし、「画像」ブロックを選択して、投稿またはページに画像を追加します。

メディアライブラリから画像を選択するか、コンピューターから画像をアップロードするかを選択できます。どちらのオプションを選択しても、メディアライブラリで画像を選択してクリックすることを忘れないでください。

「タイトル」フィールドに入力することで、代替テキストを追加できます。

「タイトル」フィールドもありますが、これはWordPressがメディアライブラリでメディアファイルを識別するために内部的に使用するタイトルです。このトピックの詳細については、WordPressにおける画像代替テキストと画像タイトルの違いに関するガイドをご覧ください。

HTMLの画像タイトル属性を追加するには、通常どおり画像をページまたは投稿に追加する必要があります。次に、右側のメニューにある「詳細設定」セクションをクリックして展開します。

これには「Title attribute」フィールドがあり、これが実際のHTML画像タイトル属性です。

使用したい情報をフィールドに単純に入力してください。

これで、「更新」または「公開」をクリックして変更をライブにすることができます。

次に、マウスを画像の上にホバーすると、タイトルタグを含むポップアップが表示されます。

方法2：WordPressクラシックエディターを使用して画像にタイトル属性を追加する

古いクラシックエディターを使用している場合、タイトル属性を追加するプロセスは少し異なります。クラシックエディターで、「メディアを追加」ボタンをクリックして画像を選択します。

次に、新しい画像をアップロードするか、メディアライブラリから画像を選択します。その後、メディアライブラリの右側にあるフィールドを使用して、代替テキストとタイトルを追加できます。

再度、'タイトル'はWordPressによって内部的に使用され、SEOとアクセシビリティを向上させることができる真の画像タイトル属性ではないことを覚えておいてください。

準備ができたら、「投稿に挿入」ボタンをクリックします。

そこから、画像を選択してクリックし、小さな鉛筆アイコンを選択します。これにより、「画像の詳細」ポップアップが表示されます。

「高度なオプション」セクションをクリックして展開し、「画像タイトル属性」フィールドにタイトルタグを入力するだけです。

変更を保存するには、「更新」ボタンをクリックすることを忘れないでください。

ページまたは投稿を公開して、画像のaltテキストとタイトルタグを有効にできるようになりました。

画像SEOを強化するためのボーナスヒント

画像をメディアライブラリにアップロードしたら、検索エンジン向けに最適化する時期です。これにより、Googleが画像をインデックスし、より高くランク付けすることが容易になります。

これを行うには、キャプション、タイトル、および代替テキスト属性に関連キーワードを追加することを念頭に置く必要があります。

強力で自動化されたソリューションについては、All in One SEO (AIOSEO)の使用をお勧めします。これは市場で最高のSEOプラグインであり、WPBeginnerでオンページ最適化を処理するために使用しているものです。

そのImage SEOモジュールは、非常に時間を節約できます。これにより、画像の適切なタイトル属性と代替テキストを自動的に生成し、面倒な手作業なしですべてが最適化されていることを保証します。

このプラグインは、検索エンジンが画像をより速く見つけてランク付けできるように、XMLサイトマップに画像を追加します。機能の完全な内訳については、当社の完全なAll in One SEOレビューをご覧ください。

さらに、このプラグインを使用すると、添付ファイルページを無効にできます。これらのページには実際の画像の拡大バージョンしか表示されず、SEOに悪影響を与えます。

添付ファイルページを無効にするには、All in One SEO » Search Appearance ページにアクセスし、「Image SEO」タブに切り替えます。ここで、「Redirect Attachment URLs」オプションが「Attachment」に設定されていることを確認してください。

これで、添付ファイルページは画像自体にリダイレクトされます。

それ以外にも、画像ファイルに説明的なテキストを使用したり、画像を圧縮したり、バックリンクを追加したりしてランキングを向上させることもできます。さらに詳しいヒントやコツについては、画像SEOの初心者向けガイドをご覧ください。

よくある質問 (FAQ)

WordPressで画像タイトル属性を追加することについて、よく寄せられる質問とその回答を以下に示します。

画像のaltテキストと画像のタイトル属性の違いは何ですか？

Altテキストは、画像が読み込めない場合に表示され、スクリーンリーダーとSEOにとって不可欠です。タイトル属性は、ユーザーが画像をホバーしたときにツールチップとして追加情報を提供します。

どちらも便利ですが、altテキストはアクセシビリティと検索ランキングにとってより重要です。

メディアライブラリの「タイトル」は「タイトル属性」と同じですか？

いいえ、それらは異なる目的を果たします。「メディアライブラリ」の「タイトル」フィールドは、ファイルを整理するための内部使用用です。

「タイトル属性」は、検索エンジンが読み取るHTML属性であり、訪問者向けのホバーオーバーツールチップを作成します。

WordPressで画像のタイトルを自動的に追加できますか？

はい、All in One SEO (AIOSEO)のようなプラグインを使用できます。その画像SEOモジュールは、画像ファイル名からタイトルと代替テキストを自動生成できるため、多くの時間を節約できます。

画像最適化に関する追加リソース

このガイドが画像のタイトル属性の追加に役立ったことを願っています。サイトのビジュアルとSEOを改善するためのその他のヒントについては、これらの関連記事をご覧ください。

• 最適な画像圧縮プラグインのエキスパートによる厳選
• WordPressでAIを使って画像を生成する方法
• 画像SEOの初心者ガイド

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。