Google Images के लिए एसईओ के सबसे सही तरीके

Google Images की मदद से, वेब पर मौजूद जानकारी को इमेज के रूप में ढूंढा जा सकता है. इमेज कैप्शन और खास तौर से दिखने वाले बैज जैसी नई सुविधाओं का इस्तेमाल करके उपयाेगकर्ता, इमेज के ज़रिए तेज़ी से ज़्यादा जानकारी पा सकते हैं.

इमेज से जुड़ी ज़्यादा जानकारी देने से, खोज नतीजों में ज़्यादा काम के नतीजे मिलते हैं. इससे आपकी साइट का ट्रैफ़िक भी बढ़ सकता है. खोज के नतीजों में आपका कॉन्टेंट आसानी से दिखे, इसके लिए पक्का करें कि आपकी सभी इमेज और साइट, Google Images के हिसाब से ऑप्टिमाइज़ की गई हो. उदाहरण के लिए, इमेज के लिए alt एट्रिब्यूट या स्ट्रक्चर्ड डेटा मार्कअप का इस्तेमाल करना. हमारे दिशा-निर्देशों का पालन करें. इससे Google Images के खोज नतीजाें में आपके कॉन्टेंट के दिखने की संभावना बढ़ सकती है.

बेहतरीन उपयोगकर्ता अनुभव देना

अपने कॉन्टेंट को Google Images के खोज नतीजों में बेहतर तरीके से दिखाने के लिए, उपयोगकर्ताओं और उनकी ज़रूरतों को ध्यान में रखें. ऐसा करने के लिए, आपको उपयोगकर्ताओं को बेहतरीन अनुभव देना होगा: पेजों को सर्च इंजन के लिए नहीं, बल्कि उपयोगकर्ताओं को ध्यान में रखकर बनाएं. इसके लिए, यहां कुछ सुझाव दिए गए हैं:

  • इमेज के विषय की ज़्यादा जानकारी डालें: पक्का करें कि इमेज के रूप में दिखाया जा रहा कॉन्टेंट, पेज के विषय के बारे में बताता हो. पेज पर इमेज को ऐसी जगह दिखाएं जहां दिखाने से पेज पर मौजूद कॉन्टेंट और भी बेहतर लगे. हमारा सुझाव है कि ऐसे पेज न बनाएं जिन पर इस्तेमाल किए गए टेक्स्ट और इमेज, दोनों ही ओरिजनल कॉन्टेंट न हों.
  • इमेज को सही जगह पर लगाएं: जहां भी हो सके, इमेज को उससे जुड़े टेक्स्ट के पास ही लगाएं. अगर देखने में सही लगे, तो सबसे अहम इमेज को पेज के सबसे ऊपरी हिस्से में रखें.
  • ज़रूरी टेक्स्ट को इमेज में न जोड़ें: इमेज में टेक्स्ट को जोड़ने से बचें. खास तौर से पेज के टाइटल और मेन्यू आइटम जैसे ज़रूरी टेक्स्ट एलिमेंट को इमेज में न जोड़ें, क्योंकि सभी उपयोगकर्ता इन्हें नहीं देख सकते. साथ ही, पेज का अनुवाद करने वाले टूल, इमेज का अनुवाद नहीं कर पाएंगे. टेक्स्ट को एचटीएमएल फ़ॉर्मैट में डालें, ताकि उसे ज़्यादा से ज़्यादा लोग देख सकें. साथ ही, इमेज के लिए वैकल्पिक टेक्स्ट दें.
  • ज़्यादा जानकारी देने वाली और अच्छी क्वालिटी की साइट बनाएं: Google Images में अच्छी इमेज दिखना जितना अहम है उतना ही अहम है कि आपके वेबपेज पर अच्छा कॉन्टेंट दिखे. इससे, नतीजों में इमेज के बारे में सही जानकारी दिखती है और ज़्यादा लाेग उस पर क्लिक करते हैं. पेज के कॉन्टेंट का इस्तेमाल, इमेज के लिए टेक्स्ट स्निपेट बनाने में किया जा सकता है. इमेज को रैंक करते समय Google, पेज के कॉन्टेंट की क्वालिटी को भी ध्यान में रखता है.
  • डिवाइस पर आसानी से इस्तेमाल होने वाली साइट बनाएं: उपयोगकर्ता, डेस्कटॉप के मुकाबले मोबाइल से Google Images पर ज़्यादा चीज़ें खोजते हैं. इसलिए, ज़रूरी है कि आप अपनी साइट को सभी तरह के डिवाइस और स्क्रीन साइज़ के हिसाब से डिज़ाइन करें. मोबाइल-फ़्रेंडली जांच का इस्तेमाल करके जांचें कि आपके पेज, मोबाइल डिवाइस पर सही तरीके से दिख रहे हैं या नहीं. साथ ही, इस टूल की मदद से, यह सुझाव भी पाएं कि किन चीज़ों को ठीक करना ज़रूरी है.
  • अपनी इमेज के लिए, आसानी से समझ में आने वाला यूआरएल बनाएं: आपकी इमेज के बारे में जानने के लिए Google, यूआरएल पाथ के साथ-साथ फ़ाइल के नाम का भी इस्तेमाल करता है. अपनी इमेज के कॉन्टेंट को व्यवस्थित करें, ताकि यूआरएल सही तरीके से बनाए जा सकें.

अपने पेज के शीर्षक और जानकारी की जांच करना

Google Images में, एक इमेज वाला नतीजा Google Images के लिए खोज नतीजों वाला पेज

Google Images से, अपने-आप एक टाइटल का लिंक और स्निपेट जनरेट होता है. इनकी मदद से, हर नतीजे के बारे में पूरी जानकारी दी जाती है और यह भी बताया जाता है कि कोई नतीजा, उपयोगकर्ता की क्वेरी से किस तरह जुड़ा हुआ है. इससे उपयोगकर्ताओं को यह तय करने में मदद मिलती है कि उस नतीजे पर क्लिक करना है या नहीं.

इस जानकारी के लिए हम कई सोर्स इस्तेमाल करते हैं. इनमें, टाइटल में दी गई पूरी जानकारी और हर पेज के मेटा टैग शामिल हैं.

अपने पेजों के लिए दिखाए जाने वाले टाइटल के लिंक और स्निपेट की क्वालिटी बेहतर बनाने में हमारी मदद करनी हो, तो टाइटल और स्निपेट से जुड़े Google के दिशा-निर्देशों का पालन करें.

स्ट्रक्चर्ड डेटा जोड़ना

इमेज के साथ स्ट्रक्चर्ड डेटा देने पर, Google Images आपकी इमेज को खास बैज के साथ, रिच रिज़ल्ट (ज़्यादा बेहतर नतीजों) के रूप में दिखा सकता है. इससे उपयोगकर्ताओं को आपके पेज के बारे में ज़रूरी जानकारी मिलती है. साथ ही, आपकी साइट पर ऐसे लाेग बड़ी संख्या में आ सकते हैं जिनको ध्यान में रखकर आपने साइट बनाई है. स्ट्रक्चर्ड डेटा का इस्तेमाल करके, इस तरह के रिच रिज़ल्ट, Google Images में दिखाए जा सकते हैं:

स्ट्रक्चर्ड डेटा के लिए सामान्य दिशा-निर्देशों के साथ-साथ, अपने स्ट्रक्चर्ड डेटा पर लागू होने वाले दूसरे दिशा-निर्देशों का भी पालन करें. ऐसा नहीं करने पर हो सकता है कि आपका स्ट्रक्चर्ड डेटा, Google Images के रिच रिज़ल्ट में न दिखाया जाए. इनमें से हर तरह के स्ट्रक्चर्ड डेटा के लिए, बैज पाने और Google Images के रिच रिज़ल्ट में दिखने के लिए, इमेज एट्रिब्यूट एक ज़रूरी फ़ील्ड है.

Google Images में प्रॉडक्ट का रिच रिज़ल्ट Google Images में वीडियो का रिच रिज़ल्ट

तेज़ी से लोड होने के लिए इमेज को ऑप्टिमाइज़ करना

पूरे पेज में अक्सर ज़्यादातर हिस्सा इमेज का होता है. इस वजह से, पेज लोड होने में ज़्यादा समय लग सकता है. साथ ही, लोड होने में ज़्यादा डेटा खर्च होने की वजह से महंगा भी हो सकता है. उपयाेगकर्ताओं को अच्छी क्वालिटी वाली इमेज और तेज़ी से लोड होने वाले पेज की सुविधा देने के लिए, इमेज को ऑप्टिमाइज़ करने की नई तकनीक और रिस्पॉन्सिव (डिवाइस के हिसाब से साइज़ बदलने वाली) इमेज बनाने के लिए इस्तेमाल होने वाली तकनीक अपनाएं.

PageSpeed Insights टूल का इस्तेमाल करके, अपनी साइट की परफ़ॉर्मेंस की जांच करें. साथ ही, साइट के लोड होने की रफ़्तार क्यों मायने रखती है? वाले हमारे लेख पर जाकर, वेबसाइट की परफ़ॉर्मेंस सुधारने के सबसे अच्छे तरीकों और तकनीकों के बारे में जानें.

अच्छी क्वालिटी की फ़ोटो जोड़ना

धुंधली और साफ़ न दिखने वाली इमेज के मुकाबले, अच्छी क्वालिटी की फ़ोटो, उपयोगकर्ताओं का ध्यान ज़्यादा खींचती हैं. साथ ही, खोज के नतीजे में दिखने वाले थंबनेल में बेहतर क्वालिटी की इमेज, उपयोगकर्ताओं का ध्यान ज़्यादा खींचती हैं. इससे, आपके पेज पर उपयोगकर्ताओं के आने की संभावना बढ़ जाती है.

इमेज में ज़्यादा जानकारी वाले टाइटल, कैप्शन, फ़ाइलों के नाम, और टेक्स्ट शामिल करना

Google, इमेज के विषय के बारे में जानने के लिए पेज का कॉन्टेंट देखता है. इसमें कैप्शन और इमेज के शीर्षक भी शामिल होते हैं. जहां तक हो सके, यह पक्का करें कि इमेज को उसके विषय से जुड़े टेक्स्ट के साथ ही दिखाया जाए. साथ ही, यह भी पक्का करें कि जिस पेज पर इमेज दिखाई जा रही है वह पेज भी इमेज के विषय से मिलता-जुलता हो.

इसी तरह, फ़ाइल के नाम से Google को यह पता करने में मदद मिलती है कि इमेज किस विषय के बारे में है. उदाहरण के लिए, फ़ाइल का नाम IMG00023.JPG के बजाय my-new-black-kitten.jpg रखें. अगर इमेज के कैप्शन और टाइटल स्थानीय भाषा में लिखे जाते हैं, तो फ़ाइल नाम का अनुवाद करना न भूलें. साथ ही, अगर ऐसे वर्ण जो लैटिन भाषा के नहीं है या विशेष वर्ण इस्तेमाल किए जा रहे हैं, तो यूआरएल को एन्कोड करने से जुड़े दिशा-निर्देशों का पालन करें.

alt एट्रिब्यूट में, जानकारी देने वाले वैकल्पिक टेक्स्ट का इस्तेमाल करना

वैकल्पिक टेक्स्ट से उन लोगों को बेहतर अनुभव मिलता है जो वेब पेजों पर इमेज नहीं देख पाते. इनमें, ऐसे उपयोगकर्ता भी शामिल हैं जो स्क्रीन रीडर इस्तेमाल करते हैं या जिनका इंटरनेट कनेक्शन धीमा है. वैकल्पिक टेक्स्ट से इमेज के बारे में जानकारी मिलती है.

इमेज किस विषय से जुड़ी है, यह समझने के लिए Google, कंप्यूटर विज़न एल्गोरिदम और पेज के कॉन्टेंट के साथ-साथ वैकल्पिक टेक्स्ट का इस्तेमाल करता है. अगर इमेज को लिंक के तौर पर इस्तेमाल किया जाता है, तो वैकल्पिक टेक्स्ट, ऐंकर टेक्स्ट के रूप में काम करने लगता है. ऐंकर टेक्स्ट वह टेक्स्ट है जिस पर क्लिक करके, दूसरे दस्तावेज़ तक पहुंचा जा सकता है.

वैकल्पिक टेक्स्ट चुनते वक्त, इस बात का ध्यान रखें कि आप काम का और ज़्यादा जानकारी वाला कॉन्टेंट बनाएं. कॉन्टेंट ऐसा होना चाहिए जिसमें सही तरीके से कीवर्ड इस्तेमाल किए गए हों और वह पेज के कॉन्टेंट के हिसाब से हो. alt एट्रिब्यूट में ज़्यादा कीवर्ड डालने (कीवर्ड स्टफ़िंग (बार-बार एक जैसे कीवर्ड डालना)) से बचें, क्योंकि इससे उपयोगकर्ताओं का अनुभव खराब होता है. साथ ही, इस वजह से आपकी साइट को स्पैम वाली साइट के रूप में भी देखा जा सकता है.

गलत (वैकल्पिक टेक्स्ट मौजूद नहीं है):

<img src="puppy.jpg"/>

गलत (कीवर्ड स्टफ़िंग):

<img src="puppy.jpg" alt="puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food"/>

बेहतर:

<img src="puppy.jpg" alt="puppy"/>

सबसे सही:

<img src="puppy.jpg" alt="डालमेशियन नस्ल का पिल्ला खेल रहा है"/>

W3 के दिशा-निर्देशों के हिसाब से अपने वैकल्पिक टेक्स्ट की सुलभता भी देख लें. <img> एलिमेंट के लिए, एलिमेंट के alt एट्रिब्यूट का इस्तेमाल करें. साथ ही, <svg> को इनलाइन करते समय, <title> एलिमेंट का इस्तेमाल करें. उदाहरण के लिए:

<svg aria-labelledby="svgtitle1">
  <title id="svgtitle1">Googlebot wearing an apron and chef hat, struggling to make pancakes on the stovetop</title>
</svg>

हमारा सुझाव है कि अपने कॉन्टेंट की जांच करें. इसके लिए, आप साइट को ऐक्सेस कर पाने की जांच करने वाले टूल और धीमे इंटरनेट पर अपनी साइट को आज़माने के लिए, एम्युलेटर का इस्तेमाल करें.

अपनी सभी इमेज ढूंढने में हमारी मदद करना

इमेज के लिए सिमेंटिक (पूरी जानकारी देने वाले) मार्कअप इस्तेमाल करना

इमेज को इंडेक्स करने के लिए, Google आपके पेजों के एचटीएमएल को पार्स करता है. हालांकि, वह सीएसएस इमेज को इंडेक्स नहीं करता.

सही:

<img src="puppy.jpg" alt="गोल्डन रिट्रिवर का पिल्ला" />

गलत:

<div style="background-image:url(puppy.jpg)">गोल्डन रिट्रिवर का पिल्ला</div>

इमेज साइटमैप इस्तेमाल करना

ऐसा हो सकता है कि हम कुछ इमेज के यूआरएल क्रॉल न कर पाएं. ऐसे में, इमेज साइटमैप सबमिट करके हमें उन यूआरएल की जानकारी दें.

इमेज साइटमैप में दूसरे डोमेन के यूआरएल शामिल किए जा सकते हैं. ऐसा सामान्य साइटमैप में मुमकिन नहीं होता है, क्योंकि उसमें क्रॉस-डोमेन (अलग-अलग डोमेन) के यूआरएल देने की मंज़ूरी नहीं होती है. इससे, इमेज होस्ट करने के लिए सीडीएन (कॉन्टेंट डिलीवरी नेटवर्क) का इस्तेमाल किया जा सकता है. अगर सीडीएन का इस्तेमाल किया जा रहा है, तो हमारा सुझाव है कि आप Search Console में सीडीएन के डोमेन नेम के मालिकाना हक की पुष्टि कर लें. इससे हम आपको उन गड़बड़ियों के बारे में बता पाएंगे जो पेज क्रॉल करने पर मिल सकती हैं.

Google Images पर काम करने वाले फ़ॉर्मैट

Google Images पर इन फ़ॉर्मैट की इमेज इस्तेमाल की जा सकती हैं: BMP, GIF, JPEG, PNG, WebP, और SVG .

आपके पास डेटा यूआरआई के तौर पर इमेज को इनलाइन करने का विकल्प भी होता है. डेटा यूआरआई की मदद से, Base64 एन्कोड की गई स्ट्रिंग के तौर पर img एलिमेंट के src एट्रिब्यूट को सेट करके, किसी फ़ाइल (जैसे कि इमेज) को इनलाइन करके शामिल किया जा सकता है. इसके लिए आपको ये फ़ॉर्मैट इस्तेमाल करने होंगे:

<img src="data:image/svg+xml;base64,[data]">

इमेज को इनलाइन करने से एचटीटीपी अनुरोधों को कम किया जा सकता है. हालांकि, इमेज काे साेच-समझकर इनलाइन करना चाहिए, क्योंकि इससे पेज का साइज़ बढ़ सकता है. इसके बारे में ज़्यादा जानकारी पाने के लिए, हमारे web.dev पेज पर, इनलाइन इमेज के फ़ायदे और नुकसान देखें.

रिस्पॉन्सिव (डिवाइस के हिसाब से आकार बदलने वाली) इमेज

रिस्पॉन्सिव वेब पेज डिज़ाइन करने से उपयोगकर्ताओं को पेज खोलने या देखने में आसानी होती है, क्योंकि उपयोगकर्ता किसी भी डिवाइस पर साइट खोल सकते हैं. अपने साइट के लिए इमेज मैनेज करने के सबसे सही तरीकों के बारे में जानने के लिए, रिस्पॉन्सिव इमेज से जुड़ी हमारी गाइड देखें.

वेब पेज, रिस्पॉन्सिव इमेज तय करने के लिए, img एलिमेंट के srcset एट्रिब्यूट या <picture> एलिमेंट का इस्तेमाल करते हैं. हालांकि, कुछ ब्राउज़र और क्रॉलर को ये एट्रिब्यूट समझ में नहीं आते. हमारा सुझाव है कि आप src एट्रिब्यूट का इस्तेमाल करके, हमेशा एक फ़ॉलबैक यूआरएल दें.

srcset एट्रिब्यूट की मदद से स्क्रीन के अलग-अलग साइज़ के लिए, एक ही इमेज के अलग-अलग वर्शन तय किए जा सकते हैं.

उदाहरण: <img srcset>

<img srcset="example-320w.jpg 320w,
       example-480w.jpg 480w,
       example-800w.jpg 800w"
   sizes="(max-width: 320px) 280px,
      (max-width: 480px) 440px,
      800px"
   src="example-800w.jpg" alt="responsive web">

<picture> एलिमेंट के ज़रिए, एक ही इमेज के अलग-अलग <source> वर्शन एक साथ रखे जा सकते हैं. यह एक फ़ॉलबैक तरीका बताता है, ताकि डिवाइस की पिक्सल डेंसिटी (हर इंच या सेंटीमीटर में पिक्सल की संख्या) और स्क्रीन के साइज़ जैसी विशेषताओं के हिसाब से, ब्राउज़र सही इमेज चुन सके. यह picture एलिमेंट, उन क्लाइंट सर्वर पर भी इस्तेमाल किया जा सकता है जो नए फ़ॉर्मैट के साथ काम नहीं करते. इसके तहत, इस सर्वर पर ग्रेसफ़ुल डिग्रेडेशन के साथ इमेज के नए फ़ॉर्मैट का इस्तेमाल किया जाता है.

हम सुझाव देते हैं कि आप हमेशा इन फ़ॉर्मैट का इस्तेमाल करके, picture एलिमेंट की मदद से src एट्रिब्यूट वाले img टैग को फ़ॉलबैक के तौर पर ज़रूर जोड़ें:

उदाहरण: <picture>

<picture>
 <source type="image/svg+xml" srcset="pyramid.svg">
 <source type="image/webp" srcset="pyramid.webp">
 <img src="pyramid.png" alt="large PNG image...">
</picture>

सेफ़ सर्च, Google के उपयोगकर्ता खाते में मौजूद एक सेटिंग है. इससे तय होता है कि Google Search के नतीजों में अश्लील इमेज, वीडियो, और वेबसाइटों के दिखने पर रोक लगेगी या नहीं. पक्का करें कि Google यह समझता है कि आपकी साइट पर मौजूद कॉन्टेंट किस तरह का है, ताकि वह आपकी साइट पर सेफ़ सर्च फ़िल्टर को ज़रूरत पड़ने पर लागू कर सके. सेफ़ सर्च के लिए पेजों को लेबल करने के बारे में ज़्यादा जानें.

Google Images में इमेज को इनलाइन लिंक करने की सुविधा से ऑप्ट आउट करना

आपके हिसाब से Google Images के खोज नतीजाें वाले पेज पर फ़ुल साइज़ की इमेज दिखने पर रोक लगाई जा सकती है. इसके लिए, आपको Google Images के खोज नतीजाें से इनलाइन लिंक (सीधे इमेज पर ले जाने वाले) करने की सुविधा बंद करनी होगी.

इनलाइन लिंकिंग की सुविधा बंद करने के लिए ये काम किए जा सकते हैं:

  1. जब आपकी इमेज का अनुरोध किया जाए, तब अनुरोध में एचटीटीपी का रेफ़रल देने वाले हेडर की जांच करें.
  2. अगर अनुरोध किसी Google डोमेन से किया गया है, तो जवाब में 200 एचटीटीपी स्टेटस कोड या 204 एचटीटीपी स्टेटस कोड दिखाएं और कोई कॉन्टेंट न दिखाएं.

इसके बावजूद, Google आपका पेज क्रॉल करके इमेज को देखेगा, लेकिन वह उपयोगकर्ता को खोज नतीजों में, क्रॉल करते समय बनने वाली थंबनेल इमेज दिखाएगा. किसी भी समय, इनलाइन लिंकिंग की सुविधा को बंद किया जा सकता है. इसके लिए, किसी वेबसाइट की इमेज को फिर से प्रोसेस करने की ज़रूरत नहीं होती. इस तरीके को इमेज क्लोकिंग नहीं माना जाता. इस वजह से मैन्युअल ऐक्शन भी नहीं लिए जाते.

आपके पास खोज नतीजों में इमेज को दिखाए जाने पर पूरी तरह से रोक लगाने का विकल्प भी है.

और आखिर में...

कृपया हमारी एसईओ स्टार्टर गाइड पढ़ें. इसमें साइट की रैंक बेहतर करने के लिए काफ़ी जानकारी दी गई है. अगर आपके पास और भी सवाल हैं, तो उन्हें Google Search Central के सहायता समुदाय में पोस्ट करें.