इनलाइन एसवीजी - "alt" टैग का सबसे अच्छा विकल्प आमतौर पर < img > एसईओ के लिए उपयोग किया जाता है?

Question

कहें कि मैं अपने मुख्य साइट शीर्षलेख के अंदर <img> को एसवीजी का उपयोग करने के लिए स्वैप करना था। आम तौर पर मैं <img> के alt टैग पर निर्भर करता हूं।

क्या एसवीजी <title> इस प्रकार के बदलाव के साथ "alt" के लिए सबसे अच्छा प्रतिस्थापन विधि है?

<svg role="img" aria-label="title + description here]"> 
    <title>[title here]</title> 
    <desc>[long description here]</desc> 
    ... 
</svg> 

Answer 1

यदि एसईओ आपकी मुख्य चिंता है, तो क्यों एक आईएमजी तत्व की स्रोत विशेषता से एसवीजी का संदर्भ नहीं है? यह निश्चित रूप से अधिक व्यापक रूप से कार्यान्वित किया गया है कि इनलाइन एसवीजी, तो शायद यह उस मामले में बेहतर विकल्प है।

Answer 2

क्या यह काम करेगा?

<svg role="img" id="my-svg-img"> 

    ... 
</svg> 

<img src="#my-svg-img" alt="Hey hey, kids!" > 

(या आप पाया अगर आपके <title> दृष्टिकोण से काम करता है कि के रूप में एक जवाब के रूप पोस्ट करने के लिए woudl आप इतना अच्छा हो सकता है? मैं थोड़े समय एक ही समस्या के साथ अंधेरे में चारों ओर fumbling हूँ)

Answer 3

मैं भी इस मामले में काफी रूचि रखता हूं। अभी तक मेरा सबसे अच्छा अनुमान है कि अपने पृष्ठ कोड में alt टैग के साथ <img> का उपयोग करना है, फिर जावास्क्रिप्ट के साथ वास्तविक svg कोड इनलाइन के साथ img को प्रतिस्थापित करें। आप अपने svg इनलाइन सामग्री के साथ img को प्रतिस्थापित करने वाली छोटी स्क्रिप्ट के लिए this answer देख सकते हैं। यहाँ है आपके उत्तर, इस विषय को डुप्लिकेट हो सकता है -

Answer 4

SVG Open के अनुसार, एक <title> उदाहरण अंधे लोगों के लिए, अभी भी वहाँ समाधान पहले से ही StackOverflow < पर विचार-विमर्श किया हैं की स्क्रीन रीडर द्वारा समर्थित होना चाहिए?

Answer 5

मैंने पिछले कुछ वर्षों में 508 का अध्ययन किया है। ओवरहेड के छोटे से हिस्से के लिए आपको svg छवि में वैकल्पिक टेक्स्ट विशेषता बनाने के लिए खर्च आएगा, यह वास्तव में इसे छोड़ने योग्य नहीं है। ध्यान रखें कि सभी स्क्रीन पाठक अलग हैं, और उनके उपयोगकर्ता भी हैं। एसवीजी में दोहन करने की क्षमता है, लेकिन हम अभी तक नहीं हैं। हां, Google आपकी छवि में टेक्स्ट को अनुक्रमित करेगा, लेकिन यदि आप गैर-दृष्टि वाले उपयोगकर्ताओं को बोर्ड में अपनी सामग्री तक पहुंचने में सक्षम होने की परवाह करते हैं, तो आपको एक alt टैग में फेंकना चाहिए। यह सचमुच अभिगम्यता सुविधाओं का निचला भाग है। बेल पर कम लटकते फल को सड़ने में कोई समझ नहीं है।

Answer 6

एसवीजी + सरल एसईओ के सभी लाभ प्राप्त करने के लिए <img src="" alt=""> से एसवीजी खींचने के लिए बिल्कुल सर्वोत्तम है। ऐसा लगता है कि Google मकड़ियों को पता है कि एक एसवीजी का शीर्षक alt टैग होना चाहिए लेकिन गारंटी नहीं है और मुझे यकीन है कि उनके बहुत सारे क्रॉलर नहीं हैं।