実は、ブログやホームページに貼り付けている画像もSEO対策をする必要があります。
画像のSEO対策と聞くと難しそうに感じますが、やることはシンプルです。ポイントは「alt属性（代替テキスト）」にテキストを設定することです。
alt属性を設定すると、以下のようなメリットがあります。
- Googleが画像の内容を理解できるようになり、画像検索で表示されやすくなる
- 何らかの理由で画像が正常に表示されなかった場合、代わりにテキストが表示される
- 視覚に障がいのある人が音声読み上げ機能を使う際、画像の内容が伝わる
「SEOのため」だけでなく、読者にとっても親切な設定になります。
alt属性の書き方について詳しく知りたい人は、以下の記事も参考にしてください。
アメブロとはてなブログでの画像のSEO対策の方法について説明します。
アメブロの場合
アメブロの場合、記事編集画面で画像を挿入した後、画像をクリックします。そうすると画像の編集画面が表示されます。その画面の下部に「代替テキスト（alt）」を入力する枠が出てきます。そこに短い文章を入力します。
以下の画像の場合、アメブロのプロフィールの書き方を説明するサイト用の画像となるので「アメブロのプロフィールの書き方」とすると良いです。
はてなブログの場合
はてなブログの場合、「＋写真を投稿」をクリックし、画像をブログにアップします。そうすると以下の画面が開きます。
まず、「画像にalt属性を指定する」にチェックを入れます。次に、「画像の代替テキスト」に短い文章を入力します。
以下の画像の場合、アメブロでの画像のSEO対策の方法を説明するための画像となるので、「アメブロでの画像のSEO対策の方法」とすると良いでしょう。
ブログに貼り付けた画像もalt属性（代替テキスト）を入力すれば、SEO対策もできる上に、Googleの画像検索で表示されるようになり、あなたのブログに訪問してくれる人が増えます。
alt属性に入れる文言には、ある程度の決まりがあります。
引用元：検索エンジン最適化（SEO）スターター ガイド – Search Console ヘルプ
- alt テキストは短くてわかりやすいものにする（スパムと見なされるような長すぎるものは避ける）
- alt テキストにキーワードを並べたり、文章全体をコピー＆ペーストしない
良い例と悪い例で比較してみます。
- 悪い例：「画像」「写真1」← 何の画像かまったく伝わらないのでNG
- 良い例：「ブログ記事の画像に貼るaltテキストの入力画面」← 画像の内容が伝わるのでOK
一見難しそうに見えますが、実はalt属性に短い文章を入れるだけです。たったこれだけのことなので、一度試してみてください。
難しくて理解不能な人はいつでもご相談ください。私がSEOに強いブログ作りをお手伝いしますよ。
