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

ホームページを作成した際、タイトルロゴなどを画像で入れている方も多いと思います。

代表的な例で、化粧品のLPページなどは画像だけで作られている場合が多いです。

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

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

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

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

出典：画像検索に関するおすすめの方法｜Google検索セントラル

SEOに効果がない理由は？

googleの画像認識システムは年々精度も上がって来ていて画像をある程度認識できることはできるのですが、細かいところまで認識することはできていません。

画像の中にテキストを載せてしまうと、Googleは画像の上に書かれたテキストを読みとってはくれないので、SEO的に効果がなくなります。

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

Webサイトの調査・情報収集をおこなっているクローラーには大きな弱点があります。

クローラーは画像や動画の内容を直接読みとることができないのです。

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

クローラーが把握できる情報は基本的にテキストだけです。

ページのクオリティを決定する最大の要素は文章であると言えます。

＼働き方など何でも相談可能／

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

SEOに効果的な画像にするために、代替テキスト（alt属性）を使用しましょう。

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

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

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

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

代替テキストのない画像は、画像のコンテンツをユーザーに伝える方法がないため、スクリーンリーダーで問題を引き起こします。

代替テキストを記述すると、検索エンジンにコンテンツの内容を正確に伝えられるというメリットがあり、画像検索において上位表示を狙う場合には重要な要素です。

アクセシビリティの向上

代替テキストの本来の目的は、画像を見ることができない訪問者に画像を説明することです。

これには、画像をブロックするスクリーンリーダーやブラウザが含まれますが、視覚障害があるか、画像を視覚的に識別できないユーザーも含まれます。

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

画像SEO

画像に代替テキストを使用すると、ユーザエクスペリエンスの向上だけでなく画像SEOに効果があります。

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

Just wondering the correct use of the image alt attribute when it comes to lazy loading images. Seen some omit them, some add an empty alt and some use the alt of what will be there once the image has loaded. Any thoughts @JohnMu @RNIB ?

— Tim Bridges (@BrowserBugs) September 4, 2018

画像のファイル名を変更

ファイル名は画像の概要を表すものが良いとされています。

例えば、黒猫の画像の場合「1481909278.jpg」や「スクリーンショット 2020」のような名前は推奨されていません。

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

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

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

画像検索でランキングさせるのであれば、alt属性は重要です。

まとめ：画像にalt属性を記載してSEO効果を高めよう

Googleの画像認識システムは進歩していますが、あくまでテキスト頼りにコンテンツのクオリティを評価しています。

しっかりとした内部構成のサイトの方が上位表示されやすくなります。

サイト作りの際画像にテキストを載せるのではなく、テキストとして入力してSEOに効果的なサイト作りをしましょう。