ब्रेडक्रंब

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

वेब पेज पर दिखाया गया ब्रेडक्रंब

स्ट्रक्चर्ड डेटा को जोड़ने का तरीका

स्ट्रक्चर्ड डेटा, किसी पेज के बारे में जानकारी देने और पेज के कॉन्टेंट को कैटगरी में बांटने का एक स्टैंडर्ड फ़ॉर्मैट है. अगर आप स्ट्रक्चर्ड डेटा के बारे में ज़्यादा नहीं जानते, तो स्ट्रक्चर्ड डेटा के काम करने का तरीका पर जाकर, इसके बारे में ज़्यादा जानकारी पा सकते हैं.

स्ट्रक्चर्ड डेटा बनाने, उसकी जांच करने, और उसे रिलीज़ करने के बारे में खास जानकारी यहां दी गई है. वेब पेज में स्ट्रक्चर्ड डेटा जोड़ने के सिलसिलेवार निर्देशों के लिए, स्ट्रक्चर्ड डेटा कोडलैब (कोड बनाना सीखना) देखें.

  1. ज़रूरी प्रॉपर्टी जोड़ें. इस्तेमाल किए जाने वाले फ़ॉर्मैट के मुताबिक, यह जानें कि पेज पर स्ट्रक्चर्ड डेटा कहां डालना है.
  2. दिशा-निर्देशों का पालन करें.
  3. ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) के टेस्ट का इस्तेमाल करके, अपने कोड की पुष्टि करें.
  4. स्ट्रक्चर्ड डेटा वाले कुछ पेजों को डिप्लॉय करें. इसके बाद, यूआरएल जांचने वाला टूल इस्तेमाल करके जांचें कि Google को पेज कैसा दिखेगा. पक्का करें कि Google आपका पेज ऐक्सेस कर सकता हो. साथ ही, देखें कि उस पेज को robots.txt फ़ाइल और noindex टैग से ब्लॉक न किया गया हो या लॉग इन करना ज़रूरी न हो. अगर पेज ठीक दिखता है, तो आप Google को अपने यूआरएल फिर से क्रॉल करने के लिए कह सकते हैं.
  5. Google को आगे होने वाले बदलावों की जानकारी देने के लिए, हमारा सुझाव है कि आप साइटमैप सबमिट करें. आप Search Console साइटमैप एपीआई की मदद से इसे अपने-आप चलने दे सकते हैं.

उदाहरण

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

एक ब्रेडक्रंब ट्रेल

साल और शैली के हिसाब से दिए जाने वाले पुरस्कार "सबसे बढ़िया उपन्यास के लिए 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 में आपकी साइट, ब्रेडक्रंब के साथ दिखे, तो इसके लिए आपको इन दिशा-निर्देशों का पालन करना होगा.

हमारा सुझाव है कि आप यूआरएल स्ट्रक्चर को शेयर करने के बजाय, उस वेब पेज का एक खास उपयोगकर्ता पाथ दिखाने वाले ब्रेडक्रंब उपलब्ध कराएं. यूआरएल पाथ के कुछ हिस्सों से, लोगों को यह समझने में मदद नहीं मिलती है कि पेज आपकी वेबसाइट में कहां पर दिखता है. उदाहरण के लिए, https://example.com/pages/books/catcher_in_the_rye.html यूआरएल में, pages पाथ न तो कोई जानकारी जोड़ता है और न ही कोई टॉप लेवल एलिमेंट example.com जोड़ता है.

अलग-अलग तरह के स्ट्रक्चर्ड डेटा की जानकारी

ब्रेडक्रंब तय करने के लिए, ऐसा BreadcrumbList दें जिसमें कम से कम दो ListItems हों. आपका कॉन्टेंट ब्रेडक्रंब के साथ दिखे, इसके लिए आपको ज़रूरी प्रॉपर्टी शामिल करनी होंगी.

BreadcrumbList एक कंटेनर आइटम है जिसमें सूची के सभी एलिमेंट होते हैं. BreadcrumbList की पूरी जानकारी schema.org/BreadcrumbList पर मौजूद है.

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

ListItem

एक खास क्रम में लगी ब्रेडक्रंब की सूची. हर ब्रेडक्रंब के लिए एक ListItem बताएं. उदाहरण के लिए:


{
"@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

URL या Thing का सब-टाइप

ऐसे वेबपेज का यूआरएल जो ब्रेडक्रंब दिखाता हो. item बताने के दो तरीके हैं:

  • URL: पेज का यूआरएल बताएं. उदाहरण के लिए:
    
    "item": "https://example.com/books"
  • Thing: आप मार्कअप के लिए जो फ़ॉर्मैट इस्तेमाल कर रहे हैं उसके आधार पर यूआरएल बताने के लिए, एक आईडी इस्तेमाल करें:
    • JSON-LD: यूआरएल बताने के लिए @id का इस्तेमाल करें.
    • माइक्रोडाटा: आप यूआरएल बताने के लिए href या itemid का इस्तेमाल कर सकते हैं.
    • RDFa: यूआरएल बताने के लिए आप about, href या resource का इस्तेमाल कर सकते हैं.

अगर ब्रेडक्रंब, ब्रेडक्रंब ट्रेल में आखिरी आइटम है, तो item की ज़रूरत नहीं है. अगर आखिरी आइटम के लिए item शामिल नहीं है, तो Google उस पेज के यूआरएल का इस्तेमाल करता है जिसमें वह शामिल है.

name

Text

उपयोगकर्ता को दिखाए जाने वाले ब्रेडक्रंब का शीर्षक. अगर आप item को बताने के लिए URL के बजाय, name और Thing का इस्तेमाल कर रहे हैं, तो name की ज़रूरत नहीं होगी.

position

Integer

ब्रेडक्रंब ट्रेल में ब्रेडक्रंब का क्रम. क्रम संख्या 1, ब्रेडक्रंब की शुरुआत बताती है.

Search Console की मदद से, ज़्यादा बेहतर नतीजों (रिच रिज़ल्ट) पर नज़र रखना

Search Console एक ऐसा टूल है जिसकी मदद से, आप Google Search में अपने पेज की परफ़ॉर्मेंस पर नज़र रख सकते हैं. Google Search के नतीजों में अपनी साइट शामिल कराने लिए, आपको Search Console में साइन अप करने की ज़रूरत नहीं है. हालांकि, इससे आपको यह समझने में मदद मिलेगी कि Google आपकी साइट को कैसे देखता है. साथ ही, इसकी मदद से, आप साइट की परफ़ॉर्मेंस को भी बेहतर बना पाएंगे. हमारा सुझाव है कि आप इन मामलों में Search Console देखें:

  1. पहली बार स्ट्रक्चर्ड डेटा इस्तेमाल करने के बाद
  2. नए टेंप्लेट जारी करने या कोड को अपडेट करने के बाद
  3. समय-समय पर ट्रैफ़िक का विश्लेषण करते समय

पहली बार स्ट्रक्चर्ड डेटा इस्तेमाल करने के बाद

जब Google, आपके पेजों को इंडेक्स कर ले, तब ज़्यादा बेहतर नतीजे की स्थिति वाली रिपोर्ट का इस्तेमाल करके, उन गड़बड़ियों को देखें जिन्हें ठीक करने की ज़रूरत है. आपको सही पेजों की संख्या में बढ़ोतरी दिखेगी और गड़बड़ियों या चेतावनियों में कोई बढ़ोतरी नहीं दिखेगी. अगर आपको स्ट्रक्चर्ड डेटा में गड़बड़ियां मिलती हैं, तो:

  1. गड़बड़ियां ठीक करें.
  2. लाइव यूआरएल की जांच करें और देखें कि गड़बड़ी ठीक हुई या नहीं.
  3. स्थिति की रिपोर्ट का इस्तेमाल करके, पुष्टि करने का अनुरोध करें.

नए टेंप्लेट जारी करने या कोड को अपडेट करने के बाद

जब आप वेबसाइट में, कई ज़रूरी बदलाव करते हैं, तब स्ट्रक्चर्ड डेटा की गड़बड़ियों और चेतावनियों में हुई बढ़ोतरी पर नज़र रखें.
  • अगर आपको गड़बड़ियों में बढ़ोतरी दिखती है, तो हो सकता है कि आपने ऐसा नया टेंप्लेट रोल आउट किया हो जो काम नहीं करता. इसके अलावा, यह भी हो सकता है कि आपकी साइट, मौजूदा टेंप्लेट से नए और खराब तरीके से इंटरैक्ट कर रही हो.
  • अगर आपको मान्य आइटम की संख्या में कमी दिखती है, यानी वह गड़बड़ियों में बढ़ोतरी से मेल नहीं खाती, तो हो सकता है कि अब आप पेजों में स्ट्रक्चर्ड डेटा एम्बेड नहीं कर रहे हैं. गड़बड़ी की वजह जानने के लिए, यूआरएल जांचने वाले टूल का इस्तेमाल करें.

समय-समय पर ट्रैफ़िक का विश्लेषण करना

परफ़ॉर्मेंस रिपोर्ट का इस्तेमाल करके, Google Search से आने वाले ट्रैफ़िक का विश्लेषण करें. आपको डेटा से पता चलेगा कि आपका पेज Search में, रिच रिज़ल्ट के तौर पर कितनी बार दिखता है. साथ ही, यह भी पता चलेगा कि उयोगकर्ता उस पर कितनी बार क्लिक करते हैं और खोज के नतीजों में आपकी साइट के दिखने की औसत रैंक क्या है. आप इन नतीजों को Search Console API की मदद से, अपने-आप भी देख सकते हैं.

समस्या को हल करना

अगर आपको स्ट्रक्चर्ड डेटा लागू करने या डीबग करने में कोई समस्या आ रही है, तो आप यहां दिए गए रिसॉर्स की मदद ले सकते हैं.