generated at
<img>
画像を表示する

srcsetとsizesでレスポンシブ画像をやる
画像のLazy loading

属性
imgタグのsrcset属性
imgタグのsizes属性
<img>のalt属性
imgタグのheightとwidth属性
<img>のloading属性
imgタグのfetchpriority属性


src属性
画像のファイル名も検索エンジンの画像理解の情報として参考にされる
img01.png などより、 mens-tops.jpg のような具体的な名前の方が望ましい
ブラウザがimgタグのsrcset属性に未対応の場合、src属性が見られる


<img>のdecording属性
https://qiita.com/hibikikudo/items/853aafe32ad7900712c8
https://zenn.dev/ixkaito/articles/deep-dive-into-decoding






関連
<picture>
<source>



https://developers.google.com/search/docs/advanced/guidelines/google-images?hl=ja&visit_id=637555245419781309-2322843778&rd=1
『現場のプロから学ぶ SEO技術バイブル』 p.33~