ब्रेडक्रंब

किसी पेज पर मौजूद ब्रेडक्रंब की पंक्ति से, साइट के पेजों के क्रम में उसकी जगह पता चलती है. उपयोगकर्ता ब्रेडक्रंब में शामिल साइट के पेजों के क्रम में, नीचे से ऊपर की तरफ़ पेजों के क्रम के हिसाब से नेविगेट कर सकता है. वह ब्रेडक्रंब की पंक्ति में शामिल आखिरी ब्रेडक्रंब से एक-एक करके, सभी लेवल पर जा सकता है.

उदाहरण

'Google सर्च' खोज नतीजों में पेज पर मौजूद जानकारी अलग-अलग श्रेणी में रखने के लिए, वेब पेज के मुख्य भाग में ब्रेडक्रंब मार्कअप का इस्तेमाल करता है. जैसा कि ब्रेडक्रंब इस्तेमाल किए जाने के इन मामलों में दिखाया गया है. उपयोगकर्ता अक्सर किसी ऐसे पेज पर पहुंच जाते हैं जिसकी सामग्री उनकी की गई खोज क्वेरी से मेल नहीं खाती. शायद हर बार खोजने पर उपयोगकर्ता उसी वेब पेज पर आएं, ऐसे में ब्रेडक्रंब 'Google सर्च' में की गई खोज क्वेरी के संदर्भ के हिसाब से सामग्री को अलग-अलग श्रेणी में रखता है. ancillaryjustice.html पेज खोज क्वेरी के संदर्भ के हिसाब से नीचे दिए गए ब्रेडक्रंब की पंक्ति दिखा सकता है:

किताब के शीर्षक "एंसीलरी जस्टिस" से क्वेरी खोजने पर, नीचे दिया गया ब्रेडक्रंब जनरेट हो सकता है:

किताबें › लेखक › ऐन लकी › एंसीलरी जस्टिस

ब्रेडक्रंब को दिखाने के लिए JSON-LD में इसका उदाहरण देखें:

साल और शैली के हिसाब से दिए जाने वाले पुरस्कार "सबसे बढ़िया उपन्यास के लिए, 2014 का नेबुला अवॉर्ड" के लिए खोजी गई क्वेरी से नीचे दिया गया ब्रेडक्रंब जनरेट हो सकता है:

किताबें › साइंस फ़िक्शन › एंसीलरी जस्टिस

RDFa

ब्रेडक्रंब को दिखाने के लिए RDFa में इसका उदाहरण देखें:

माइक्रोडेटा

ब्रेडक्रंब को दिखाने के लिए माइक्रोडेटा में इसका उदाहरण देखें:

यहां एक से ज़्यादा ब्रेडक्रंब की पंक्ति का एक उदाहरण दिया गया है:

किताबें › साइंस फ़िक्शन › पुरस्कार विजेता
साहित्य › फ़ैंटेसी उपन्यास

RDFa

इस ब्रेडक्रंब दिखाने के लिए यहां RDFa का उदाहरण देखें:

<ol vocab="https://schema.org/" typeof="BreadcrumbList">
 <li property="itemListElement" typeof="ListItem">
 <a property="item" typeof="WebPage"
 href="https://example.com/books">
 Books</a>
 <meta property="position" content="1">
 </li>
 ›
 <li property="itemListElement" typeof="ListItem">
 <a property="item" typeof="WebPage"
 href="https://example.com/books/sciencefiction">
 Science Fiction</a>
 <meta property="position" content="2">
 </li>
 ›
 <li property="itemListElement" typeof="ListItem">
 <a property="item" typeof="WebPage"
 href="https://example.com/books/sciencefiction/awardwinners">
 Award Winners</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">
 Literature</a>
 <meta property="position" content="1">
 </li>
 ›
 <li property="itemListElement" typeof="ListItem">
 Speculative Fiction
 <meta property="position" content="2">
 </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/books">
 Books</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">
 Science Fiction</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">
 Award Winners</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">
 Literature</a>
 <meta itemprop="position" content="1" />
 </li>
 ›
 <li itemprop="itemListElement" itemscope
 itemtype="https://schema.org/ListItem">
 Speculative Fiction
 <meta itemprop="position" content="2" />
 </li>
</ol>

एचटीएमएल का उदाहरण

एचटीएमएल ब्रेडक्रंब ब्लॉक को पेज में विज़ुअल डिज़ाइन के हिस्से के रूप में शामिल करें. दिशा-निर्देशों के बारे में बताने के लिए, एचटीएमएल से बनी ब्रेडक्रंब की पंक्ति का उदाहरण ऐसा हो सकता है:

<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>
    <a href="http://www.example.com/books/sciencefiction/awardwinners">Award Winners</a>
  </li>
<ol>

दिशा-निर्देश

स्ट्रक्चर्ड डेटा के सामान्य दिशा-निर्देशों के अलावा, सोशल प्रोफ़ाइल मार्कअप के लिए एक या उससे ज़्यादा ब्रेडक्रंब की पंक्ति बनाई जानी चाहिए. टारगेट किए जा रहे पेज पर क्रंब तैयार किए बिना ऐसा तब किया जाना चाहिए जब कई खोज नतीजों में पेज को ढूंढा जा सकता हो. ऊपर दिया गया उदाहरण देखें, क्योंकि खोज क्वेरी में पुरस्कार जीतने वाली साइंस फ़िक्शन किताबों के लिए , ancillaryjustice.html के अलावा, कई दूसरे पेज भी दिखाई देंगे. ऐसे में, आप बड़े स्तर पर खोज की श्रेणी दिखाने के लिए, ब्रेडक्रंब की पंक्ति का इस्तेमाल कर सकते हैं:

किताबें › साइंस फ़िक्शन › पुरस्कार विजेता

स्ट्रक्चर्ड डेटा के प्रकार की जानकारी

'Google सर्च' BreadcrumbList की नीचे दी गईं प्रॉपर्टी की पहचान करता है. आपकी सामग्री रिच नतीजे के तौर पर दिखाई दे. इसके लिए ज़रूरी प्रॉपर्टी जोड़नी होंगी.

ज़रूरी प्रॉपर्टी

ज़रूरी प्रॉपर्टी
`item`	`Thing` ऐसे वेब पेज का यूआरएल जिसमें ब्रेडक्रंब मौजूद हों.
`name`	`Text` उपयोगकर्ता को दिखाए जाने वाले ब्रेडक्रंब का शीर्षक.
`position`	`Integer` ब्रेडक्रंब की पंक्ति में किसी ब्रेडक्रंब की जगह. पहली जगह ब्रेडक्रंब की शुरुआत के बारे में बताती है.

item

Thing

ऐसे वेब पेज का यूआरएल जिसमें ब्रेडक्रंब मौजूद हों.

name

Text

उपयोगकर्ता को दिखाए जाने वाले ब्रेडक्रंब का शीर्षक.

position

Integer

ब्रेडक्रंब की पंक्ति में किसी ब्रेडक्रंब की जगह. पहली जगह ब्रेडक्रंब की शुरुआत के बारे में बताती है.