画像をテキストとして使用してはいけない!SEO観点から説明

ホームページを作成した際、タイトルロゴなどを画像で入れている方も多いと思います。
代表的な例で化粧品のLPページなどは画像だけで作られている場合が多いです。

デザインや書体を変えるにためにCSSのコードを変更するのが面倒で画像をそのままいれてしまった方が早いですよね。

しかし、テキストを画像で表現することはSEOの観点からはよくありません。

重要なテキストは画像に埋め込まないようにする方がいいとGoogleは言及しています。

重要なテキストを画像に埋め込まない: 画像にテキストを埋め込むことは避けてください。特に、ページ見出しやメニュー項目などの重要なテキスト要素は埋め込まないでください。これは、すべてのユーザーがアクセスできるわけではないためです（また、ページ翻訳ツールも画像では動作しません）。ユーザーがコンテンツに最大限アクセスできるよう、テキストは HTML 形式で作成し、画像に代替テキストを設定してください。

引用元:Google検索セントラル(画像検索に関するおすすめの方法)

SEOに効果がない理由は？

googleの画像認識システムは年々精度も上がって来ていて画像をある程度認識できることはできるのですが細かいところまで認識することはできていません。
そのため画像に中にテキストを載せてしまうとGoogleは画像の上に書かれたテキストを読みとってはくれないのでSEO的に効果がなくなります。

クローラーは画像が読み取れず、文章の内容しか理解できない

Webサイトの調査・情報収集をおこなっているクローラーには大きな弱点があります。
クローラーは画像や動画の内容を直接読みとることができないのです。

人間なら猫の写真を見れば「猫が写っているな」と判断できますが、コンピュータープログラムにすぎないクローラーにはどんな画像なのかが分かりません。

クローラーが把握できる情報は基本的にテキストだけです。
ページのクオリティを決定するのは最大の要素が文章であると言えます。

SEOに効果的な画像挿入の仕方

SEOに効果的な画像にする為に代替テキスト(alt属性)を使用しましょう。

代替テキストには画像の内容を簡潔に表す文字を入力します。代替テキストとは画像が表示されなかったときの代替手段といして表示される文言と定義されています。

何かしらの問題で画像が表示されなかった場合、代替テキストが入力されていることによってユーザーはどのような画像の内容なのか理解できます。

また、視覚障害者などが使用するスクリーンリーダーでも、画像を説明する文章としれalt属性が読み上げられます。

代替テキストは２つの主な理由で必要です

代替テキストのない画像は、画像のコンテンツをユーザーに伝える方法がないため、スクリーンリーダーで問題を引き起こします。
代替テキストを記述すると、検索エンジンにコンテンツの内容を正確に伝えられるというメリットがあり、画像検索において上位表示を狙う場合には重要な要素です。

アクセシビリティの向上

代替テキストの本来の目的は、画像を見ることができない訪問者に画像を説明することです。これには、画像をブロックするスクリーンリーダーやブラウザが含まれますが、視覚障害があるか、画像を視覚的に識別できないユーザーも含まれます。

画像に代替テキストを含めると、視覚的な能力に関係なく、すべてのユーザーがサイトのコンテンツを評価できるようになります。全てのユーザーにとって使いやすいページにしましょう。

画像SEO

画像に代替テキストを使用するとユーザエクスペリエンスの向上だけでなく画像SEOに効果があります。
検索エンジンの画像認識技術はここ数年で大幅に改善されましたが、検索クローラーはまだウェブサイトページの画像を見ることができないため、検索クローラーは代替テキストを必要とします。

Alt text is extremely helpful for Google Images — if you want your images to rank there. Even if you use lazy-loading, you know which image will be loaded, so get that information in there as early as possible & test what it renders as.

— 🍌 John 🍌 (@JohnMu) September 4, 2018

画像のファイル名を変更

ファイル名は画像の概要を表すものがいいとされています。
例えば黒猫の画像の場合「1481909278.jpg」や「スクリーンショット 2020」のような名前は推奨されていません。

「balck-cat.jpg」のように短くてわかりやすいファイル名にしましょう。

ファイル名を最適化することにより、画像検索での画像のランク付けに役立つ理解を深めることができます。

画像のファイル名とalt属性をわかりやすく付けると、Google画像検索のような画像に特化した検索エンジンに、サイトの画像について伝えることができます。画像検索でランキングさせるのであれば、alt属性は重要なようです。

まとめ

Googleの画像認識システムは進歩していますがはあくまでテキスト頼りにコンテンツのクオリティを評価しています。
しっかりとした内部構成のサイトの方が上位表示されやすくなります。
サイト作りの際画像にテキストを載せるのではなくテキストとして入力してSEOに効果的なサイト作りをしましょう。

この記事を書いた人

Yoshihiko Fuji

学生時代にディベート大会、海外留学、起業体験、プログラミング、ブログなどに挑戦。 物が売れる仕組みや、人の行動心理学に興味をもち、現在はWEBMARKS『オンラインWebマーケター育成プログラム』第1期生としてWebマーケターを目指し活動中。

https://mediawith.jp/

このライターの記事を見る