SEO के लिए इमेज अनुकूलन

इमेज 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.

<!-- 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.