Shopify आपको उत्पाद विकल्पों में चित्र जोड़ने की सुविधा देता है, ताकि ग्राहक देख सकें कि प्रत्येक विकल्प कैसा दिखता है। हालाँकि, Shopify द्वारा विनियमित होने के कारण, आप एक विकल्प मान के साथ केवल एक छवि ही जोड़ सकते हैं। तो, सवाल यह है कि एक विकल्प के साथ कई छवियाँ कैसे जोड़ी जाएँ?
Be Yours में एक उत्तर है, जिसमें आप एक विकल्प विकल्प मान के लिए कुछ छवियों को निर्दिष्ट कर सकते हैं । यह फ़ंक्शन विशेष रूप से रंग विकल्प के लिए उपयुक्त है, लेकिन आप इसे अन्य उद्देश्यों के लिए पूरी तरह से उपयोग कर सकते हैं।
इस पृष्ठ पर
- आवश्यकताएं
- एक विकल्प चुनें
- छवियों के ALT टैग को संपादित करें
- अपना स्वयं का alt text सेट करें (या रखें)
आवश्यकताएं
- Be Yours 4.0.0 या बाद का संस्करण
-
आपको किसी विकल्प का चयन करने के बाद अन्य वेरिएंट का मीडिया छिपाएँ विकल्प को बंद करना होगा. variant . यह विकल्प मूल Shopify व्यवहार के साथ संगत है - केवल एक छवि को एक विकल्प मान के साथ जोड़ना।
Be Yours में यह विकल्प निम्नलिखित अनुभागों में उपलब्ध है:
- विशेष उत्पाद अनुभाग
- उत्पाद जानकारी अनुभाग (उत्पाद पृष्ठों पर)
- उत्पाद जानकारी अनुभाग (उत्पाद मोडल पर)
अपना मनचाहा विकल्प चुनें
अपने एडमिन में अपने उत्पाद को देखें और एक विकल्प चुनें जिसके लिए आप अपनी छवियों को वर्गीकृत करना चाहते हैं। नीचे दिए गए उदाहरण में, मैं रंग चुनने का फैसला किया। मेरा उत्पाद काले , हरे , और गुलाबी रंग और मैं केवल संबंधित छवियों को दिखाना चाहता हूं जब कोई उपयोगकर्ता विकल्प मान का चयन करता है।
छवियों के ALT टैग को संपादित करें
आपको छवि से संबंधित 'विकल्प नाम और विकल्प मान' निर्दिष्ट करने के लिए alt टैग को संपादित करना होगा:
- छवि पर माउस घुमाएं और छवि की जानकारी खोलने के लिए छह-बिंदु वाले बटन पर क्लिक करें
- वैकल्पिक टेक्स्ट जोड़ें पर क्लिक करें
- अपने द्वारा चुने गए विकल्प नाम को विकल्प मान के साथ संयोजित करके उपयोग करें।
यहां वाक्यविन्यास बहुत महत्वपूर्ण है और इसे निम्नलिखित क्रम में होना चाहिए:
उदाहरण के लिए, यदि मैं रंग विकल्प चुनता हूं और मैं किसी छवि को काले रंग से जोड़ना चाहता हूं रंग, वैकल्पिक पाठ#(हैशटैग वर्ण)
option-name(लोअरकेस, सभी रिक्त स्थानों को हाइफ़न से बदलें)
_(अंडरस्कोर चरित्र)
option-value(लोअरकेस, सभी रिक्त स्थानों को हाइफ़न से बदलें)#color_blackहोना चाहिए
- परिवर्तनों को सहेजने के लिए वैकल्पिक पाठ सहेजें पर क्लिक करें
- अन्य छवियों के लिए भी यही प्रक्रिया अपनाएँ
अपना स्वयं का alt text सेट करें (या रखें)
अगर मैं SEO उद्देश्यों के लिए अपना खुद का alt सेट करना (या रखना) चाहता हूँ तो क्या होगा? बस alt फ़ील्ड में कुछ भी जोड़ें # वर्ण से पहले , इस तरह:
हम जानते हैं कि अधिकांश ग्राहक SEO के बारे में परवाह करते हैं और आप alt टैग जोड़कर अपनी SEO दक्षता में सुधार कर पाएंगे सभी चित्र ऊपर दिए गए निर्देशों के अनुसार हैं।
एसईओ: AVADA द्वारा छवि अनुकूलक पृष्ठ गति एक अत्यधिक है इमेज SEO के लिए अनुशंसित ऐप जो आपको खोज परिणामों में अपने प्रतिस्पर्धियों से आगे निकलने में मदद करेगा। यह ऐप आपके SEO का लाभ उठाता है स्वचालन को आसान बनाने के लिए:
- छवि ALT/ मेटा टैग/ JSON-LD को Google-Search-अनुकूल बनाने के लिए अनुकूलित करना।
- अपनी वेबसाइट की गति बढ़ाने के लिए गुणवत्ता हानि के बिना छवि आकार को अनुकूलित करना।
>> SEO: इमेज ऑप्टिमाइज़र पेज स्पीड के बारे में आज ही अधिक जानें!
