ブログ

画像を使う際のSEOベストプラクティス

Webサイトを制作するにあたり、テキストだけではなく画像を用いることは、ユーザビリティーを上げるための重要な要素です。
しかし、ただ単に画像を用いただけでは、検索エンジンがその画像の内容を認識できません。
ここではSEOの観点から、サイトに画像を挿入する際のベストプラクティスをご紹介致します。

altテキストを設定する

altテキストとは代替テキストとも言われますが、Webサイトやブログに埋め込まれている画像の内容を検索エンジン伝えるための文章です。
検索エンジンは画像を挿入しただけではその内容を認識できないため、画像の内容がわかる説明文が必要です。
(Googleはある程度画像内容を理解する技術は持っていると考えられますが、積極的には使っていないようです)

本来altテキストは、何らかの理由で画像が表示できない場合に画像の代替テキストとしての意味があり、このような場合にテキストで画像内容を伝えることができ、ユーザーにとってもメリットがあります。

altテキストの設定方法は、HTMLの<img>タグ内に、「alt=”テキスト”」と記載します。
例えば、子犬の写真にaltテキストを設定するとしたら「alt=”子犬”」と書くことで設定できます。
WordPressの場合は、メディア(画像)をアップロードする時に代替テキストを入力する項目があるので、そこに入力することで設定が可能です。

周囲のテキストで画像を説明する

画像の近くにも、その画像に沿ったテキスト情報を加えることで、検索エンジンが画像内容を理解する手がかりになると考えられます。
キャプションをつけておくことも有効な手段です。

わかりやすいファイル名をつける

意味のない英数字の羅列でファイル名を設定するよりも、画像を表す英単語などを用いてファイル名を設定するほうが、Googleが画像の内容を理解する手がかりになります。

画像のxmlサイトマップを送信する

画像サイトマップとは、画像コンテンツ場所を検索エンジンに通知するためのもので、追加で画像タイトルやキャプションなどの情報を追加することも可能です。

これを準備しておくことで、検索エンジンがクロールしにくい画像(たとえばjavascript実行時に表示される画像など)も見つけやすくなるというメリットがあります。

構造化データ

構造データとはHTMLで書かれているデータが何の情報かを、検索エンジンをはじめとするロボットに理解できるよう構造化にしたものです。
私たち人間はWebページにある画像やテキストを見ればそれが何なのかを理解できますが、検索エンジンには理解できないため、あらかじめ指定するフォーマットに画像やテキストなどを登録するようなイメージです。
例えば、ある企業のWebページを構造化した場合には、

会社名は○○
ロゴ画像のURLは□△
電話番号は×□
住所は△△

というように、Webページにある文字列や画像が何を示しているかを検索エンジンに記憶させることで、ユーザーが検索した時にテキストだけではなく画像も表示される(リッチスニペット)ので、ユーザビリティーが上がります。

構造化データの設定は、HTML上に直接専用のタグを埋め込むことによって設定することができます。
構造化データについて詳しくは以下の記事もご覧ください。

構造化データとは?~HTMLを構造化する前に知っておきたいこと~
/blogs/structured-data/

まとめ

画像の内容を検索エンジンが理解できるようになることで、画像検索にも表示されやすくなります。
全ての画像に対して上記の施策を行うことは難しいものの、ベストプラクティスを知っておき実行できる施策から実行することをお勧めいたします。




監修者:笹本 雅人

記事一覧

SEOシニアコンサルタント

2013年株式会社ブレインネットに入社し、会社合併を経てサクラサクマーケティング株式会社に合流した後も現在に至るまでSEOコンサルタントとして大小問わず様々なクライアントの集客向上に貢献。

特にシステム開発がからむSEOを得意としているほか、自社メディアのブログの作成・監修を行い、数多くのキーワードで上位表示を達成している。



SEOトレンドレポート

資料ダウンロード

用語集

ソースコード集

お役立ちリンク集

お役立ちツール

カテゴリ一覧

タグクラウド

新着記事一覧

  1. 観測ワード数50倍!超大型サイトの健康状態を瞬時に把握可能になったアイスタイル様(@cosme)事例

    大規模なサイトを運営するweb担当者が抱えるミッションには、「サイトの健康状態をいかに明瞭に把握できるか」、「いかに社内共有しやすい環境を作るか」といった点が挙げられるでしょう。特にサイトの規模が大きければ、それだけ自然 […]...

    1. 2019年 新年のご挨拶

      新年、明けましておめでとうございます。 サクラサクラボを運営しております、 サクラサクマーケティング株式会社 取締役社長の根岸でございます。 このブログの場を借りまして、新年のご挨拶を申し上げさせて頂きたく存じます。 皆 […]...

      1. リッチリザルトの種類と検索結果表示させるための方法

        リッチリザルトとは、Googleの通常の青色リンクとURL、スニペットで構成される通常の検索結果とは異なり、結果を表示する位置や形式をさまざまに変化させたものです。 リッチリザルトの名称は比較的新しく、以前はリッチスニペ […]...

おすすめコンテンツ

  1. モバイルファーストインデックス(MFI)とは?導入時期や必要な対策まとめ

    2016年11月、Googleウェブマスターブログから、モバイルファーストインデックスMFI)についての取り組みを紹介するブログが公開されました。 Google ウェブマスター向け公式ブログ: モバイル ファースト イ […]...

    1. Googleの順位変動が起こる原因と必要な対策(2017年版)

      2017年に入って以前にも増してGoogleの順位変動が大きくなっています。 これまで安定していた順位が下落し、ひどい時には圏外まで急落するなどの経験をされたWeb担当者さまもいると思います。 すでにSEOにおいてはこの […]...

      1. SEOに強いコンテンツは回答性×網羅性×文字数×ユーザー体験

        SEOに強いコンテンツとは 検索エンジンで上位表示をさせるためには、サイトパワーとユーザーが求めるコンテンツが必要です。 ユーザーが求めるコンテンツとは、情報や課題の解決方法であり、それを満たすコンテンツを多く提供してい […]...

最新情報を取得する

PAGE TOP