टेलीग्राम, WhatsApp+380637610482
वैलेरी डैन्युक
वैलेरी डैन्युकडेवलपरव्यवसायों के लिए एआई उपकरण विकसित करना। उच्च गुणवत्ता। किफायती।Telegram पर लिखें

ऑनलाइन इमेज एसईओ चेकर: Alt, Lazy Loading, WebP और Srcset – क्या ठीक करना है

ऑनलाइन इमेज एसईओ जांच: alt, lazy loading, WebP और srcset, प्रत्येक इमेज के लिए 0–100 रेटिंग

आपको क्या मिलेगा

  • पेज पर मौजूद प्रत्येक छवि के लिए 0-100 रेटिंग और टिप्पणियाँ: alt, लेज़ी लोडिंग, चौड़ाई/ऊंचाई, WebP/AVIF, srcset — निःशुल्क
  • यह समझना कि आपका स्कोर कैसे कैलकुलेट किया जाता है और कौन से बदलाव इसे सबसे तेजी से बेहतर बना सकते हैं।
  • मुख्य छवि, रिस्पॉन्सिव छवियों और alt टैग के लिए तैयार कोड उदाहरण।
आवेदन करें: 15 मिनट मेंबचत: आपके फ़ोन पर Google Images का ट्रैफ़िक और लोडिंग समय

संक्षेप में: किसी पेज पर मौजूद इमेज की SEO जांच करने के लिए, उसका URL PromoPilot के मुफ़्त SEO इमेज चेकर में पेस्ट करें। यह टूल 100 तक <img> टैग का विश्लेषण करेगा: क्या उसमें alt टैग है, क्या loading="lazy" सेट है, क्या चौड़ाई और ऊंचाई सेट हैं, क्या WebP, AVIF या SVG फॉर्मेट का उपयोग किया गया है, और क्या उसमें src सेट है। परिणाम स्वरूप 0 से 100 तक का स्कोर और प्रत्येक इमेज पर टिप्पणी दी जाएगी। नीचे आपको बताया जाएगा कि स्कोर की गणना कैसे की जाती है, सबसे पहले क्या ठीक करना है, और यह टूल किन चीजों को नहीं देख पाता है।

मैं पिछले 12 सालों से वेबसाइट और स्टोर बना रहा हूं, और उनमें से लगभग हर एक में इमेज ही मुख्य बाधा होती हैं। एक सामान्य प्रोडक्ट कार्ड: कैमरे से ली गई पांच 3MB की तस्वीरें, खाली ऑल्ट टेक्स्ट, और फ़ाइल का नाम IMG_4512.jpg होता है।

इमेज एसईओ चेक क्या-क्या जांचता है?

यह टूल पेज पर मौजूद प्रत्येक इमेज को पांच मानदंडों के आधार पर देखता है और उन्हें एक साथ जोड़कर एक समग्र स्कोर बनाता है।

यह क्या जांचता है? वह क्या देख रहा है? एसईओ और व्यवसाय के लिए यह क्यों महत्वपूर्ण है?
Alt क्या प्रत्येक <img> ऑल्ट के आधार पर Google इमेज की रैंकिंग; दृष्टिबाधित लोगों के लिए सुलभता
लोड करते हुए आलस आना loading="lazy" विशेषता पहली स्क्रीन के नीचे की छवियों पर लागू होती है। जब तक आगंतुक स्क्रॉल करके पेज तक नहीं पहुंच जाता, तब तक पेज पर कुछ भी लोड नहीं होता है।
चौड़ाई और ऊंचाई क्या आयाम टैग विशेषताओं में निर्दिष्ट हैं? लोडिंग के दौरान ब्लॉक "जंप" नहीं करते - यह एक CLS मेट्रिक है।
प्रारूप फ़ाइल एक्सटेंशन के आधार पर WebP, AVIF या SVG आधुनिक प्रारूप जेपीजी और पीएनजी की तुलना में काफी छोटे होते हैं।
स्रोत सेट क्या अलग-अलग स्क्रीन के लिए इमेज के विकल्प उपलब्ध हैं? फोन को छोटी फाइल मिलती है, मॉनिटर वाला वर्जन नहीं।

प्रत्येक छवि को टिप्पणियों की एक सूची प्राप्त होती है, और पृष्ठ को एक अंतिम स्कोर मिलता है। यह सुविधाजनक है: आप न केवल यह देख सकते हैं कि क्या गलत है, बल्कि यह भी कि किस छवि में त्रुटि है।

किसी वेबसाइट पर छवियों की ऑनलाइन जांच कैसे करें?

छवियों की जांच 4 चरणों में करें: यूआरएल पेस्ट करें, 100 छवियों के स्कैन होने तक प्रतीक्षा करें, रेटिंग देखें और किसी भी टिप्पणी को ठीक करें।

  1. इमेज एसईओ चेकर खोलें।
  2. पेज का पता डालें, बेहतर होगा कि ऐसा पेज डालें जिसमें बहुत सारी तस्वीरें हों: प्रोडक्ट कार्ड, कैटेगरी, ब्लॉग आर्टिकल, पोर्टफोलियो।
  3. "चेक" पर क्लिक करें और सभी छवियों के स्कैन होने तक प्रतीक्षा करें।
  4. प्रत्येक छवि के लिए रेटिंग और टिप्पणियों की सूची देखें ।
  5. कृपया समस्याओं को ठीक करें और पेज को दोबारा जांचें।

टूल पेज इस प्रकार दिखता है: पता फ़ील्ड, जाँचों की सूची और अक्सर पूछे जाने वाले प्रश्न।

PromoPilot का मुफ़्त इमेज SEO चेकर पेज: URL फ़ील्ड, alt चेक, लेज़ी लोडिंग, WebP/AVIF और srcset

रेटिंग की गणना कैसे की जाती है और सबसे पहले क्या सुधार किया जाना चाहिए?

रेटिंग 100 अंकों से शुरू होती है, और प्रत्येक कमी के लिए अंक काटे जाते हैं, जो पृष्ठ पर मौजूद छवियों के उस प्रतिशत पर निर्भर करता है जो रेटिंग में खरी नहीं उतरती हैं। नियमों को जानकर, यह समझना आसान है कि सबसे अधिक लाभ किससे मिलेगा।

परीक्षा अच्छा टिप्पणी
Alt 50% से कम छवियों में ऑल्ट कोड होने पर -30 अंक; 80% से कम होने पर -15 अंक; 100% से कम होने पर -5 अंक सबसे महत्वपूर्ण बिंदु
लोड करते हुए आलस आना 50% से कम - −15; 80% से कम - −8 पहली तीन तस्वीरों को ध्यान में नहीं रखा गया है।
चौड़ाई और ऊंचाई 50% से कम - −15; 80% से कम - −8 केवल CSS आधारित आयामों को ध्यान में नहीं रखा जाता है।
WebP, AVIF, या SVG 30% से कम - -10 प्रारूप एक्सटेंशन द्वारा निर्धारित किया जाता है।
रास्टर छवियों के लिए स्रोत सेट 30% से कम - -10 SVG को srcset की आवश्यकता नहीं होती है

यह मेरा वर्क ऑर्डर है:

  1. Alt. सबसे महंगी वस्तु और मरम्मत में सबसे आसान। जो दिखाया गया है वही लिखें: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", न कि alt="рюкзак купить дёшево рюкзак" । सजावटी तत्वों के लिए, खाली alt="" उपयोग करें।
  2. चौड़ाई और ऊँचाई। एट्रिब्यूट में वास्तविक आयाम निर्दिष्ट करें, और CSS में img { max-width: 100%; height: auto; } जोड़ें—छवि रिस्पॉन्सिव बनी रहेगी, और लेआउट में बदलाव नहीं होगा।
  3. लेज़ी लोडिंग फोल्ड के नीचे की सभी चीज़ों पर लागू होती है। हालाँकि, यह हीरो इमेज के लिए हानिकारक है: इसे तुरंत और प्राथमिकता के साथ लोड करने की आवश्यकता होती है।
  4. वेबपी या एवीआईएफ। WordPress संस्करण 5.8 से वेबपी अपलोड और संस्करण 6.5 से एवीआईएफ अपलोड का समर्थन करता है।
  5. बड़ी तस्वीरों के लिए Srcset का उपयोग करें ताकि फोन मॉनिटर संस्करण को डाउनलोड न करे।

पाठ में उचित मुख्य छवि और अनुकूलित फोटो का एक उदाहरण:

<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">

किसी इमेज के लिए अच्छा ऑल्ट टैग कैसे लिखें?

alt टैग मूल्यांकन का सबसे महत्वपूर्ण तत्व है, और यहीं पर सबसे अधिक गलतियाँ होती हैं: या तो इसे खाली छोड़ देना या इसमें कीवर्ड भर देना। एक सरल नियम: छवि का वर्णन एक वाक्य में उस व्यक्ति को करें जो इसे देख नहीं सकता।

चित्र खराब विकल्प अच्छा विकल्प
उत्पाद की तस्वीर рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
टीम की तस्वीर photo1 Мастера мастерской Nord за работой над сумкой
आरेख या चार्ट график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
सजावट आइकन иконка खाली alt="" — इसे पढ़ने की कोई आवश्यकता नहीं है

किसी कैटलॉग के लिए, टेम्पलेट का उपयोग करके ऑल्ट टैग बनाना सुविधाजनक होता है: उत्पाद का नाम + रंग या प्रकार + कोण। इस तरह, एक ही कार्ड पर पाँच फ़ोटो के लिए पाँच अलग-अलग, उपयोगी विवरण होंगे, न कि पाँच एक जैसे।

फ़ाइल का नाम भी मायने रखता है: kozhanyj-ryukzak-nord-korichnevyj.webp IMG_4512.jpg से बेहतर है। सिर्फ़ इसके लिए पुरानी फ़ाइलों का नाम बदलने का कोई फ़ायदा नहीं है, बल्कि नई फ़ाइलों को ऐसे नामों से अपलोड करें जो उनका वर्णन करते हों।

तुलना: इमेज एसईओ चेकर और विकल्प

औजार क्या-क्या मुफ्त है? प्रतिबंध यह किसके लिए उपयुक्त है?
PromoPilot — इमेज एसईओ चेकर Alt, लेज़ी लोडिंग, चौड़ाई/ऊंचाई, फ़ॉर्मेट, srcset; प्रत्येक छवि के लिए 0-100 रेटिंग और टिप्पणियाँ अधिकतम 100 इमेज तक, फ़ाइल का आकार अनुमानित नहीं है। किसी भी पेज से छवियों को तुरंत पार्स करें
Google पेजस्पीड इनसाइट्स गति परीक्षण के भाग के रूप में छवि ऑडिट: प्रारूप, आकार, लेज़ी लोडिंग दर्जनों अन्य जाँचों के साथ मिश्रित होने के कारण, alt मुश्किल से ही समझ पाता है गति पर छवियों के प्रभाव का आकलन करना
स्क्वॉश ब्राउज़र में एक ही छवि को संपीड़ित और परिवर्तित करें पेज की जांच नहीं करता, फाइलों के साथ काम करता है व्यक्तिगत छवियों को तैयार करना
स्क्रीमिंग फ्रॉग एसईओ स्पाइडर साइट पर मौजूद उन सभी छवियों की सूची जिनमें ऑल्ट टेक्स्ट नहीं है। इंस्टॉलेशन आवश्यक है, निःशुल्क संस्करण में पतों की संख्या सीमित है। सैकड़ों पेजों पर वैकल्पिक ऑडिट किया गया

निष्कर्ष: एक ऑनलाइन चेकर किसी विशिष्ट पृष्ठ पर छवियों में क्या खराबी है, यह दिखाता है, PageSpeed गति पर पड़ने वाले प्रभाव को दर्शाता है, और Squoosh या कनवर्टर फ़ाइलों को ठीक करने में मदद करता है।

PromoPilot में 87 मुफ़्त SEO टूल उपलब्ध हैं, जिनमें इमेज कंप्रेशन टूल और WebP कन्वर्टर शामिल हैं। ये टूल ब्राउज़र में ही काम करते हैं और फ़ाइलों को सर्वर पर अपलोड करने की ज़रूरत नहीं पड़ती। पेज के कुल साइज़ को समझने के लिए, हमारी पेज स्पीड विश्लेषण सीरीज़ का लेख देखें।

इमेज वेरिफिकेशन क्या नहीं देख पाता?

आइए इस उपकरण की सीमाओं के बारे में ईमानदारी से बात करें—रेटिंग की सही व्याख्या करने के लिए इन सीमाओं को जानना महत्वपूर्ण है:

  • फ़ाइल के आकार को ध्यान में नहीं रखा जाता है —छवियां डाउनलोड नहीं की जाती हैं; प्रारूप एक्सटेंशन द्वारा निर्धारित किया जाता है।
  • <picture> टैग को पार्स नहीं किया जाता है: <img> में मौजूद JPG को टैग किया जाएगा, भले ही उसके बगल में मौजूद <source> में AVIF या WebP फ़ाइल हो।
  • रिपोर्ट में सीएसएस से प्राप्त पृष्ठभूमि छवियों और जावास्क्रिप्ट द्वारा जोड़ी गई छवियों को शामिल नहीं किया गया है।
  • केवल सीएसएस में निर्दिष्ट आयामों को ध्यान में नहीं रखा जाता है।
  • जिस पेज पर एक भी <img> नहीं है उसे 50 अंक मिलते हैं - यह "आधी गलतियाँ" नहीं, बल्कि "रेटिंग के लायक कुछ भी नहीं" है।

मुफ्त उपकरण कब पर्याप्त नहीं होता?

ऑप्टिमाइज़ेशन से पहले और बाद की छवियां: खाली ऑल्ट और भारी जेपीजी बनाम विवरण, वेबपी, निर्दिष्ट आयाम और स्रोत सेट

किसी एक पेज पर ऑल्ट टेक्स्ट को ठीक करने में दस मिनट लगते हैं। लेकिन अगर स्टोर में पाँच हज़ार उत्पाद हैं, तो इसे मैन्युअल रूप से करना असंभव है। आपको एक विशेषज्ञ की आवश्यकता होगी यदि:

  • संपूर्ण कैटलॉग के लिए नाम, रंग और कोण से alt स्वचालित रूप से उत्पन्न होना चाहिए;
  • कैमरे से छवियों को बिना संपीड़न के लोड किया जाता है, और एक स्वचालित पाइपलाइन की आवश्यकता होती है: संपीड़न, वेबपी, कई आकार;
  • वेबसाइट थीम बिना चौड़ाई, ऊंचाई और srcset के तस्वीरें प्रदर्शित करती है, और टेम्पलेट को ठीक करने की आवश्यकता है;
  • क्या आप उत्पाद संबंधी खोजों के लिए Google Images से ट्रैफ़िक प्राप्त करना चाहते हैं?

मैं आपकी वेबसाइट के लिए क्या कर सकता हूँ?

मैं वैलेरी डैन्युक हूं, एक डेवलपर और एसईओ विशेषज्ञ हूं, जिसके पास 12 वर्षों का अनुभव और 200 से अधिक ग्राहक हैं, जिनमें हजारों तस्वीरों वाले कई ऑनलाइन स्टोर शामिल हैं।

एसईओ और ऑडिट

स्टोर और कैटलॉग

लेखांकन और स्वचालन

मुझे Telegram पर प्रोडक्ट कार्ड का लिंक भेजें - मैं आपको तस्वीरों के आधार पर बता दूंगा कि आप कितना जीत सकते हैं।

परिणाम

  1. ऑनलाइन एसईओ इमेज चेकर एक पेज पर मौजूद 100 छवियों तक का विश्लेषण करता है और प्रत्येक छवि के लिए टिप्पणी के साथ 0 से 100 तक का स्कोर प्रदान करता है।
  2. सबसे अधिक अंक alt और width/height आयामों को दिए जाते हैं, उसके बाद लेज़ी लोडिंग, WebP/AVIF और srcset को।
  3. मुख्य छवि को लेज़ी लोडिंग की आवश्यकता नहीं है - इसे fetchpriority="high" आवश्यकता है।
  4. बड़े कैटलॉग के लिए, फोटो प्रोसेसिंग स्वचालित होती है—या फिर ऐसा प्लेटफॉर्म चुना जाता है जहां यह काम पहले से ही किया जाता है, उदाहरण के लिए, 1001site ।

फ्री इमेज एसईओ चेकर का उपयोग करके अपनी साइट के सबसे अधिक लोड वाले पेज की जांच करें — शुरुआत ऑल्ट पेज से करें।

सूत्रों का कहना है

  • PromoPilot का इमेज एसईओ चेकर पेज - जांच, मूल्यांकन नियम, सीमाएं और अक्सर पूछे जाने वाले प्रश्न।
  • Google सर्च सेंट्रल - खोज के लिए छवि अनुशंसाएँ।
  • Google पेजस्पीड इनसाइट्स और स्क्वॉश - फ़ीचर विवरण।

संदर्भ और स्रोत

प्रश्न और उत्तर

एसईओ के लिए ऑल्ट टैग क्यों महत्वपूर्ण हैं?

Alt टेक्स्ट सर्च इंजन और दृष्टिबाधित लोगों के लिए स्क्रीन रीडर के लिए छवि का वर्णन करता है। Google Images रैंकिंग के लिए Alt टेक्स्ट का उपयोग करता है, और पेज पर यह फ़ोटो की सामग्री को समझाने में मदद करता है। सजावटी तत्वों को खाली Alt="" के साथ छोड़ा जा सकता है।

छवि का आकार कोर वेब विटल्स को कैसे प्रभावित करता है?

बड़ी छवियां LCP (पहली स्क्रीन पर सबसे बड़े एलिमेंट का रेंडरिंग समय) को धीमा कर देती हैं, जो अक्सर एक फोटो होता है। आधुनिक WebP और AVIF फॉर्मेट, कम्प्रेशन, सही डाइमेंशन और srcset सभी इसमें मदद करते हैं, साथ ही लेज़ी लोडिंग से बचना और मुख्य छवि के लिए उच्च लोडिंग प्राथमिकता निर्धारित करना भी सहायक होता है।

क्या यह उपकरण फाइल के वजन की जांच करता है?

नहीं। यह टूल इमेज डाउनलोड नहीं करता, इसलिए यह फ़ाइल साइज़ का अनुमान नहीं लगाता; यह एक्सटेंशन के आधार पर फ़ॉर्मेट निर्धारित करता है। इमेज और पूरे पेज का साइज़ जानने के लिए, पेज स्पीड एनालिसिस या पेजस्पीड इनसाइट्स का उपयोग करें।

हमने वेबसाइट चेक की, लेकिन इसे ठीक करने वाला कोई नहीं है?

यह मुफ़्त टूल समस्याओं को उजागर करता है। मैं रिपोर्ट का विश्लेषण करूँगा, प्राथमिकता निर्धारित करूँगा और उनका समाधान करूँगा: एसईओ ऑडिट, स्पीड बढ़ाना, मार्कअप करना और रैंकिंग खोए बिना नई साइट पर माइग्रेट करना।