# SEO के लिए इमेज अनुकूलन — डेवलपर्स के लिए SEO: Technical SEO और Core Web Vitals

Source: https://www.skillbyai.com/hi/seo-developers/seo-image-optimization

> Descriptive filenames, alt text, modern formats, srcset aur lazy loading se search aur speed ke liye images optimize karein.

## इमेज SEO की सर्वश्रेष्ठ प्रथाएं

Images compress karein, descriptive filenames rakhein (`poodle-grooming-tips.jpg`, `image-1.jpg` nahi), alt text daalein, modern formats (WebP) use karein aur lazy loading lagayein, taaki page speed aur accessibility behtar ho.

## इमेज मार्कअप और alt टेक्स्ट

Hamesha descriptive alt text use karein. Yeh blind users ko image samajhne mein aur Google ko image search results index karne mein madad karta hai.

```html
<!-- GOOD: Descriptive filename and alt text -->
<img 
  src="/images/chocolate-chip-cookie-recipe.jpg" 
  alt="Warm chocolate chip cookie fresh from the oven"
  width="400" 
  height="300"
  loading="lazy"
>

<!-- Using picture element for responsive images -->
<picture>
  <source media="(min-width: 768px)" srcset="large-image.webp">
  <source media="(min-width: 0px)" srcset="small-image.webp">
  <img src="fallback.jpg" alt="Descriptive text">
</picture>
```

## srcset के साथ प्रतिक्रियाशील इमेज

Alag screens ke liye alag image sizes serve karne ke liye srcset use karein. Mobile par bandwidth bachti hai aur LCP behtar hota hai. Example: srcset="small.jpg 480w, medium.jpg 800w, large.jpg 1200w".

## आधुनिक प्रारूप का उपयोग करें: WebP और AVIF

WebP aam taur par JPEG se 25–35% chhota hota hai, aur AVIF aksar aur bhi chhota. Purane browsers ke fallback ke liye `<picture>` element use karein.