
किसी पेज पर मौजूद ब्रेडक्रंब ट्रेल से यह पता चलता है कि साइट के पेजों के क्रम में कोई पेज किस जगह पर है. साथ ही, यह उपयोगकर्ता को साइट के बारे में समझने और बेहतर तरीके से एक्सप्लोर करने में मदद कर सकता है. उपयोगकर्ता, ब्रेडक्रंब में शामिल साइट के पेजों के क्रम में, नीचे से ऊपर की तरफ़ पेजों के क्रम के हिसाब से नेविगेट कर सकता है. वह ब्रेडक्रंब ट्रेल में शामिल आखिरी ब्रेडक्रंब से एक-एक करके, सभी लेवल पर जा सकता है.
स्ट्रक्चर्ड डेटा को जोड़ने का तरीका
स्ट्रक्चर्ड डेटा, किसी पेज के बारे में जानकारी देने और उसके कॉन्टेंट की श्रेणियां तय करने का एक स्टैंडर्ड फ़ॉर्मैट है. अगर आप स्ट्रक्चर्ड डेटा के बारे में ज़्यादा नहीं जानते, तो जानकारी बढ़ाने के लिए इसके काम करने का तरीका जानें.
स्ट्रक्चर्ड डेटा बनाने, उसकी जांच करने, और उसे रिलीज़ करने के बारे में खास जानकारी यहां दी गई है. वेब पेज में स्ट्रक्चर्ड डेटा जोड़ने के सिलसिलेवार निर्देशों के लिए, स्ट्रक्चर्ड डेटा कोडलैब (कोड बनाना सीखने के लिए ट्यूटोरियल) देखें.
- ज़रूरी प्रॉपर्टी जोड़ें. पेज पर स्ट्रक्चर्ड डेटा कहां जोड़ना चाहिए, इस बारे में जानकारी पाने के लिए, JSON-LD स्ट्रक्चर्ड डेटा: इसे पेज पर कहां डाला जाए देखें.
- दिशा-निर्देशों का पालन करें.
- ज़्यादा बेहतर नतीजे (रिच रिज़ल्ट) के टेस्ट का इस्तेमाल करके अपने कोड की पुष्टि करें.
- स्ट्रक्चर्ड डेटा वाले कुछ पेजों को डिप्लॉय करें. इसके बाद, यूआरएल जांचने वाला टूल इस्तेमाल करके जांचें कि Google को कैसा दिखेगा. पक्का करें कि Google आपका पेज ऐक्सेस कर सकता है. उसे robots.txt फ़ाइल से रोका न गया हो और
noindex
टैग इस्तेमाल करना या लॉग इन करना ज़रूरी न हो. अगर पेज ठीक दिखता है, तो आप Google को अपने यूआरएल फिर से क्रॉल करने के लिए कह सकते हैं. - Google को आगे होने वाले बदलावों की जानकारी देने के लिए, हमारा सुझाव है कि आप साइटमैप सबमिट करें. आप Search Console साइटमैप एपीआई की मदद से इसे अपने-आप चलने दे सकते हैं.
उदाहरण
Google Search खोज नतीजों में पेज पर मौजूद जानकारी अलग-अलग श्रेणी में रखने के लिए, वेब पेज के मुख्य भाग में ब्रेडक्रंब मार्कअप का इस्तेमाल करता है. जैसा कि ब्रेडक्रंब इस्तेमाल किए जाने के इन मामलों में दिखाया गया है, उपयोगकर्ता अक्सर किसी ऐसे पेज पर पहुंच जाते हैं जिसका कॉन्टेंट उनकी की गई खोज क्वेरी से मेल नहीं खाता. शायद हर बार खोजने पर उपयोगकर्ता उसी वेब पेज पर आएं. ऐसे में ब्रेडक्रंब, Google Search में की
गई क्वेरी के संदर्भ के हिसाब से कॉन्टेंट को अलग-अलग हिस्सों में बांटता है. ancillaryjustice.html
पेज, खोज के संदर्भ के हिसाब से ये ब्रेडक्रंब ट्रेल दिखा सकता है.
ब्रेडक्रंब को लागू करने का एक आम तरीका यह है कि यूआरएल के पाथ वाले हिस्से का इस्तेमाल, ब्रेडक्रंब ट्रेल के तौर पर किया जाए. ध्यान रखें कि यूआरएल पाथ के कुछ हिस्सों से, लोगों को यह समझने में मदद नहीं मिलती कि पेज, आपकी वेबसाइट में कैसे फ़िट होता है. उदाहरण के लिए, दिया गया यूआरएल "https://example.com/pages/books/catcher_in_the_rye.html", "पेज" कोई जानकारी नहीं जोड़ता है और न ही कोई टॉप लेवल एलिमेंट "example.com" जोड़ता है. हमारा सुझाव है कि हम यूआरएल के स्ट्रक्चर को शेयर करने के बजाय, उस वेब पेज का एक खास उपयोगकर्ता पाथ दिखाने वाले ब्रेडक्रंब उपलब्ध कराएं.
एक ब्रेडक्रंब ट्रेल
साल और शैली के हिसाब से दिए जाने वाले पुरस्कार "सबसे बढ़िया उपन्यास के लिए 2014 का नेबुला अवॉर्ड" की खोज क्वेरी से यह ब्रेडक्रंब जनरेट हो सकता है:
किताबें › विज्ञान से जुड़े उपन्यास › पुरस्कार विजेता
JSON-LD
ब्रेडक्रंब को दिखाने के लिए, JSON-LD में इसका उदाहरण देखें:
<html> <head> <title>Award Winners</title> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Science Fiction", "item": "https://example.com/books/sciencefiction" },{ "@type": "ListItem", "position": 3, "name": "Award Winners" }] } </script> </head> <body> </body> </html>
RDFa
ब्रेडक्रंब को दिखाने के लिए, RDFa में इसका उदाहरण देखें:
<html> <head> <title>Award Winners</title> </head> <body> <ol vocab="https://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books"> <span property="name">Books</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction"> <span property="name">Science Fiction</span></a> <meta property="position" content="2"> </li> › <li property="itemListElement" typeof="ListItem"> <span property="name">Award Winners</span> <meta property="position" content="3"> </li> </ol> </body> </html>
माइक्रोडेटा
ब्रेडक्रंब को दिखाने के लिए, माइक्रोडेटा में इसका उदाहरण देखें:
<html> <head> <title>Award Winners</title> </head> <body> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://example.com/books/sciencefiction" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">Award winners</span> <meta itemprop="position" content="3" /> </li> </ol> </body> </html>
एचटीएमएल
यहां विज़ुअल डिज़ाइन के हिस्से के तौर पर, पेज में एचटीएमएल ब्रेडक्रंब ब्लॉक का एक उदाहरण दिया गया है.
<html> <head> <title>Award Winners</title> </head> <body> <ol> <li> <a href="http://www.example.com/books">Books</a> </li> <li> <a href="http://www.example.com/sciencefiction">Science Fiction</a> </li> <li> Award Winners </li> </ol> </body> </html>
एक से ज़्यादा ब्रेडक्रंब ट्रेल
अगर आपकी साइट के किसी पेज पर नेविगेट करने के कई तरीके हैं, तो आप एक पेज के लिए कई ब्रेडक्रंब ट्रेल बता सकते हैं. यह एक ब्रेडक्रंब ट्रेल है जो हमें उस पेज पर ले जाती है जहां पुरस्कार जीती हुई किताबों की जानकारी दी गई है:
किताबें › विज्ञान से जुड़े उपन्यास › पुरस्कार विजेता
यहां एक और ब्रेडक्रंब ट्रेल है, जो उसी पेज पर ले जाती है:
साहित्य › पुरस्कार विजेता
JSON-LD
यहां JSON-LD का उदाहरण दिया गया है, जो कई ब्रेडक्रंब ट्रेल को दिखाता है:
<html> <head> <title>Award Winners</title> <script type="application/ld+json"> [{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Science Fiction", "item": "https://example.com/books/sciencefiction" },{ "@type": "ListItem", "position": 3, "name": "Award Winners" }] }, { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Literature", "item": "https://example.com/literature" },{ "@type": "ListItem", "position": 2, "name": "Award Winners" }] }] </script> </head> <body> </body> </html>
RDFa
यहां RDFa का उदाहरण दिया गया है, जो कई ब्रेडक्रंब ट्रेल को दिखाता है:
<html> <head> <title>Award Winners</title> </head> <body> <ol vocab="https://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books"> <span property="name">Books</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction"> <span property="name">Science Fiction</span></a> <meta property="position" content="2"> </li> › <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinners"> <span property="name">Award Winners</span></a> <meta property="position" content="3"> </li> </ol> <ol vocab="https://schema.org/" typeof="BreadcrumbList"> <li property="itemListElement" typeof="ListItem"> <a property="item" typeof="WebPage" href="https://example.com/literature"> <span property="name">Literature</span></a> <meta property="position" content="1"> </li> › <li property="itemListElement" typeof="ListItem"> <span property="name">Award Winners</span> <meta property="position" content="2"> </li> </ol> </body> </html>
माइक्रोडेटा
यहां माइक्रोडेटा का उदाहरण दिया गया है जो कई ब्रेडक्रंब ट्रेल को दिखाता है:
<html> <head> <title>Award Winners</title> </head> <body> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://example.com/books/sciencefiction" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://example.com/books/sciencefiction/awardwinners"> <span itemprop="name">Award Winners</span></a> <meta itemprop="position" content="3" /> </li> </ol> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://example.com/literature"> <span itemprop="name">Literature</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">Award Winners</span> <meta itemprop="position" content="2" /> </li> </ol> </body> </html>
एचटीएमएल
यहां विज़ुअल डिज़ाइन के हिस्से के तौर पर, पेज में एचटीएमएल ब्रेडक्रंब ब्लॉक का एक उदाहरण दिया गया है.
<html> <head> <title>Award Winners</title> </head> <body> <ol> <li> <a href="http://www.example.com/books">Books</a> </li> <li> <a href="http://www.example.com/books/sciencefiction">Science Fiction</a> </li> <li> Award Winners </li> </ol> <ol> <li> <a href="http://www.example.com/literature">Literature</a> </li> <li> Award Winners </li> </ol> </body> </html>
दिशा-निर्देश
Google Search में आपकी साइट, ब्रेडक्रंब के साथ दिखे, इसके लिए आपको इन दिशा-निर्देशों का पालन करना होगा.
अलग-अलग तरह के स्ट्रक्चर्ड डेटा की जानकारी
ब्रेडक्रंब तय करने के लिए, ऐसा BreadcrumbList
दें जिसमें कम से कम दो ListItems
हों. आपकी सामग्री ब्रेडक्रंब के साथ दिखे, इसके लिए आपको ज़रूरी प्रॉपर्टी शामिल करनी होंगी.
BreadcrumbList
BreadcrumbList
एक कंटेनर आइटम है जिसमें सूची के सभी एलिमेंट होते हैं. BreadcrumbList
की पूरी जानकारी schema.org/BreadcrumbList पर मौजूद है.
ज़रूरी प्रॉपर्टी | |
---|---|
itemListElement |
एक खास क्रम में लगी ब्रेडक्रंब की सूची. हर ब्रेडक्रंब के लिए एक
{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" }] } |
ListItem
ListItem
में सूची के किसी खास आइटम की जानकारी होती है. ListItem
की पूरी जानकारी schema.org/ListItem पर मौजूद है.
ज़रूरी प्रॉपर्टी | |
---|---|
item |
ऐसे वेबपेज का यूआरएल जो ब्रेडक्रंब दिखाता हो.
अगर ब्रेडक्रंब, ब्रेडक्रंब ट्रेल में आखिरी आइटम है, तो |
name |
उपयोगकर्ता को दिखाए जाने वाले ब्रेडक्रंब का शीर्षक. अगर आप |
position |
ब्रेडक्रंब ट्रेल में ब्रेडक्रंब की जगह. पहली जगह, ब्रेडक्रंब की शुरुआत बताती है. |
Search Console की मदद से, ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) पर नज़र रखना
Search Console एक ऐसा टूल है जिसकी मदद से, आप Google Search में अपने पेज की परफ़ॉर्मेंस पर नज़र रख सकते हैं. Google Search के नतीजों में अपनी साइट शामिल कराने लिए, आपको Search Console में साइन अप करने की ज़रूरत नहीं है. हालांकि, इससे आपको यह समझने में मदद मिलेगी कि Google आपकी साइट को कैसे देखता है. साथ ही, इसकी मदद से, आप साइट की परफ़ॉर्मेंस को भी बेहतर बना पाएंगे. हमारा सुझाव है कि आप इन मामलों में Search Console देखें:
- पहली बार स्ट्रक्चर्ड डेटा इस्तेमाल करने के बाद
- नए टेंप्लेट जारी करने या कोड को अपडेट करने के बाद
- समय-समय पर ट्रैफ़िक का विश्लेषण करना
पहली बार स्ट्रक्चर्ड डेटा इस्तेमाल करने के बाद
जब Google, आपके पेजों को इंडेक्स कर ले, तब ज़्यादा बेहतर नतीजे (रिच रिज़ल्ट) की स्थिति की रिपोर्ट का इस्तेमाल करके, उन गड़बड़ियों को देखें जिन्हें ठीक करने की ज़रूरत है. आपको सही पेजों की संख्या में बढ़ोतरी दिखेगी और गड़बड़ियों या चेतावनियों में कोई बढ़ोतरी नहीं दिखेगी. अगर आपको स्ट्रक्चर्ड डेटा में गड़बड़ियां मिलती हैं, तो:
- गड़बड़ियां ठीक करें.
- लाइव यूआरएल की जांच करें और देखें कि गड़बड़ी ठीक हुई या नहीं.
- स्थिति की रिपोर्ट का इस्तेमाल करके, पुष्टि करने का अनुरोध करें.
नए टेंप्लेट जारी करने या कोड को अपडेट करने के बाद
जब आप वेबसाइट में, कई या ज़रूरी बदलाव करते हैं, तब स्ट्रक्चर्ड डेटा की गड़बड़ियों और चेतावनियों में हुई बढ़ोतरी पर नज़र रखें.- अगर आपको गड़बड़ियों में बढ़ोतरी दिखती है, तो हो सकता है कि आपने ऐसा नया टेंप्लेट रोल आउट किया हो जो काम नहीं करता. इसके अलावा, यह भी हो सकता है कि आपकी साइट, मौजूदा टेंप्लेट से नए और खराब तरीके से इंटरैक्ट कर रही हो.
- अगर आपको मान्य आइटम की संख्या में कमी दिखती है, यानी वह गड़बड़ियों में बढ़ोतरी से मेल नहीं खाती, तो हो सकता है कि अब आप पेजों में स्ट्रक्चर्ड डेटा एम्बेड नहीं कर रहे हैं. गड़बड़ी की वजह जानने के लिए, यूआरएल जांचने वाले टूल का इस्तेमाल करें.
समय-समय पर ट्रैफ़िक का विश्लेषण करना
परफ़ॉर्मेंस रिपोर्ट का इस्तेमाल करके, Google Search से आने वाले ट्रैफ़िक का विश्लेषण करें. आपको डेटा से पता चलेगा कि आपका पेज Search में, रिच रिज़ल्ट के तौर पर कितनी बार दिखता है. साथ ही, यह भी पता चलेगा कि उयोगकर्ता उस पर कितनी बार क्लिक करते हैं और खोज के नतीजों में आपकी साइट के दिखने की औसत रैंक क्या है. आप इन नतीजों को Search Console API की मदद से, अपने-आप भी देख सकते हैं.समस्या का हल
अगर आपको स्ट्रक्चर्ड डेटा का इस्तेमाल करने में कोई परेशानी आ रही है, तो ये रिसॉर्स आपकी मदद कर सकते हैं.
- आपके स्ट्रक्चर्ड डेटा में गड़बड़ी हो सकती है. स्ट्रक्चर्ड डेटा से जुड़ी गड़बड़ी की सूची देखें.
- शामिल न किए गए ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) / सभी ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) में कमी की समस्या हल करना.
- क्रॉल और इंडेक्स करने के बारे में सामान्य सवालों के जवाब पाने के लिए, वेबमास्टर के बारे में अक्सर पूछे जाने वाले सवाल देखें.
- वेबमास्टर के काम के घंटों के दौरान सवाल पूछें.
- वेबमास्टर फ़ोरम में सवाल पोस्ट करें.