Pagespeed insights sonuçlarında öne çıkarılmış görsel için genişlik ve yükseklik değerleri yok diyor. Bu hatayı nasıl düzeltebilirim.
Resim öğelerinin açıkça belirtilmiş width ve height değerleri yok
7
●157
- 27-08-2021, 18:15:46Görsel alanlarınızın her birinin genişlik ve yükseklik değerleri belirtilmiş olmalıdır. Böylece resimler yüklenmeden önce beliren "resim alanı", resim ile aynı boyutlarda olacağı için resimler yüklenmeden önce farklı boyutta bir kutu, resim yüklenince farklı bir boyuta esnemeyecek ve düzen kaymaları yaşanmayacaktır. Basitçe bunun gerekliliğini böyle anlatabilirim.Temanız Core Web Vitals'a göre kodlanmamış gibi görünüyor. En pratik yolu şudur:
Specify Missing Image Dimensions eklentisini kurabilirsiniz.
Çok hafif ve sadece bu işi yapmak için yazılmış birkaç satır kod. Sadece kurup aktif etmeniz yeterli. Page Speed testini yenilediğinizde uyarının ortadan kalktığını görebilirsiniz.
-düzeltme:imla- - 27-08-2021, 18:28:40Aksakaloglou adlı üyeden alıntı: mesajı görüntüle
- 27-08-2021, 18:31:45gyurtalan adlı üyeden alıntı: mesajı görüntüle
- 27-08-2021, 18:32:25resimdeki with height değeri yok demesinin sebebi image tagında width height belirtmen gerektiği anlamına geliyor.
<img src="" alt="" width="" height="">
Bu şekilde kullanılır. alt ve title değerleri ne kadar önemliyse witdh height değerleride o kadar önem arz etmektedir. Tarama yapan botlara resmin boyutu hakkında bilgi sağlamış olursunuz ve resimleriniz verdiğiniz değerde boyutlanır.
Kolay gelsin.