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

अनलाइन छवि SEO परीक्षक: Alt, Lazy Loading, WebP, र Srcset - के समाधान गर्ने

अनलाइन छवि SEO जाँच: alt, लेजी लोडिङ, WebP, र srcset, प्रत्येक छविको लागि ०-१०० मूल्याङ्कन

तपाईंले के पाउनुहुनेछ

  • पृष्ठमा प्रत्येक छविमा ०–१०० मूल्याङ्कन र टिप्पणीहरू: alt, लेजी लोडिङ, चौडाइ/उचाइ, WebP/AVIF, srcset — नि:शुल्क
  • तपाईंको स्कोर कसरी गणना गरिन्छ र कुन सम्पादनहरूले यसलाई सबैभन्दा छिटो सुधार गर्नेछ भनेर बुझ्दै
  • मुख्य छवि, उत्तरदायी छविहरू, र alt ट्यागहरूको लागि तयार कोड उदाहरणहरू
लागू गर्नुहोस्: १५ मिनेटमाबचत गर्दछ: तपाईंको फोनमा Google इमेजको ट्राफिक र लोड हुने समय

छोटो उत्तर: SEO को लागि पृष्ठमा छविहरू जाँच गर्न, यसको URL PromoPilot को नि:शुल्क SEO Image Checker मा टाँस्नुहोस्। यो उपकरणले १०० <img> ट्यागहरू सम्म विश्लेषण गर्नेछ: त्यहाँ alt ट्याग छ कि छैन, loading="lazy" सेट गरिएको छ कि छैन, चौडाइ र उचाइ सेट गरिएको छ कि छैन, WebP, AVIF, वा SVG प्रयोग गरिएको छ कि छैन, र त्यहाँ srcset छ कि छैन। परिणाम ० देखि १०० सम्मको स्कोर र प्रत्येक छविमा टिप्पणीहरू हुन्। तल तपाईंले स्कोर कसरी गणना गरिन्छ, पहिले के समाधान गर्ने, र उपकरणले के देख्दैन भनेर पाउनुहुनेछ।

म १२ वर्षदेखि वेबसाइट र स्टोरहरू निर्माण गर्दै आएको छु, र ती मध्ये लगभग हरेकमा छविहरू मुख्य बाधा हुन्। एउटा सामान्य उत्पादन कार्ड: क्यामेराबाट सिधै पाँच 3MB फोटोहरू, एउटा खाली वैकल्पिक पाठ, र फाइल नाम IMG_4512.jpg हो।

छवि SEO जाँचले के जाँच गर्छ?

यो उपकरणले पृष्ठमा रहेको प्रत्येक छविलाई पाँच मापदण्डको आधारमा हेर्छ र समग्र स्कोर बनाउन तिनीहरूलाई जोड्छ।

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

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

अनलाइन वेबसाइटमा तस्बिरहरू कसरी जाँच गर्ने?

४ चरणमा तस्बिरहरू जाँच गर्नुहोस्: URL टाँस्नुहोस्, १०० वटासम्म तस्बिरहरू स्क्यान नभएसम्म पर्खनुहोस्, मूल्याङ्कन हेर्नुहोस्, र कुनै टिप्पणीहरू सच्याउनुहोस्।

  1. छवि SEO परीक्षक खोल्नुहोस्।
  2. पृष्ठ ठेगाना घुसाउनुहोस्, अधिमानतः धेरै तस्बिरहरू भएको ठेगाना: उत्पादन कार्ड, कोटी, ब्लग लेख, पोर्टफोलियो।
  3. "जाँच गर्नुहोस्" मा क्लिक गर्नुहोस् र सबै छविहरू स्क्यान नभएसम्म पर्खनुहोस्।
  4. प्रत्येक छविको मूल्याङ्कन र टिप्पणीहरूको सूची हेर्नुहोस् ।
  5. कृपया समस्याहरू समाधान गर्नुहोस् र पृष्ठ फेरि जाँच गर्नुहोस्।

उपकरण पृष्ठ यस्तो देखिन्छ: ठेगाना क्षेत्र, जाँचहरूको सूची र FAQ।

प्रोमोपाइलटको नि:शुल्क छवि SEO परीक्षक पृष्ठ: URL फिल्ड, alt जाँच, लेजी लोडिङ, WebP/AVIF, र srcset

मूल्याङ्कन कसरी गणना गरिन्छ र पहिले के सच्याउनुपर्छ?

मूल्याङ्कन १०० अंकबाट सुरु हुन्छ, र पृष्ठमा असफल हुने छविहरूको प्रतिशतको आधारमा प्रत्येक अंकको लागि जरिवाना कटौती गरिन्छ। नियमहरू थाहा पाउँदा, सबैभन्दा ठूलो वृद्धि के ले दिन्छ भनेर पत्ता लगाउन सजिलो हुन्छ।

परीक्षा ठीक छ टिप्पणी गर्नुहोस्
वैकल्पिक alt भएका ५०% भन्दा कम तस्बिरहरू — -३०; ८०% भन्दा कम — -१५; १००% भन्दा कम — -५ सबैभन्दा महत्त्वपूर्ण बुँदा
अल्छी लोडिङ ५०% भन्दा कम - -१५; ८०% भन्दा कम - -८ पहिलो तीन तस्बिरहरूलाई ध्यानमा राखिएको छैन।
चौडाइ र उचाइ ५०% भन्दा कम - -१५; ८०% भन्दा कम - -८ CSS-मात्र आयामहरूलाई ध्यानमा राखिएको छैन।
WebP, AVIF, वा SVG ३०% भन्दा कम - १० ढाँचा एक्सटेन्सनद्वारा निर्धारण गरिन्छ
रास्टर छविहरूको लागि Srcset ३०% भन्दा कम - १० SVG लाई srcset आवश्यक पर्दैन।

मेरो कार्य क्रम यहाँ छ:

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

Alt ट्याग मूल्याङ्कनको सबैभन्दा महत्त्वपूर्ण तत्व हो, र यो त्यहि हो जहाँ प्रायः गल्तीहरू हुन्छन्: या त यसलाई खाली छोडेर वा किवर्डहरूले भरेर। एउटा साधारण नियम: छविलाई एक वाक्यमा नदेख्ने व्यक्तिलाई वर्णन गर्नुहोस्।

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

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

फाइलको नाम पनि महत्त्वपूर्ण छ: kozhanyj-ryukzak-nord-korichnevyj.webp IMG_4512.jpg भन्दा राम्रो छ। यसका लागि पुराना फाइलहरूको नाम परिवर्तन गर्नुको कुनै अर्थ छैन, तर वर्णनात्मक नामहरू भएका नयाँ फाइलहरू अपलोड गर्नुहोस्।

तुलना: छवि SEO परीक्षक र विकल्पहरू

उपकरण के नि:शुल्क छ? प्रतिबन्धहरू यो कसको लागि उपयुक्त छ?
प्रोमोपाइलट — छवि SEO परीक्षक Alt, लेजी लोडिङ, चौडाइ/उचाइ, ढाँचाहरू, srcset; प्रत्येक छविको लागि मूल्याङ्कन ०-१०० र टिप्पणीहरू १०० img सम्म, फाइल आकार अनुमान गरिएको छैन कुनै पनि पृष्ठबाट छविहरू द्रुत रूपमा पार्स गर्नुहोस्
Google पेजस्पिड इनसाइट्स गति परीक्षणको भागको रूपमा छवि अडिटहरू: ढाँचा, आकार, अल्छी लोडिङ दर्जनौं अन्य जाँचहरूसँग मिसिएर, alt ले मुश्किलले बुझ्छ गतिमा तस्बिरहरूको प्रभावको मूल्याङ्कन गर्दै
स्क्वुश ब्राउजरमा एउटा छवि कम्प्रेस र रूपान्तरण गर्नुहोस् पृष्ठ जाँच गर्दैन, फाइलहरूसँग काम गर्दछ व्यक्तिगत तस्बिरहरू तयार गर्दै
चिच्याउने भ्यागुता SEO स्पाइडर साइटभरि वैकल्पिक पाठ बिनाका छविहरूको सूची स्थापना आवश्यक छ, नि:शुल्क संस्करणमा ठेगानाहरूको सीमा छ। सयौं पृष्ठहरूमा Alt अडिट

निष्कर्ष: अनलाइन चेकरले कुनै खास पृष्ठमा भएका तस्बिरहरूमा के गडबड छ भनेर देखाउँछ, पेजस्पीडले गतिमा कति खर्च लाग्छ भनेर देखाउँछ, र स्कुओश वा कन्भर्टरले फाइलहरू आफैं ठीक गर्न मद्दत गर्छ।

PromoPilot मा ८७ नि:शुल्क SEO उपकरणहरू छन्, जसमा छवि कम्प्रेसन उपकरण र WebP कन्भर्टर समावेश छ जुन सर्भरमा फाइलहरू अपलोड नगरी सिधै ब्राउजरमा काम गर्दछ। समग्र पृष्ठ आकार बुझ्नको लागि, हाम्रो पृष्ठ गति विश्लेषण श्रृंखलामा हाम्रो लेख हेर्नुहोस्।

छवि प्रमाणिकरणले के देख्दैन?

उपकरणको सीमाको बारेमा इमानदार बनौं - मूल्याङ्कनलाई सही रूपमा व्याख्या गर्न तिनीहरूलाई जान्नु महत्त्वपूर्ण छ:

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

कहिले नि:शुल्क उपकरण पर्याप्त हुँदैन?

अनुकूलन अघि र पछिका छविहरू: खाली वैकल्पिक र भारी JPG हरू बनाम विवरणहरू, WebP, निर्दिष्ट आयामहरू, र srcset

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

  • सम्पूर्ण क्याटलगको नाम, रङ र कोणबाट alt स्वचालित रूपमा उत्पन्न हुनुपर्छ;
  • क्यामेराबाट छविहरू कम्प्रेसन बिना लोड गरिन्छन्, र स्वचालित पाइपलाइन आवश्यक पर्दछ: कम्प्रेसन, वेबपी, धेरै आकारहरू;
  • वेबसाइट थिमले चौडाइ, उचाइ र srcset बिना नै तस्बिरहरू प्रदर्शन गर्दछ, र टेम्प्लेटलाई सच्याउन आवश्यक छ;
  • उत्पादन प्रश्नहरूको लागि Google छविहरूबाट ट्राफिक प्राप्त गर्न चाहनुहुन्छ?

तपाईंको वेबसाइटको लागि म के गर्न सक्छु?

म भ्यालेरी डान्युक हुँ, १२ वर्षको अनुभव भएको विकासकर्ता र SEO विशेषज्ञ र २०० भन्दा बढी ग्राहकहरू, हजारौं तस्बिरहरू भएका असंख्य अनलाइन स्टोरहरू सहित।

SEO र अडिट

पसल र क्याटलगहरू

लेखा र स्वचालन

मलाई Telegram उत्पादन कार्डको लिङ्क पठाउनुहोस् - म तपाईंलाई तस्बिरहरूको आधारमा कति जित्न सक्नुहुन्छ भनेर बताउनेछु।

नतिजा

  1. अनलाइन SEO छवि परीक्षकले एक पृष्ठमा १०० वटा छविहरूको विश्लेषण गर्छ र प्रत्येकको लागि टिप्पणीहरू सहित ० देखि १०० सम्मको स्कोर तोक्छ।
  2. सबैभन्दा धेरै अंकहरू alt र चौडाइ/उचाइ आयामहरूलाई दिइन्छ, त्यसपछि लेजी लोडिङ, WebP/AVIF र srcset लाई दिइन्छ।
  3. मुख्य छविलाई अल्छी लोडिङको आवश्यकता पर्दैन - यसलाई fetchpriority="high" चाहिन्छ।
  4. ठूला क्याटलगहरूको लागि, फोटो प्रशोधन स्वचालित हुन्छ—वा प्लेटफर्म छनौट गरिन्छ जहाँ यो पहिले नै भइसकेको हुन्छ, उदाहरणका लागि, 1001site ।

नि:शुल्क छवि SEO परीक्षकको साथ आफ्नो साइटको सबैभन्दा भारी पृष्ठ जाँच गर्नुहोस् — alt बाट सुरु गर्नुहोस्।

स्रोतहरू

  • प्रोमोपाइलटको छवि SEO परीक्षक पृष्ठ - जाँच, मूल्याङ्कन नियम, सीमाहरू, र FAQ।
  • Google खोज केन्द्र - खोजको लागि छवि सिफारिसहरू।
  • Google पेजस्पीड इनसाइट्स र स्क्वूश - सुविधा विवरणहरू।

सन्दर्भ र स्रोतहरू

प्रश्न र उत्तरहरू

SEO को लागि alt ट्यागहरू किन महत्त्वपूर्ण छन्?

Alt टेक्स्टले खोज इन्जिन र दृष्टिविहीनहरूका लागि स्क्रिन रिडरहरूको लागि छवि वर्णन गर्दछ। Google Images ले श्रेणीकरण उद्देश्यका लागि alt टेक्स्ट प्रयोग गर्दछ, र पृष्ठमा, यसले फोटोको सामग्री व्याख्या गर्न मद्दत गर्दछ। सजावटी तत्वहरूलाई खाली alt="" छोड्न सकिन्छ।

छविको आकारले कोर वेब भाइटललाई कसरी असर गर्छ?

ठूला तस्बिरहरूले LCP लाई ढिलो बनाउँछन्—पहिलो स्क्रिनमा सबैभन्दा ठूलो तत्वको रेन्डरिङ समय, जुन प्रायः फोटो हुन्छ। आधुनिक WebP र AVIF ढाँचाहरू, कम्प्रेसन, सही आयामहरू, र srcset सबैले मद्दत गर्छन्, जस्तै अल्छी लोडिङबाट बच्न र मुख्य छविको लागि उच्च लोडिङ प्राथमिकता सेट गर्न।

के उपकरणले फाइलको तौल जाँच गर्छ?

होइन। उपकरणले छविहरू डाउनलोड गर्दैन, त्यसैले यसले फाइल आकार अनुमान गर्दैन; यसले एक्सटेन्सनको आधारमा ढाँचा निर्धारण गर्दछ। छविहरूको आकार र सम्पूर्ण पृष्ठ पत्ता लगाउन, पृष्ठ गति विश्लेषण वा पृष्ठ गति अन्तर्दृष्टि प्रयोग गर्नुहोस्।

हामीले वेबसाइट जाँच गर्यौं, तर यसलाई ठीक गर्ने कोही छैन?

यो नि:शुल्क उपकरणले समस्याहरू प्रकट गर्दछ। म रिपोर्टको विश्लेषण गर्नेछु, प्राथमिकता दिनेछु, र तिनीहरूलाई समाधान गर्नेछु: SEO अडिट, स्पीडअप, मार्कअप, र श्रेणीकरण नगुमाई नयाँ साइटमा माइग्रेसन।