⇒【東証プライム企業も多数利用！】最先端のSNSマーケティングツール「Tofu Analytics」、「InstantWin」とは？
記事コンテンツに含む画像ですが、正しい使い方を知っていますか。画像を適当に選び、なんとなく「見栄えがいいから」という理由で使っている場合は、正しい使い方を理解する必要があります。
なぜなら、記事コンテンツに挿入する画像は使い方次第ではSEOに影響するからです。そこで、SEO対策に効果的な画像の選び方と使い方、注意点について紹介します。
1．SEO対策における画像の役割とは
ウェブサイト内に配置される画像は、SEO対策におけるさまざまな役割があります。自社のイメージを表現するのはもちろん、ユーザーが視覚的に素早く情報を認識するために、画像の掲載は有用です。また、近年のウェブマーケティングでは、SEO対策として画像を活用するケースも増えてきました。
SEOは日本語で「検索エンジン最適化」と訳されます。自社サイトが発信した内容を正しくユーザーの元へ届けるには、Googleをはじめとした検索エンジンが理解しやすいサイトへと最適化しなければなりません。検索エンジンが画像を識別できるようになるまでは、SEO対策として主に効力を発揮するのは文章の内容でした。 しかし、さまざまな検索エンジンが画像の内容を判別してサイトを評価するようになった現在では、SEO対策における画像の重要性が高まってきています。
Googleでは、サイトのテーマや内容に対して適切な画像が配置されているかが評価されるため、テキストに関連してユーザーの理解を深める画像、表や図解などを配置しておくと、評価につながると考えられています。 現在、検索エンジンは、画像のファイル名や設定されたタグの情報だけでなく、画像自体からもコンテンツとの関係性を判断します。
2018年にGoogleレンズが登場したことは記憶に新しいと思います。Googleレンズは、カメラに映ったものを検索するサービスで、撮影したものの名称や似た商品をも教えてくれます。2019年には識別商品は10億を超え、もはやGoogleは画像情報のみで何が写っているのか認識できるようになっています。
例えば、Googleレンズで東京タワーの画像を検索すると、Googleは画像を「東京タワー」と認識し、観光名所としての評価と東京タワーが写っている画像を掲載しているサイトをサジェストします。
では、SEOに効果的な画像の使い方には、どのようなものがあるのでしょうか。たとえば、タグに設定する画像の説明文は「alt属性（altタグ／代替テキスト）」と呼ばれ、検索エンジンが画像の内容を正しく理解するための補助として必要なものです。
2．画像とSEOの関連性
記事内で画像を活用することは、SEO対策として有効です。
ただし、どんな画像でも良いわけではなく、画像の数が効果に比例することもあります。何より重視すべきは、その画像が「ユーザーにとって有益な情報となっているか否か」という点です。記事の内容と関係のない画像であったり、何も目新しい情報を与えない画像であったりすると、ユーザーが文章を読み進めるうえでの妨げとなってしまいます。
それが、記事の内容を視覚的にわかりやすく表現した画像であったり、文章では伝えづらい情報（物の形状など）を示す画像であったりした場合は、ユーザーが記事を読み解くための補助的な役割を果たし、利便性の向上につながります。ユーザーにとって利便性の高い記事、つまりはユーザビリティの高い記事は検索エンジンからも高く評価される傾向にあるため、画像の設置はSEOと強い結びつきがあると言えるのです。
また、画像検索に対応する「画像SEO」という考え方もあります。
Googleには、一般的な記事の検索機能とは別に画像検索の機能があり、適切な対処を施した画像はこの画像検索のページにおいて、優先的に表示されるようになるのです。通常の検索結果ページにも「画像検索枠」と呼ばれる枠があり、上位の画像が表示されるため、画像SEOの対策によって結果的に記事への流入も期待できるでしょう。
3．SEO効果のある画像を選ぶ2つのポイント
検索エンジンは、最近では画像の内容を読み込むとも言われており、画像の選び方にもSEO対策が必要です。
そこで、SEO効果のある画像を選ぶ2つのポイントを紹介します
〇コンテンツの内容にあった画像を選ぼう
1つ目のポイントは、コンテンツの内容にあった画像を選びましょう。例えば、アップルパイのコンテンツに画像を使う場合、どんな画像を入れるのが正しいでしょうか。
ここでは、りんごかアップルパイの画像を使うのが正しいでしょう。なぜなら、アップルパイに対する関連度が高いからです。
他にも、IT系のコンテンツに画像を使用する場合はパソコン、コーヒーショップの紹介記事に使う画像はコーヒー、あるいはコーヒー豆を使うなど、関連性の高い画像を使うことが大切です。
関連度の高い画像を使うことで、読者がイメージしやすく、ユーザービリティの高いページにすることができます。
また、検索エンジンのクローラーも、記事コンテンツにあった画像を提供していると認識するので、SEO効果も期待できます。ユーザーだけでなく、検索エンジンにも効果的です。
ですので、記事コンテンツに使う画像は、関連度の高いものを選ぶようにしましょう。
〇画像のサイズと画質に気をつけて選ぼう
2つ目は画像のサイズと画質に気をつけることです。その理由は、Webサイトの表示速度に影響するからです。
画像のサイズが大きすぎると、Webサイトを読み込むのが遅くなってしまいます。表示速度の速いWebサイトと比べると、離脱率が高くなってしまうのです。
Webサイトにあるコンテンツを作成した意味がなくなってしまうので、画像のサイズは極力小さいものを選びましょう。
また、容量の大きい画像を使用すると、Web全体の表示速度を下げてしまう恐れがあります。表示速度が遅くなれば、検索エンジンにユーザビリティが低いと認識され、検索順位を下げられる可能性が大きいです。
ですので、ユーザービリティを向上させるためにも、適度な画質のものを選びましょう。とはいえ、どうしてもサイズの大きい高画質の画像を使用したい場合もあるでしょう。その場合は、画像の縮小を行いましょう。以下のサイトを利用すれば、画質を落とさずに容量の縮小を行うことが可能です。
無料で画像の縮小ができるので、ぜひ活用してみて下さい。
4．SEO対策に効果的な画像の設定方法
画像に関するSEO対策のポイントは、以下の7つです。
- ユーザー目線で有益な画像を配置する
- altタグを設定する
- ファイルを軽量化する
- オリジナルの画像を用意する
- 適切なファイル名を設定する
- サムネイルの指定をする
- テキストの画像化には注意
上記のポイントを押さえることで、記事のユーザビリティを上げたり、画像検索で上位を獲得したりできるようになります。
4-1．ユーザー目線で有益な画像を配置する
画像の設置場所は、ユーザー視点で見やすいコンテンツになっているかどうかで判断しましょう。
その画像の役割によって、適切な設置場所は以下のように異なります。
- 見出し下の内容全体を表す画像→H2タグの直下
- 文章を補足する画像→該当するテキストの直下
ユーザーにとって、文章中のどこに画像が設置されていると読みやすくなるのかを考えることが、ユーザビリティの向上につながるのです。
4-2．altタグを設定する
イメージタグの中のaltタグ（代替テキスト）を設定するのも、大切なポイントと言えるでしょう。
altタグとは画像の内容を文字情報にして、検索エンジンに伝えるためのタグです。また、altタグは通信エラー等で画像を表示できない場合に、代わりに画像の説明を表示させる役割もあります。
【altタグの適切な設定方法】
- 狙っているキーワードを入れる
- 不自然な日本語にならないようにする
まず意識すべき点は、狙っているキーワードを入れることです。altタグの入力内容は検索エンジンが読み取るので、狙っているKWがあれば記事との関連性が高いコンテンツと認識され、画像検索などでもヒットするチャンスが上がります。
また、altタグを設定する際には不自然な日本語にならないように注意することも重要です。不自然な日本語表現になると、代替テキストとして表示されてもユーザーから読まれなくなるかもしれないためです。
4-3．ファイルを軽量化する
画像ファイルの軽量化についても意識しましょう。特にスマホからのアクセスに当てはまることですが、サイトの表示速度は検索結果に影響する可能性があります。サーバー容量を重くしないためにも、可能な限り軽量化することがおすすめです。目安は1つあたり50kb程度となります。もし、超過する場合には圧縮するようにしましょう。
なお、ファイル形式（拡張子）でおすすめなのは、圧縮可能でデータ容量が軽くなるJPEG形式です。
データの容量もスマホからのユーザビリティに影響してくるので、できるところから取り組んでいくようにしましょう。
4-4．オリジナルの画像を用意する
SEOを意識した場合、オリジナル画像を利用することも大切なポイントです。オリジナル画像は、フリー画像を使うよりもSEO効果が高くなるという特徴があります。
以下の画像を利用すると文章との整合性がとりやすく、ユーザビリティの向上にもつながるでしょう。
- 実際に自身で撮影した画像
- 自身で文字を挿入した状態の画像
- 有料プラットフォームからダウンロードした画像
もちろんフリー画像でも問題はありませんが、なるべく他にはないオリジナルの画像を使用することをおすすめします。
4-5．適切なファイル名を設定する
画像のファイル名は、ファイルの中身を的確に表すものに設定しましょう。
例えば、原宿駅周辺のおすすめのカレー店を紹介する記事の画像の場合は、「gazou-no1」など当たり障りのないファイル名をつけるより、「harajyuku-curry」など記事や画像を的確に表すものにすると、中身を想像しやすくなります。
検索エンジンは画像のファイル名からも文字情報を読み取るので、メインキーワードと関連のあるものであれば認識してもらえますし、画像検索でもヒットしやすくなるのです。
設置する画像をアクセス獲得に役立てるためにも、画像のファイル名は中身を適切に表すものにしましょう。
4-6．サムネイルの指定をする
サムネイル画像を設定していると、スマホから検索した際にサムネイルが表示される場合があります。サムネイル画像を設定している場合と、設定がない場合とでは、前者の方が検索者の目につきやすくなります。また、サムネイル画像は記事内容との関連性が強い画像を設定することが大切です。
サムネイル画像は以下の方法で指定します。
【PageMap を使用する】
PageMap のコードをページの <head> セクションに追加してサムネイル画像を指定できます。このコンテンツはユーザーからは見えませんが、カスタム検索には有用な情報を提供できます。サムネイル画像のサムネイル DataObject を作成するには次のようにします:
<!–
<PageMap>
<DataObject type=”thumbnail”>
<Attribute name=”src” value=”http://www.example.com/recipes/applepie/applepie.jpg”/>
<Attribute name=”width” value=”100″/>
<Attribute name=”height” value=”130″/>
</DataObject>
</PageMap>
–>
引用：Google Programmable Search Engine ヘルプ
4-7．テキストの画像化には注意
文字情報をあえて画像にする際は、注意が必要です。
派手なWebサイトなどで、企業ロゴやリンクをテキストではなく画像として配置しているのを見たことはありませんか。実はテキストを画像化しすぎるのはおすすめできません。その理由は、検索エンジンはテキスト情報を自動で読み取ることで記事内容を判別しているためです。
もちろんユーザビリティを向上させるために画像の設置が好ましいケースもありますが、テキストで説明できる内容はなるべくテキストで記載するようにしましょう。
5．まとめ
SEOを意識した画像設置のポイントは、「その画像の設置に意味があるか」という点です。
有益な画像とは、それがあることでユーザーが文章を読みやすくなったり、理解を深めやすくなったりするものを指します。ユーザビリティが向上するということでもあるので、SEO対策としても有効な手段です。また、画像にaltタグを設置するなどの対策を施せば、検索エンジンに読み取ってもらうことも可能となります。画像検索においても上位表示を狙いやすくなるため、必ず対策しておきたいところです。
ぜひこの記事を参考にして、SEO対策に効果的な画像の設置・設定を行いましょう。
⇒【東証プライム企業も多数利用！】最先端のSNSマーケティングツール「Tofu Analytics」、「InstantWin」とは？
