＜HTML＞h1タグに画像を使用するーマークアップ・SEO的な観点で問題ないか

標題の件、訳あって画像をh1にしなければならない状況なのですが、以下実装だと
マークアップ、SEO的に問題ありでしょうか？？

html
1<h1>
2　<img src="imgpath" class="display-pc" alt="タイトル">
3　<img src="imgpath" class="display-sp" alt="タイトル">
4</h1>

前提条件

・ポリフィルの使用は無し（picture使えない）
・display-pcは、PCのみ表示（PCの時、SP画像はdisplay:none）

懸念点

・PCビューの時は、SPが非表示になるため、SEO的にペナルティを受けないか

よろしくお願い致します。

m.ts10806

2019/08/14 23:32

「h1 画像　SEO」で調べて出てくる記事内容では何が納得できませんか？

frtne

2019/08/15 14:33

・PCビューの時は、SPが非表示になるため、SEO的にペナルティを受けないかこの観点が入った記事が見当たらなかったため、質問とさせていただきました。

行動規範の内容に同意します

回答1件

ベストアンサー

SEO的に問題ありでしょうか？？

SEOとしてみれば、テキストが無いので、「不足」と言えます。positionでのz-index使用で回避可能かと･･･。

投稿2019/08/14 23:41

yoshinavi

総合スコア3523

frtne

2019/08/15 14:31

ご回答ありがとうございます！文字も画像も置いて、z-indexで画像を最前面で文字を隠すということでしょうか？同じような方法で、text-indentがありますが、そちらはペナルティ受ける可能性があるようなので避けたいところです。。。また、画像に関してはaltを指定すれば同義になるという情報もあったのでその点等も踏まえての質問でした。

yoshinavi

2019/08/16 01:41

＞z-indexで画像を最前面で文字を隠すということでしょうか？ →　スミマセン。少し私の解釈が違っていたかと思います。 imgだけしかh1に使ってはいけないのが絶対条件なのですかね。？ imgメインでもキャプションでキーワードを含めれば良いかと思って回答しました。隠す方向は良くありませんが、画像に関するtext-indentの使用はそこまで気にする必要はありません。ブラック的なSEOでの使用か、一般的な画像対策での使用かは、googleは判断可能と個人的には、理解していますし、現状でもそれで、ペナルティは貰ったことはありません。キャプション的な場合、以前は、背景画像しか使えませんでしたが、object-fitが出てきてからは、「画像でもSEO」が意識されるようになりました。＞画像に関してはaltを指定すれば同義になるという情報もあった →　altも対応策のひとつですが、テキストには負けますので、なるべくテキストを配置するようにした方が良いです。ましてやSEOに重要なh1ですので、なおさらテキストは含める方向がより良いです。

frtne

2019/08/18 14:11

補足回答いただきありがとうございます！勉強になりました。ベストアンサーにさせていただきました！

行動規範の内容に同意します