स्कीमा डॉट रिच स्निपेट का उपयोग कर ब्रेडक्रंब


9

मुझे schema.org से ब्रेडक्रंब रिच स्निपेट को लागू करने में समस्याएं हो रही हैं। जब मैं प्रलेखन का उपयोग करके अपने ब्रेडक्रंब का निर्माण करता हूं और Google रिच स्निपेट परीक्षण उपकरण के माध्यम से चलाता हूं , तो ब्रेडक्रंब की पहचान की जाती है लेकिन पूर्वावलोकन में नहीं दिखाया गया है।

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body itemscope itemtype="http://schema.org/WebPage">     
      <strong>You are here: </strong>
      <div itemprop="breadcrumb">
        <a title="Home" href="/">Home</a> >
        <a title="Test Pages" href="/Test-Pages/">Test Pages</a> >
      </div>
  </body>
</html>

अगर मैं डेटा-vocabulary.org से स्निपेट्स का उपयोग करने के लिए बदलूं, तो अमीर स्निपेट पूर्वावलोकन में सही तरीके से दिखाई देते हैं।

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body>
      <strong>You are here: </strong>
      <ol itemprop="breadcrumb">
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/" itemprop="url">
            <span itemprop="title">Home</span>
          </a>
        </li>
        <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
          <a href="/Test-Pages/" itemprop="url">
            <span itemprop="title">Test Pages</span>
          </a>
        </li>
      </ol>
  </body>
</html>

मैं चाहता हूं कि ब्रेडक्रम्ब को पृष्ठ के URL के बजाय खोज परिणाम में दिखाया जाए।

यह देखते हुए कि Schema.org अमीर स्निपेट्स का उपयोग करने के लिए अनुशंसित तरीका है, मैं इसका उपयोग करूंगा, हालांकि जैसा कि ब्रेडक्रंब इस पद्धति का उपयोग करके खोज परिणाम के पूर्वावलोकन में नहीं दिखा रहा है, मुझे यकीन नहीं है कि यह सही तरीके से काम कर रहा है।

क्या मैं Schema.org उदाहरण के लिए मार्कअप में कुछ गलत कर रहा हूं?


Google दूसरों पर माइक्रोडाटा प्रारूप का उपयोग करने की सलाह देता है। ब्रेडक्रंब वे माइक्रोडेटा और RDFa support.google.com/webmasters/bin/… का समर्थन करते हैं, यदि आप चाहते हैं कि वे खोज परिणामों में प्रकट हों तो मैं उनके अनुशंसित प्रारूप का उपयोग करूंगा ।
Anagio

जवाबों:


3

इस कार्यान्वयन के साथ:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> &gt;
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> &gt;
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>

आपके पास Google में निम्नलिखित ब्रेडक्रंब होगा:

Dresses > Real Dresses > Real Green Dresses

1
मैं आपके Barenaked Ladies संदर्भ के लिए +1 करूँगा, लेकिन दुख की बात है कि मुझे लगता है कि मैं मतदान प्रणाली का दुरुपयोग कर रहा हूँ :-) तो मैं आपको इसके बजाय वास्तव में काम करने वाले समाधान के लिए +1 करूँगा।
पॉल डी'अवेस्ट

1

मुझे ऐसा लगता है कि यह समस्या स्कीमा डॉट ओआरजी प्रलेखन के साथ है। यहां कुछ शिक्षित लिंक दिए गए हैं:

मैंने उन लोगों को पहले मददगार के रूप में रैंक किया है, अनिवार्य रूप से वे सभी एक दूसरे से अंततः लिंक करते हैं। इस पर कार्रवाई इस महीने के अंत में होने वाली है लेकिन ऐसा लग रहा है कि परिणाम आपके दूसरे उदाहरण के समान ही होगा।

यह एक अफ़सोस की बात है क्योंकि html समाप्त होने की तुलना में अधिक जटिल है क्योंकि यह वास्तव में होना चाहिए, लेकिन वहां हम हैं।

उम्मीद है की वो मदद करदे!


1

मैं हाल ही में इस पर कुछ शोध कर रहा हूं।

जैसा कि यह पता चला है, कि ब्रेडक्रंब के लिए Google क्या सलाह देता है काम नहीं करता है। जब मैंने कुछ हफ़्ते पहले देखा, तो उनका अपना उदाहरण Google के रिच स्निपेट टूल में विफल रहा। ऐसा प्रतीत होता है कि Google थोड़ा पीछे है लेकिन फिर भी दूसरों से आगे है।

Data-vocabulary.org स्वीकृत और डी-फैक्टो मानक है, हालांकि कहा जाता है कि Schema.org को इसकी जगह Data-vocabulary.org के साथ प्रतिस्थापित किया जा रहा है। हालांकि, वास्तविकता बयानबाजी से मेल नहीं खाती है। आशय यह था कि Schema.org Data-vocabulary.org को बदल देगा और ऐसा हो सकता है। फिर भी, मुझे कहीं-कहीं एक स्निपेट (सज़ा का इरादा) मिला, जिसमें उल्लेख किया गया था कि Google ने स्कीमा डॉट ओआरजी को मान्यता देने के लिए अपने कोड को अभी तक संशोधित नहीं किया है।

यह कहते हुए कि, यह वह उदाहरण है जो मैंने पाया कि Google और बिंग में काम करता है, हालांकि बिंग ने हाल ही में चीजों को थोड़ा बदल दिया है इसलिए अगर बिंग आपके लिए महत्वपूर्ण है तो सावधानी बरतें।

<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/"><span itemprop="title">Home</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/marvel/"><span itemprop="title">Marvel Comics</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/fantastic-four/"><span itemprop="title">Fantastic Four</span></a> &gt; </span>
<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" href="http://www.example.com/fantastic-four/58/"><span itemprop="title">Fantastic Four #48: The Coming of Galactus</span></a></span>

उम्मीद है की यह मदद करेगा।


1

(उपभोक्ता समर्थन छोड़कर)

शब्दावली Schema.org एक WebPage(और इसके उप-प्रकार) के लिए ब्रेडक्रंब प्रदान करने के दो तरीके प्रदान करता है :

पाठ का उपयोग करना आसान है, लेकिन असंरचित (उपभोक्ताओं के लिए पार्स करना कठिन)।
उपयोग करना BreadcrumbListअधिक जटिल है, लेकिन स्पष्ट रूप से आवश्यक कुछ भी निर्दिष्ट करने की अनुमति देता है (उपभोक्ताओं के लिए आसान पार्स)।

अपना उदाहरण लेते हुए, BreadcrumbListइस तरह का उपयोग कर सकते हैं:

<body itemscope itemtype="http://schema.org/WebPage">     
  <strong>You are here: </strong>
  <div itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">

    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="1" />
      <a itemprop="item" href="/">
        <span itemprop="name">Home</span>
      </a>
    </span> 

    &gt;

    <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <meta itemprop="position" content="2" />
      <a itemprop="item" href="/Test-Pages/">
        <span itemprop="name">Test Pages</span>
      </a>
    </span>

  </div>
</body>

(अगर व्हॉट्सएप एक चिंता का विषय है तो आपको तत्वों को स्थानांतरित करना पड़ सकता है।)

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.