ब्रेडक्रंब

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

उदाहरण

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

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

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

दिए गए ब्रेडक्रंब पर काम करने वाले 'व्यवस्थित डेटा टेस्टिंग टूल' का इस्तेमाल करके JSON-LD में इसका उदाहरण देखें:

<script type="application/ld+json"> { "@context": "http://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" },{ "@type": "ListItem", "position": 4, "name": "Ancillary Justice", "item": "https://example.com/books/authors/ancillaryjustice" }] } </script>

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

किताबें › विज्ञान से जुड़ी कहानियां › एंसीलरी जस्टिस

आरडीएफ़ए

दिए गए ब्रेडक्रंब पर काम करने वाले 'व्यवस्थित डेटा टेस्टिंग टूल' का इस्तेमाल करके आरडीएफ़ए में इसका उदाहरण देखें:

<ol vocab="http://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/awardwinnders"> <span property="name">Award Winners</span></a> <meta property="position" content="3"> </li> </ol>

माइक्रोडेटा

दिए गए ब्रेडक्रंब पर काम करने वाले 'व्यवस्थित डेटा टेस्टिंग टूल' का इस्तेमाल करके माइक्रोडेटा में इसका उदाहरण देखें:

<ol itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction/ancillaryjustice"> <span itemprop="name">Ancillary Justice</span></a> <meta itemprop="position" content="3" /> </li> </ol>

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

किताबें › विज्ञान से जुड़ी कहानियां › पुरस्कार विजेता
साहित्य › काल्पनिक उपन्यास

आरडीएफ़ए

दिए गए ब्रेडक्रंब पर काम करने वाले आरडीएफ़ए का उदाहरण देखें:

<ol vocab="http://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="http://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"> <a property="item" typeof="WebPage" href="https://example.com/literature/speculativefiction"> <span property="name">Speculative Fiction</span></a> <meta property="position" content="2"> </li> </ol>

माइक्रोडेटा

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

<ol itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books"> <span itemprop="name">Books</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/books/sciencefiction"> <span itemprop="name">Science Fiction</span></a> <meta itemprop="position" content="2" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" 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="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/literature"> <span itemprop="name">Literature</span></a> <meta itemprop="position" content="1" /> </li> › <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemtype="http://schema.org/Thing" itemprop="item" href="https://example.com/literature/speculativefiction"> <span itemprop="name">Speculative Fiction</span></a> <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 सर्च' ब्रेडक्रंब सूची की इन विशेषताओं की पहचान करता है. रिच नतीजे के तौर पर दिखाने लायक बनाने के लिए आपको अपनी सामग्री में ज़रूरी विशेषताएं शामिल करनी होंगी.

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