ブログ

画像を使う際の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トレンドレポート

SEOトレンドセミナー

  1. 【参加費無料】SEO強化セミナー   SEO対策のAtoZ!基礎からトレンドまで徹底解説!

    開催日:2018年3月22日
    場所:東京都新宿区北新宿2丁目21ー1新宿フロントタワー 18F

  2. 2018年抑えるべき最新のSEOトレンド『最新 Google攻略セミナー』

    開催日:2018年3月28日
    場所:サクラサクマーケティング株式会社

資料ダウンロード

用語集

ソースコード集

お役立ちリンク集

お役立ちツール

カテゴリ一覧

タグクラウド

新着記事一覧

  1. コンテンツマーケティング内製化支援サービス 『CACASEL(カカセル)』をリリース

    ~あなたのサービスの紹介を他の誰かに任せてはいけません~   SEO研究所サクラサクラボを運営するサクラサクマーケティング株式会社は、コンテンツマーケティング内製化支援サービス『CACASEL(カカセル)』をリ […]...

    1. サクラサクラボ リニューアルオープンのお知らせ

      デザインのフルリニューアルを行いました 平素はサクラサクラボをご利用いただきまして誠にありがとうございます。 この度、サクラサクマーケティングの運営するサクラサクラボのフルリニューアルを行いましたのでここにお知らせさせて […]...

      1. クローラーとは?SEO対策を行う上で押さえておくべきポイント

        クローラーとは、Googleの検索エンジンをはじめとするロボットがいろいろなサイトの情報を集めるために使用しているもののことです。 別名、Googlebotとも呼ばれ、ページを読み込み(クロールする)、サイト情報を収集格 […]...

おすすめコンテンツ

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

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

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

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

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

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

最新情報を取得する

PAGE TOP