Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. HTML & CSS

HTML 5 मिक्रोडॉटा: मशीन में आपका स्वागत है

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called HTML5 and You.
Rethinking Forms in HTML5
Getting Offline Access with HTML5 Application

Hindi (हिंदी) translation by Ashish Rampal (you can also view the original English article)

मुझे नहीं लगता कि यह कहना अतिशोक्ति है कि HTML 5 वेब डेवलपमेंट के बारे में सोचने के तरीके को बदल देगा। मैं कई बदलावों का स्वागत करता हूं क्योंकि वे डेवलपमेंट को आसान बनाते हैं, और यूजर अमीर (richer) अनुभव करते हैं। किसी भी बदलाव के साथ, हालांकि, कुछ भयावहता और विवाद होना निश्चित है। एक और बात जो निश्चित रूप से इसके विवाद के बिना नहीं है, माइक्रोडाटा स्पेसिफिकेशन है, लेकिन मेरा मानना है कि इस बहुत ही सरल स्पेसिफिकेशन के लाभ आपको निकट भविष्य में अपने मार्क-अप को देखने के तरीके को बदलने जा रहे हैं।


परिचय और दायरा: मशीनों के लिए कॉन्टेक्स्ट

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

विवाद को समझने के लिए, आपको यह समझने की आवश्यकता है कि माइक्रोडाटा डॉक्यूमेंट बनाने का एक उप-समूह है जिसका मतलब मशीनों के लिए है, जैसा कि डॉक्यूमेंट रीडर के लिए इसका अर्थ है। अर्थ के साथ, मेरा मतलब है कि मेटा डेटा को इस तरह से प्रदान करना जिसका उपयोग डॉक्यूमेंट को पढ़ने वाली मशीन द्वारा किया जा सकता है और उस डेटा को प्रोसेस करने की अनुमति देने के लिए किया जा सकता है। यह विवादास्पद है क्योंकि अन्य फोर्मट्स और मिक्रोफोर्मेट्स भी हैं जिनके मन में यह एक ही अंतिम लक्ष्य है। RDFa और Microformats इन दो प्रारूपों में से दो हैं जिन्हें आप परिचित कर सकते हैं, और आज भी इसका उपयोग कर सकते हैं।

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

शुरू करने से पहले एक नोट: चाहे आप जिस फॉर्मेट को पसंद करते हैं, उसके बावजूद आपके पास मार्क-अप का सेट कभी नहीं होना चाहिए जिसे यूज़र्स देखते हैं, और दूसरा सेट जिसे मशीन देखती है। ऐसे समय भी हो सकते हैं जब आपको किसी मशीन को विशिष्ट मेटा डेटा प्रदान करने की आवश्यकता होती है, लेकिन उपयोग अपवाद होना चाहिए, न कि नियम। इन फोर्मट्स का उद्देश्य कॉन्टेक्स्ट प्रदान करना है, किसी सर्च इंजन या अन्य एप्लिकेशन को धोखा देने के लिए की वे वो भी पड़ें जो आपके पेज पर नहीं है। आप hidden एट्रिब्यूट या display: none; से धोखा देकर पछताएंगे क्योंकि यह पक्के तौर पर पकड़ा जायेगा।

"माइक्रोडटा एक डॉक्यूमेंट बनाने का एक उप-समूह है जिसका मतलब मशीनों के लिए है, जैसा कि इसका अर्थ डॉक्यूमेंट रीडर के लिए है। अर्थात्, मेरा मतलब है कि मेटा डेटा को इस तरह से प्रदान करना है जिसका उपयोग डॉक्यूमेंट पढ़ने और मशीन को पढ़ने के लिए किया जा सकता है उस डेटा को प्रोसेस करने की अनुमति दें "


मिक्रोडॉटा की थ्योरी: द बिग पिक्चर

मान लीजिए कि आप कॉमिक बुक्स के कलेक्टर हैं। मैं ऐसे व्यक्ति को शर्त लगाता हूं जो कॉमिक्स एकत्र करता है न केवल आने वाले मुद्दों पर पढ़ता है, बल्कि कॉमिक्स के संग्रह को पूरा करने के साथ-साथ उन कहानियों के बारे में उनके ज्ञान को पूरा करने के लिए वेब सर्च करता है। यह खोज गूगल पर समय व्यतीत करने जितनी सरल हो सकती है, एक एक करके आपकी रुचि के अनुसार क्वेरी को टाइप करना। कुछ पेज हिट या मिस होंगे, क्योंकि वे सुपरमैन का जिक्र कर सकते हैं, लेकिन जरूरी नहीं कि आप जिस कॉन्टेक्स्ट के बारे में सोच रहे हैं वे उनमे उल्लेखित न हो। यह अच्छा होता अगर Google के उन पेजेज से कॉन्टेक्स्ट होते जो उन्होंने आपकी सही खोज परिणामों की सेवा के लिए इंडेक्स्ड किया था। यह यूजर के लिए एक समृद्ध अनुभव प्रदान करता है, और यह आपको उन लोगों के साथ जोड़ता है जो आपकी वेबसाइट की वैल्यू करते हैं। आपकी हर तरह से जीत ही है।

आइए इसे खोज परिणामों के एक कदम आगे ले जाएं। मान लें कि आप एक ऐसे एप्लिकेशन को लिखते हैं जो कॉमिक बुक्स के बारे में अपने ज्ञान को कंबाइन करने के लिए समान विचारधारा और इच्छुक वेबसाइटों में शामिल हो। हम स्पष्ट रूप से एक स्क्रैपर लिख सकते थे, लेकिन हमारे पास वास्तव में कॉन्टेक्स्ट नहीं है, क्योंकि शायद कोई भी वेबसाइट अपने परिणामों को प्रदर्शित करने के लिए समान फॉर्मेट का उपयोग नहीं कर रही है। बुनियादी जानकारी प्राप्त करने के लिए हमें कई स्क्रैपर फोर्मट्स को लिखना पड़ सकता है। इसके बजाए, हम एक नए फॉर्मेट स्पेसिफिकेशन को परिभाषित कर सकते हैं और माइक्रोडाटा की सहायता से और पांच ऐट्रिब्यूट्स जो इस समस्या को कम करेंगे।


थ्योरी में मिक्रोडॉटा: नए ग्लोबल ऐट्रिब्यूट्स

माइक्रोडाटा पांच सरल ग्लोबल ऐट्रिब्यूट्स (किसी भी एलिमेंट का उपयोग करने के लिए उपलब्ध) पेश करता है जो आपके डेटा के बारे में मशीनों के लिए कॉन्टेक्स्ट देता है। ये पांच नए ऐट्रिब्यूट्स हैं: itemid, itemprop, itemref, itemcope, और itemtype। माइक्रोडाटा मूल रूप से आइटम वैल्यू पेअर का एक समूह है और ऐट्रिब्यूट्स हमारे आइटम को अर्थ देते हैं। आइए उन्हें विस्तार से देखें।

itemscope एट्रिब्यूट एक बुलियन एट्रिब्यूट है जो किसी भी मशीन को बताता है जो हमारे डॉक्यूमेंट को पढ़ रही है कि इस पेज पर मिक्रोडॉटा है, और यह वह जगह है जहां यह शुरू होता है। आप itemscope के उपयोग के साथ आइटम बना रहे हैं। किसी itemscope वाले किसी भी एलिमेंट में itemtype एट्रिब्यूट भी हो सकता है। itemtype एक वैलिड URL है जो आइटम को परिभाषित करता है और एट्रिब्यूट के लिए कॉन्टेक्स्ट प्रदान करता है। साथ ही, आपके पास एक itemid हो सकता है, जो कि आइटम टाइप का उपयोग करने वाली शब्दावली है, ताकि हम परिभाषा के उचित फॉर्मेट में विवरण बना रहे हों।

स्पेसिफिकेशन से उदाहरण का उपयोग करना:

हमारे पास हमारे itemscope द्वारा पहचाना गया एक आइटम है। आइटम परिभाषा http://vocab.example.net/book पर पाई जा सकती है, और आइटम का सटीक अर्थ itemid की शब्दावली का उपयोग करके पाया जा सकता है। इस मामले में, हम 0-330-34032-8 के isbn के साथ एक पुस्तक की पहचान कर रहे हैं।

माइक्रोडाटा के लिए अंतिम दो ऐट्रिब्यूट्स itemprop और itemref है। Itemprop आइटम की एक प्रॉपर्टी को परिभाषित करता है। याद रखें, माइक्रोडाटा मूल रूप से आइटम वैल्यू पेअर है, जिसका अर्थ है कि इस प्रॉपर्टी का मूल्य यहां है। तो, itemprop हमारे आइटम का कॉन्टेक्स्ट दे रहा है। अंत में, हमारे पास itemref है, जो हमें अपने यूज़र्स के लिए हमारे डाक्यूमेंट्स का प्रवाह रखने की अनुमति देता है। याद रखें, हम अपने HTML डॉक्यूमेंट को कॉन्टेक्स्ट दे रहे हैं, एप्लिकेशन या सर्च इंजन के लिए नया डॉक्यूमेंट बनाने की कोशिश नहीं कर रहे हैं। आइए फिर से हमारे उदाहरण को देखें, इस बार स्पेसिफिकेशन से प्रदान किए गए उदाहरण से थोड़ा विचलित हो गया:

हमारे उदाहरण में, हमारे पास अब वैल्यूज के साथ प्रॉपर्टीज हैं। हम ऑथर की जानकारी के एक ID का रिफरेन्स देकर डॉक्यूमेंट के प्रवाह के साथ भी रहते हैं। एक मशीन तब हमारे आइटम को पार्स करके और इस कॉन्टेक्स्ट को प्राप्त करके इसे समझने में सक्षम होगी, और यदि हम किसी array फॉर्मेट में सोचते हैं:

अब, डेटा की हमारे array का एक मशीन द्वारा अनुवाद किया जा सकता है, या JSON, N-Triples, या किसी अन्य इंटरनल फॉर्मेट जैसे अन्य फोर्मट्स में बदला जा सकता है, जिसे किसी एप्लिकेशन को आवश्यकता हो सकती है।

यही कारण है कि मुझे माइक्रोडाटा पसंद है, क्योंकि इसे समझना आसान है और एक्सेक्यूट करना आसान है। आइए कुछ उदाहरण देखें जो हम आज उपयोग कर सकते हैं, खासकर हम कैसे Google को कुछ कॉन्टेक्स्ट प्रदान कर सकते हैं, और वे उस कॉन्टेक्स्ट का उपयोग कैसे कर सकता हैं। मैं फॉर्मेट को Google उदाहरणों के करीब रखूंगा जैसा कि मैं कर सकता हूं, लेकिन विभिन्न वास्तविक दुनिया के उदाहरणों के लिए प्रोडक्ट्स, लोगों को बदल सकता हूं।


प्रैक्टिस में माइक्रोडाटा: लोग और व्यवसाय

यदि आपने कभी किसी के Linkedin रिजल्ट्स की खोज की है, तो आपने ऐसा कुछ देखा होगा:

My LinkedIn Result

Google फिलहाल तीन फॉर्मेट प्रोसेस करेगा। Google वर्तमान में तीन फोर्मट्स को प्रोसेस करेगा। वे RDFa, माइक्रोफॉर्मेट्स, और आपने सही अनुमान लगाया है, माइक्रोडाटा। बेहतर खोज परिणाम देने के लिए अब हम अपने HTML से कॉन्टेक्स्ट प्रदान कर सकते हैं। जबकि Linkedin माइक्रोफॉर्मैट्स का उपयोग करता है, चलिए देखते हैं कि क्या हम माइक्रोडाटा का उपयोग कर इसी के समान परिणाम प्राप्त कर सकते हैं:

हालांकि यह छोटा स्निपेट कुछ ऐसा उत्पन्न करता है जो इस तरह के अनफॉर्मटेड दिखता है:

Ugly Picture

जब मैं परीक्षण करता हूं कि Google के परिणाम मेरे बारे में क्या दिखाएंगे, तो मुझे यह मिलता है:

Microdata Rich Snippet

जबकि स्निपेट दिलचस्प है, Google के बारे में अतिरिक्त कॉन्टेक्स्ट भी देखें:

Microdata Information

जितना अधिक कॉन्टेक्स्ट मैं प्रदान करता हूं, उतना ही कॉन्टेक्स्ट जो Google या मेरे पेज को पढ़ने वाले किसी अन्य एप्लिकेशन में मेरे बारे में होगा।

आइए इसे एक कदम आगे ले जाएं, और किसी व्यवसाय या संगठन को देखें, और देखें कि क्या हम मशीन के लिए थोड़ा और कॉन्टेक्स्ट नहीं दे सकते हैं। इस उदाहरण में, मैं Nettuts+ का उपयोग करूंगा।

दुर्भाग्यवश, Google के पास अभी तक संगठनों के लिए एक समृद्ध स्निपेट नहीं है, लेकिन आइए उन डेटा को देखें जो वे देखते हैं।

Nettuts Organization Data

दोबारा, हम एक मशीन पर कॉन्टेक्स्ट वापस प्रदान कर रहे हैं, जिसका उपयोग विभिन्न तरीकों से किया जा सकता है, जैसे कि हमारे संगठन को रिलेटिव आसानी से मानचित्र पर प्लाट करना।


प्रैक्टिस में माइक्रोडाटा: प्रोडक्ट्स और रीव्यूज

माइक्रोडाटा के लिए एक और व्यावहारिक उपयोग उन प्रोडक्ट्स के बारे में अधिक कॉन्टेक्स्ट दे रहा है जो हम बेचते हैं, चाहे वह प्रोडक्ट के बारे में है, या शायद लोग प्रोडक्ट को कैसे रेट करते हैं। आइए पहले प्रोडक्ट की जानकारी देखें।

एक बार फिर, Google के पास प्रोडक्ट के लिए एक समृद्ध स्निपेट नहीं है, लेकिन हम उस कॉन्टेक्स्ट को देख सकते हैं जो वे देखते हैं जब वे हमारे पेज को पार्स करते हैं:

Product Snippet

हालांकि उनके पास रीव्यूज के लिए एक समृद्ध स्निपेट है, और यही वह है जिसे हम बना रहे हैं। मान लें कि हम अपने प्रोडक्ट्स के बारे में रेटिंग की अनुमति देते हैं:

इस छोटे से अतिरिक्त मार्क-अप के साथ हम हमारे रीव्यू पर कॉन्टेक्स्ट दे सकते हैं ताकि मशीने इसका ध्यान रख सकें। Google रीव्यू की इस प्रकार प्रदर्शित करेगा:

Microdata Review

यह पांच साधारण ग्लोबल ऐट्रिब्यूट्स के माध्यम से कॉन्टेक्स्ट देने का विषय है। अब हम उस कॉन्टेक्स्ट को देने का एक कंसिस्टेंट मेथड प्रदान कर सकते हैं, भले ही हम tires, या वेबसाइटों या गेम की समीक्षा कर रहे हों।


अभ्यास में माइक्रोडाटा: इवेंट्स

माइक्रोडाटा की मदद से आने वाले इवेंट्स के कुछ कॉन्टेक्स्ट देने की क्षमता के बारे अंतिम उदाहरण में में बात करते है। इवेंट्स एक आम खोजने वाले आइटम है। आप ऐसी वेबसाइट पर काम कर रहे हैं जिसने इवेंट्स को निर्धारित किया है, जिन्हें आप दिखाना चाहते हैं। आइए मशीनों के लिए थोड़ा और कॉन्टेक्स्ट दें और देखें कि इसका उपयोग कैसे किया जा सकता है:

जो इस तरह एक अच्छी एंट्री को उत्पादित करेगा:

Microdata event

अब हमारी अपनी वेबसाइट के अलावा, हमारे खोज परिणाम पर हमारे इवेंट्स सूचीबद्ध है। दोबारा, हम अपने डेटा को ऐसे तरीके से कॉन्टेक्स्ट दे रहे हैं जिसे अन्य ऍप्लिकेशन्स द्वारा आसानी से पहचाना जा सके।


निष्कर्ष

फिर से समझना महत्वपूर्ण है कि माइक्रोडाटा स्पेसिफिकेशन यंग है, और परिवर्तनों के माध्यम से जा रहा है। यह समझना भी उतना ही महत्वपूर्ण है कि जब मैंने Google सर्च परिणामों पर ध्यान केंद्रित किया, तो वहां कई अन्य एप्लिकेशन हैं। मेरे उद्देश्यों के लिए, Google ने मुझे माइक्रोडाटा को एक्शन में दिखाने का सबसे अच्छा तरीका प्रस्तुत किया, जो मेरे लिए एक चुनौती थी। अन्य वैकल्पिक फोर्मट्स अधिक परिपक्व हैं, और काफी समय से उपयोग में हैं। साथ ही, एक अन्य महत्वपूर्ण विचार यह है कि Google वर्तमान में प्रत्येक रिच टेक्स्ट स्निपेट एंट्री की समीक्षा कर रहा है:

Hand Review Process

माइक्रोडाटा उपयोग करना बहुत आसान है, और इम्प्लीमेंट करना भी। जब तक आम आदमी के लिए ऐट्रिब्यूट्स की डेफिनिशन के स्पेसिफिकेशन स्पष्ट नहीं है, मुझे उम्मीद है कि मै कुछ प्रकाश डालने में मदद कर रहा हूँ। माइक्रोडाटा के साथ विशेषज्ञ होने में बहुत कुछ नहीं लगता है, कम से कम जब तक स्पेसिफिकेशन में परिवर्तन न हो जाये (फिर से)। कमैंट्स में इस यंग HTML 5 फॉर्मेट के साथ अपने विचारों और अनुभवों को साझा करें।

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.