ब्रेडक्रंब (BreadcrumbList) का स्ट्रक्चर्ड डेटा

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

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

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

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

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

  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="https://www.example.com/books">Books</a>
      </li>
      <li>
        <a href="https://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="https://www.example.com/books">Books</a>
      </li>
      <li>
        <a href="https://www.example.com/books/sciencefiction">Science Fiction</a>
      </li>
      <li>
        Award Winners
      </li>
    </ol>
    <ol>
      <li>
        <a href="https://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 पर मौजूद है. Google के साथ काम करने वाली प्रॉपर्टी ये हैं:

ज़रूरी प्रॉपर्टी
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 पर मौजूद है. Google के साथ काम करने वाली प्रॉपर्टी ये हैं:

ज़रूरी प्रॉपर्टी
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 Console，您的网页也可能会显示在 Google 搜索结果中，但注册 Search Console 能够帮助您了解 Google 如何查看您的网站并做出相应的改进。建议您在以下情况下查看 Search Console：

  1. 首次部署结构化数据后
  2. 发布新模板或更新代码后
  3. 定期分析流量时

首次部署结构化数据后

等 Google 将网页编入索引后，请在相关的富媒体搜索结果状态报告中查看是否存在问题。 理想情况下，有效项目数量会增加，而无效项目数量不会增加。如果您发现结构化数据存在问题，请执行以下操作：

  1. 修正无效项目。
  2. 检查实际网址，核实问题是否仍然存在。
  3. 使用状态报告请求验证。

发布新模板或更新代码后

如果对网站进行重大更改，请监控结构化数据无效项目的增幅。
  • 如果您发现无效项目增多了，可能是因为您推出的某个新模板无法正常工作，或者您的网站以一种新的错误方式与现有模板交互。
  • 如果您发现有效项目减少了（但无效项目的增加情况并不对应），可能是因为您的网页中未再嵌入结构化数据。请通过网址检查工具了解导致此问题的原因。

定期分析流量时

请使用效果报告分析您的 Google 搜索流量。数据将显示您的网页在 Google 搜索结果中显示为富媒体搜索结果的频率、用户点击该网页的频率以及网页在搜索结果中的平均排名。您还可以使用 Search Console API 自动提取这些结果。

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

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