वर्डप्रेस आपकी छवियों में मेटा जानकारी जोड़ने के लिए अंतर्निहित क्षमता के साथ आता है। यह मेटा डेटा व्यवस्थापक के लिए छवियों को ढूंढना आसान बनाता है, और यह उपयोगकर्ताओं और खोज इंजनों के लिए समान रूप से उपयोगी है। मेटा डेटा ने भी दृष्टिहीन उपयोगकर्ताओं को छवियों को समझने में सहायता करता है, और आप जो भी व्यक्त करने का प्रयास कर रहे हैं। इस आलेख में, हम आपको दिखाएंगे कि कैसे छवि मेटा डेटा का उपयोग करने के लिए शीर्षक, कैप्शन, वैकल्पिक पाठ, और वर्णन करें ताकि आपकी छवियों को अधिक उपयोगी और अनुकूलित किया जा सके।
क्यों छवि मेटा डेटा महत्वपूर्ण है?
कई शुरुआती अक्सर केवल अपनी पोस्ट में छवियां अपलोड करते हैं हालांकि यह उद्देश्य में कार्य करता है, इन छवियों को खोज इंजन, उपयोगकर्ताओं के लिए, और वेबसाइट प्रशासन के लिए अनुकूलित नहीं किया जाता है।
मेटा डेटा अतिरिक्त टेक्स्ट है जिसे आप अपनी छवियों में जोड़ सकते हैं यह पाठ खोज इंजन को आपकी छवि के बारे में जानने में सहायता करता है, इसलिए जब कोई उन शब्दों की खोज करता है तो वे चित्र दिखा सकते हैं
वही आपके उपयोगकर्ताओं के लिए जाता है, इमेज मेटा डेटा जैसे ओट पाठ, विवरण, और कैप्शन छवि के बारे में और जानने में उनकी मदद कर सकते हैं। आप इन क्षेत्रों का उपयोग अपनी तस्वीरों के लिए पृष्ठभूमि की कहानियों को प्रदान करने के लिए कर सकते हैं और अपने उपयोगकर्ताओं के लिए उन्हें अधिक रोचक बना सकते हैं।
छवि मेटाडेटा नेही दृष्टिहीन उपयोगकर्ताओं को भी मदद करता है जो अपने स्क्रीन रीडर का उपयोग कर सकते हैं और सीख सकते हैं कि आपकी छवि क्या दिखा रही है।
संक्षेप में, छवि मेटा डेटा आपकी छवियों को अधिक रोचक, जानकारीपूर्ण, खोज योग्य और उपयोगी बनाता है।
छवि मेटा डेटा कैसे जोड़ें
मीडिया अपलोडर का उपयोग करते हुए एक छवि अपलोड करते समय, वर्डप्रेस आपको संलग्नक विवरण दर्ज करने के लिए कहता है। ये अटैचमेंट विवरण छवि मेटा डेटा का सबसे महत्वपूर्ण हिस्सा है।
अटैचमेंट शीर्षक – अटैचमेंट विवरण में शीर्षक फ़ील्ड आपको अपनी छवि के लिए एक शीर्षक प्रदान करने की अनुमति देता है। मीडिया शीर्षक में छवियों को सॉर्ट करने के लिए वर्डप्रेस द्वारा इस शीर्षक को आंतरिक रूप से उपयोग किया जाता है।
छवि Alt पाठ – एचटीएमएल मानकों के विनिर्देशों द्वारा एक वैकल्पिक फ़ील्ड Alt टेक्स्ट या वैकल्पिक पाठ है यह तब प्रदर्शित होता है जब कोई उपयोगकर्ता ब्राउज़र किसी छवि का पता लगाने में असमर्थ होता। खोज इंजन जैसे खोज इंजन अपने छवि खोज परिणामों में रैंकिंग कारक के रूप में Alt टैग का उपयोग करते हैं
विवरण – यह पाठ आपकी छवि के लिए अनुलग्नक पृष्ठ पर प्रदर्शित किया जा सकता है। आप विवरण फ़ील्ड में जितनी चाहें उतनी जानकारी दर्ज कर सकते हैं। एक तस्वीर के पीछे की कहानी की तरह, आपने तस्वीर कैसे ली, या जो भी आप साझा करना चाहते हैं वह यहां जा सकता है। आप विवरण फ़ील्ड में लिंक भी जोड़ सकते हैं
शीर्षक – यह वह टेक्स्ट है जिसे आप अपनी छवि के साथ प्रदर्शित करना चाहते हैं। आपकी थीम पर निर्भर करते हुए, यह छवि सीमा या छवि के बाहर प्रदर्शित किया जाएगा।
अन्य छवि मेटा डेटा
अटैचमेंट विवरण के अलावा जो आप दर्ज कर सकते हैं, वर्डप्रेस स्वचालित रूप से आपकी छवि के बारे में कुछ उपयोगी जानकारी संग्रहीत करता है। इसमें छवि रिज़ॉल्यूशन, इमेज फ़ाइल आकार, छवि के लिए जेनरेट थंबनेल, इमेज से प्राप्त एक्सआईफ़ डाटा शामिल हैं।
आपके वर्डप्रेस थीम पर निर्भर करते हुए, कुछ जानकारी आपके अटैचमेंट पेज पर दिखाई देगी। उदाहरण के लिए, डिफ़ॉल्ट ट्वंटी तेरह और चौदह चौदह विषयों की मूल छवि रिज़ॉल्यूशन जानकारी अटैचमेंट पेज पर प्रदर्शित की जाती है।
उपयोगकर्ता आसानी से संपादन करने वाले वर्डप्रेस विषयों को बाल विषय के माध्यम से संलग्नक टेम्पलेट को संशोधित कर सकते हैं और पृष्ठ पर अतिरिक्त मेटा डेटा जानकारी दिखा सकते हैं।
कैसे छवि मेटा डेटा वर्डप्रेस में संग्रहीत है?
इससे पहले कि हम आपको दिखाते हैं कि अपने WordPress थीम में छवि मेटा डेटा कैसे प्रदर्शित किया जाए, तो हम यह बताएं कि कैसे वर्ड मेटा डेटा वर्डप्रेस में संग्रहीत है।
छवियां और अन्य अपलोड को वर्डप्रेस में संलग्नक के रूप में संग्रहित किया जाता है। अटैचमेंट डिफ़ॉल्ट वर्डप्रेस पोस्ट प्रकार में से एक है। इसे उसी प्रकार से संभाला जाता है जैसे किसी अन्य पोस्ट प्रकार।
छवि शीर्षक पोस्ट_शीर्षक के रूप में संग्रहीत किया गया है, विवरण को पोस्ट_साइंट के रूप में संग्रहीत किया गया है, और कैप्शन को आपके वर्डप्रेस डाटाबेस के पोस्ट टेबल में पोस्ट_एक्ससर्प्टर के रूप में संग्रहित किया गया है।
बाकी मेटा डेटा आपके वर्डप्रेस डाटाबेस के पोस्टमैटा टेबल में जाता है। इसमें फ़ाइल के आकार, स्थान, आकार और छवि के साथ एम्बेडेड कोई भी EXIF डेटा शामिल है।
WordPress में छवि अनुलग्नक मेटा डेटा प्रदर्शित करना
आप बाल विषय में अपनी थीम फ़ाइलों को संपादित करके WordPress में अतिरिक्त छवि मेटा डेटा प्रदर्शित कर सकते हैं।
वर्डप्रेस पहले अनुलग्नक माइम प्रकार टेम्पलेट्स की तरह दिखता है image.php , video.php , application.php । ट्वंटी तेरह और ट्वेंटी चौदहों का उपयोग करने वाले डिफ़ॉल्ट वर्डप्रेस विषयों image.php छवि संलग्नक के प्रदर्शन को संभालने के लिए
वर्डप्रेस तो दिखता है attachment.php , या एकल attachment.php टेम्पलेट्स। अगर इन में से कोई भी टेम्पलेट्स नहीं मिलते, तो इसका उपयोग करता है single.php छवि संलग्नक पृष्ठ को प्रदर्शित करने के लिए टेम्प्लेट।
टेम्पलेट की प्रतिलिपि बनाएं जिसे आप अपनी बाल थीम निर्देशिका में संपादित करना चाहते हैं। इस उदाहरण में, हम तेवी तेरह विषय और संपादन का उपयोग कर रहे हैं image.php टेम्पलेट। इस कोड को अपने टेम्पलेट में जोड़ें जहां आप छवि मेटा डेटा प्रदर्शित करना चाहते हैं।
पोस्ट सामग्री; ?> "; गूंज "क्रेडिट:"। $ मेटा [image_meta] [क्रेडिट]। "
"; गूंज "कैमरा:"। $ मेटा [image_meta] [कैमरा]। "
"; गूंज "फोकल लंबाई:"। $ मेटा [image_meta] [फोकल_ लैंघ]। "
"; गूंज "एपर्चर:"। $ मेटा [छवि_मेटा] [एपर्चर]। "
"; गूंज "ISO:"। $ मेटा [image_meta] [आईएसओ]। "
"; गूंज "शटर गति:"। $ मेटा [image_meta] [शटर-स्पीड]। "
"; $ टाइमस्टैम्प = $ मेटा [image_meta] [created_timestamp]; $ बनाया_टाईमस्टैम्प = दिनांक ("एफ जे, वाई, जी: आई एक", $ टाइमस्टैम्प); गूंज "टाइम स्टाम्प:"। $ बनाया_टैमस्टैम्प। "
"; गूंज "कॉपीराइट:"। $ मेटा [image_meta] [कॉपीराइट]; ?>
ध्यान दें, कि छवि_मैटा मान डिजिटल कैमरा, स्मार्टफोन और टेबलेट द्वारा ली गई तस्वीरों के साथ एम्बेडेड एक्स्ट डेटा है। यदि आप अपने कैमरे द्वारा ली गई छवियों को अपलोड कर रहे हैं, तो संभवत: आपके फोटो में यह जानकारी एम्बेड की जाएगी। वर्डप्रेस में एक्सआईफ़ फोटो टैग्स को जोड़ने के तरीके के बारे में हमारी गाइड देखें
यदि आप नहीं चाहते कि लोग अनुलग्नक पृष्ठों पर टिप्पणी छोड़ें, तो आप अटैचमेंट पृष्ठों पर टिप्पणियां अक्षम कर सकते हैं।
ध्यान दें: आपके लिए छवि संलग्नक पृष्ठ होना आवश्यक नहीं है। आप संलग्नक विवरण में छवि मेटा डेटा जोड़ सकते हैं और बस अपनी पोस्ट में छवि डालें। आप WordPress में पूरी तरह से छवि अटैचमेंट पृष्ठों को अक्षम कर सकते हैं।
WordPress में छवि मेटा डेटा में कस्टम फ़ील्ड जोड़ना
चूंकि छवियों को अटैचमेंट के रूप में संग्रहित किया जाता है जो एक पोस्ट प्रकार है, इसका मतलब है कि उनके पास कस्टम फ़ील्ड भी हो सकते हैं। कस्टम फ़ील्ड का उपयोग करना आप किसी भी अतिरिक्त मेटा डेटा को जोड़ सकते हैं जिसे आप अपनी छवियों में जोड़ना चाहते हैं।
मान लीजिए कि आप अपनी छवियों में फोटोग्राफर का नाम और फोटोग्राफर यूआरएल जानकारी जोड़ना चाहते हैं। इस कोड की कॉपी और अपने विषय के functions.php फ़ाइल या साइट-विशिष्ट प्लगइन में पेस्ट करें।
/ **
* मीडिया अपलोडर के लिए फोटोग्राफर का नाम और URL फ़ील्ड जोड़ें
* /
फ़ंक्शन be_attachment_field_credit ($ form_fields, $ post) {
$ form_fields ['be-photographer-name'] = सरणी (
'label' => 'फोटोग्राफर नाम',
'इनपुट' => 'पाठ',
'मान' => get_post_meta ($ post-> आईडी, 'be_photographer_name', सच है),
'मदद करता है' => 'यदि प्रदान किया गया है, फोटो क्रेडिट प्रदर्शित किया जाएगा',
);
$ form_fields ['be-photographer-url'] = सरणी (
'label' => 'फोटोग्राफर यूआरएल',
'इनपुट' => 'पाठ',
'value' => get_post_meta ($ post-> आईडी, 'be_photographer_url', सच है),
'मदद करता है' => 'फोटोग्राफर यूआरएल जोड़ें',
);
$ form_fields वापसी;
}
add_filter ('attachment_fields_to_edit', 'be_attachment_field_credit', 10, 2);
/ **
* मीडिया अपलोडर में फोटोग्राफर का नाम और यूआरएल सहेजें
*
* /
फ़ंक्शन be_attachment_field_credit_save ($ पोस्ट, $ अनुलग्नक) {
अगर (एज़ेट ($ अनुलग्नक ['हो फोटोग्राफर-नाम'])
update_post_meta ($ पोस्ट ['आईडी'], 'बी_फोटोग्राफर_नाम', $ अटैचमेंट ['बी-फ़ोटोग्राफ़र-नेम']);
यदि (एज़ेट ($ अनुलग्नक ['बी-फोटोग्राफर-यूआरएल'])
update_post_meta ($ पोस्ट ['आईडी'], 'बी_फोटोोग्राफर_अर्नल', एस्के_यूआरएल ($ अटैचमेंट ['बी-फोटोग्राफर-यूआरएल']));
वापसी $ पोस्ट;
}
add_filter ('attachment_fields_to_save', 'be_attachment_field_credit_save', 10, 2);
अब वर्डप्रेस मीडिया अपलोडर का उपयोग करके एक नई छवि अपलोड करने का प्रयास करें और आपको फोटोग्राफर नाम और URL दर्ज करने के लिए दो नए फ़ील्ड मिलेगी।
अपनी थीम फ़ाइलों में ये फ़ील्ड प्रदर्शित करने के लिए इस कोड का उपयोग करें:
गूंज get_post_meta ($ post-> आईडी, 'be_photographer_url', सच है); गूंज get_post_meta ($ post-> आईडी, 'be_photographer_name', सच है);
अधिक विस्तृत निर्देशों के लिए वर्डप्रेस मीडिया अपलोडर को अतिरिक्त फ़ील्ड कैसे जोड़ना है इस ट्यूटोरियल को देखें।
हम आशा करते हैं कि इस आलेख ने आपको छवि मेटा डेटा, शीर्षक, कैप्शन, वैकल्पिक पाठ और विवरण के बारे में जानने में मदद की। आप वर्डप्रेस में एन्विरा के साथ संवेदनशील छवि गैलरी कैसे बना सकते हैं, यह भी हमारी मार्गदर्शिका देखना चाह सकते हैं।