SEOコンサルタントの運営するSEO最新情報・SEOのサイトです。SEO最新情報、SEO業者の紹介など。運営者はSEOコンサルタント・白石竜次(「世界一わかりやすいSEO対策 最初に読む本(技術評論社)」他)です。お気軽にお問合せください。

SEOコンサルタント.com

imgタグの「width/height属性」で元画像のサイズを正しく指定しておこう

投稿日:2020年6月19日 更新日:

imgタグの「width/height属性」で元画像のサイズを正しく指定しておこう

HTMLのimgタグに書くwidth/height属性の役割が進化!!

コアウェブバイタル改善にはメリットしかない。離脱率24%減・トップニュース表示は魅力的【SEO情報まとめ】[海外SEO情報ブログ]

●画像の読み込み中でも表示予定の領域を確保しておきズレが発生しないようにする仕様
●JavaScriptなどは一切使わず、HTMLやCSSをブラウザがどう解釈するかの話
●imgタグの書き方は今までと変わらない(特に新しい属性が追加されたわけではない)
●width/height属性で元画像のサイズを正しく指定しておく
●表示サイズはCSSのwidth/heightプロパティで指定する
●これでレスポンシブ画像でも読み込み中に表示予定の領域を確保できる

SEOコンサルタントのまとめ

width/height属性ってわざわざ書く必要ないな、と思っていましたが、「元画像のサイズを正しく指定しておく」ことは意味のある事のようです。
詳細はこちら

  • B!