レスポンシブースマホは画像埋め込みのみの場合、SEO的にはどうなのでしょうか。

Question

いつもお世話になっております。

自社のある商品ページを、今までは画像をベタで埋め込みしていただけなのですが、
テキスト追加と、レスポンシブ対応にし、SEO対策をしようと思っております。

PC向けの表示の場合は、今までの画像の上にテキストを埋め込む感じでしようと思っておりますが、
スマホ向けの場合は、スマホ画面サイズによって異なってくるため、
画像を埋め込みにしようと思っています。

PC向け（例えばウインドウ幅が800px以上）はテキスト文書あり、
スマホ向け（例えばウインドウ幅が800ox未満）はベタで画像埋め込み、
とした場合、SEO対策的にはどうなのでしょうか。

スマホサイズで画像埋め込みの作りにすると、PC向けをテキスト化してもSEO的に意味がない
というのであれば、スマホでもテキスト化するなど、検討しようと思います。

説明が拙く申し訳ございませんが、ご回答よろしくお願いいたします。

Accepted Answer

ECマスターズの村井です。

>PC向け（例えばウインドウ幅が800px以上）はテキスト文書あり、 
>SEO対策的にはどうなのでしょうか。

こちらは画像上にテキストを
追加するということでよろしいでしょうか。

画像のみにテキスト文字を入れた場合、
Googleのクローラーがテキストを認識できない場合もあり、
Googleにindexされない可能性もございます。

以下URLに記載のあるように、

画像
https://support.google.com/webmasters/answer/114016?hl=ja

======
優れた代替テキストを作成する

alt 属性は、画像ファイルのコンテンツを説明するために使用されます。
この属性は、次のような理由から重要です。

・Google にとって代替テキストは、画像の題材についての有用な情報です。
Google はこの情報を使用して、ユーザーのクエリに最適な画像を判断します。

・視覚障害がある、スクリーン リーダーを使用する、接続速度が遅いなどの理由から、
ウェブページの画像を見ることができないユーザーも多くいます。
代替テキストはこのようなユーザーに重要な情報を提供できます。

適切ではない例:


適切な例:


最適な例:

 

次のような記述は避けてください。



alt 属性に多数のキーワードを指定する（「キーワードの乱用」）と、
ユーザーの利便性が低下し、サイトがスパムとみなされる可能性があります。
キーワードを多用するのではなく、情報に富んだ有用なコンテンツの作成に力を注ぎ、
キーワードは文脈に合わせて適切に使用してください。
Lynx などのテキスト ブラウザを使用してコンテンツを
確認することをおすすめします。
======

重要なテキスト情報はaltなどにも
含めるようにしていただければと思います。

画像を解析してテキスト情報を認識している
という情報もございますが、念のためテキスト情報は
altなどにも含めるようにしていただければと思います。

>スマホ向け（例えばウインドウ幅が800ox未満）はベタで画像埋め込み、 

スマートフォン向けも同様にテキストを追加する場合は、
画像のみではなく、altなどにもテキストを
追加いただければと思います。

Answer

村井様

ご回答いただきありがとうございます。

altの書き方が重要である旨、承知いたしました。

>こちらは画像上にテキストを
>追加するということでよろしいでしょうか。

もともとベタで画像を貼っていたものを、背景に移動し、
その上にテキストベース（タグ、p を使います）で文字を入れていこうと考えています。

>画像のみにテキスト文字を入れた場合、
>Googleのクローラーがテキストを認識できない場合もあり、
>Googleにindexされない可能性もございます。

「画像のみにテキスト文字をいれた場合」
というのはどういう状況でしょうか？
上で私が書いているような、背景画像の上にタグpなどでテキストを入れること
なのでしょうか。

状況がわかりにくく申し訳ございませんが、ご回答よろしくお願いいたします。

Answer

ECマスターズの村井です。

>というのはどういう状況でしょうか？

altタグなどにテキストを入れず、
画像上にテキストを入れる加工のみの場合ということですので、

>上で私が書いているような、
>背景画像の上にタグpなどでテキストを入れることなのでしょうか。

であれば問題ございませんので、
altなどにテキストとしてご入力いただければと思います。

Answer

村井様

お世話になっております。

altの中身が重要である旨、理解いたしました。
ご回答いただきありがとうございました。