web-dev-qa-db-ja.com

CSSを使用して画像のサイズを変更した場合、Googleは新しいサイズを認識しますか？

私はこのHTMLコードを持っていると言います（xとyを実際の数字に置き換えます）：

<html>
  <head>
    <style>
    IMG {width: 100%;height: auto; max-width:xpx; max-height:ypx;}
    </style>
  </head>
  <body>
    <img src="image.jpg" width=x height=y>
  </body>
</html>

画面サイズがx x yピクセルより小さい場合、ユーザーの画面サイズに基づいて画像のサイズを自動的に調整します。グーグルのボットはCSSを認識し、私が画像を適切にサイズ変更していると信じていますか？

特にモバイルサイトでは幅が大きすぎるというペナルティを負いたくないので、私は尋ねています。

htmlcssimagesresponsive-webdesignsize
1
Mike

私は、SEOが他のウェブマスタリングタスクに非常に焦点を合わせていることについてのすべてのコメントに同意しますが、あなたの質問には答えます...

CSSへのアクセスをブロックするrobots.txtルールがない場合、または問題のCSSがページまたはインライン上にある限り、問題は発生しません。これらの状況では発生しないペナルティの懸念を別にすれば、Googleは長い間、ボットがインデックス作成プロセスで発見されたCSSとjavascriptを使用するという事実のおかげで、エンドユーザーとしてページを効果的に見ることができました。 。したがって、画像のサイズを変更するCSSがある場合、Googlebotはこれを検出し、ブラウザーに表示されている画像をCSSで設定されたサイズとして扱います。

1
Chris Rutherfurd