Sayt uchun rasmlarni optimallashtirish: og‘irlik, o‘lcham va formatlar

Rasmlarni optimallashtirish ikki vazifani hal qiladi: sahifa tezroq yuklanadi va rasmlar qidiruvda, jumladan rasm qidiruvida, yaxshiroq tushuniladi. Ikkalasi ham SEO uchun muhim.

1. To‘g‘ri o‘lcham

Eng katta xato — ekranda kichik ko‘rsatiladigan rasmni ulkan o‘lchamda yuklash. Zamonaviy telefon kamerasi juda katta fotosurat oladi, sayt kartochkasi esa uning kichik qismiga teng joyni egallaydi.

• Rasmni sahifada ko‘rsatiladigan eng katta o‘lchamga yaqin kesib tayyorlang
• Yuqori zichlikli ekranlar uchun biroz kattaroq versiya bering, lekin haddan oshirmang
• Turli qurilmalar uchun bir nechta o‘lchamni tayyorlang va brauzer kerakligini tanlasin

2. Siqish

Siqishning ikki turi bor:

• Yo‘qotishli — fayl ancha yengillashadi, sifat biroz pasayadi, lekin ko‘pincha ko‘zga sezilmaydi
• Yo‘qotishsiz — faqat ortiqcha ma’lumot olib tashlanadi

Fotosuratlar uchun yo‘qotishli siqish odatiy holat. Sifat va hajm o‘rtasida muvozanatni ko‘z bilan tekshiring.

3. Format

• Fotosuratlar — WebP yoki AVIF, zaxira sifatida JPEG
• Shaffof fonli rasmlar — WebP yoki PNG
• Logotip va ikonkalar — SVG
• Animatsiya — GIF o‘rniga video yoki animatsiyali WebP

4. Yuklash tartibi

• Birinchi ekrandagi asosiy rasm darhol va yuqori ustuvorlik bilan yuklansin
• Qolganlari kechiktirilgan yuklash bilan
• Har bir rasm uchun kenglik va balandlik ko‘rsatilsin — sahifa sakramasligi uchun

5. Alt matni

Alt matni rasmni ko‘ra olmaydigan foydalanuvchilar va qidiruv tizimlari uchun tavsif.

• Rasmda nima borligini aniq yozing: «Oq rangli burchak divan, mato qoplamali»
• Kalit so‘zlarni tabiiy ravishda, ro‘yxat sifatida emas
• Dekorativ rasmlar uchun bo‘sh alt — ularni tasvirlash shart emas

6. Fayl nomlari

«IMG_4587.jpg» o‘rniga «burchak-divan-oq.jpg». Lotin harflari, defislar, kichik harflar. Bu rasm qidiruvi uchun qo‘shimcha signal va saytda tartibni saqlaydi.

7. Rasm atrofidagi kontekst

Qidiruv tizimi rasm nima haqida ekanini atrofidagi matn, sarlavha va izohdan ham tushunadi. Muhim rasmlarni mazmunga bog‘liq joyga qo‘ying, kerak bo‘lsa izoh yozing.

Kontent menejerlari uchun qoida

Rasmlarni ko‘pincha dasturchi emas, menejer yuklaydi. Oddiy yo‘riqnoma yozing:

1. Rasmni kerakli o‘lchamga keltiring
2. Siqish vositasidan o‘tkazing
3. Fayl nomini lotin harflarida yozing
4. Alt matnini to‘ldiring

CMS’da avtomatik siqish va formatga o‘tkazish plaginlari bo‘lsa, ularni yoqing — lekin dastlabki o‘lchamni nazorat qilish baribir kerak.

Tekshirish

Lighthouse va PageSpeed Insights optimallashtirilmagan rasmlarni ko‘rsatadi. Krauler bilan saytni skanerlab, eng og‘ir rasmlar va alt matni yo‘q rasmlar ro‘yxatini oling. Avval eng ko‘p tashrif buyuriladigan sahifalardan boshlang.

Rasm qidiruvidan foyda

Ba’zi nishalarda — mebel, kiyim, interyer dizayni, ta’mirlash — odamlar avval rasm qidiruvida variant tanlaydi. Bunday sohalarda o‘z fotosuratlaringiz, aniq alt matni va rasmga yaqin joylashgan tavsif qo‘shimcha trafik manbai bo‘lishi mumkin. Boshqa saytlardan olingan rasmlardan foydalanmang: bu mualliflik huquqi bilan bog‘liq muammolarga olib keladi va qidiruvda ustunlik bermaydi.