Schema.org zengin snippet'lerini kullanarak kırıntı

9

Schema.org adresinden zengin kırıntı snippet'lerini uygulamakta sorunlar yaşıyorum. Ekmek kırıntımı dokümanları kullanarak oluşturduğumda ve Google Rich Snippet test aracıyla çalıştırdığımda , ekmek kırıntısı tanımlanıyor ancak önizlemede gösterilmiyor.

<!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>

Snippet'leri data-vocabulary.org adresinden kullanmayı değiştirirsem, zengin snippet'ler önizlemede doğru şekilde gösterilir.

<!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>

Sayfa kırıntısının sayfanın URL'si yerine arama sonucunda gösterilmesini istiyorum.

Schema.org'un zengin snippet'leri kullanmanın önerilen yolu olduğu göz önüne alındığında, bunu kullanmayı tercih ederim, ancak ekmek kırıntısı bu yöntemi kullanarak arama sonucunun önizlemesinde gösterilmediğinden, bunun doğru çalıştığına ikna olmadım.

Schema.org örneğinin işaretlemesinde yanlış bir şey mi yapıyorum?

— Adam Jenkin
kaynak

Google, diğerleri üzerinde mikro veri biçiminin kullanılmasını önerir. Mikro veriler ve RDFa'yı destekledikleri kırıntıları support.google.com/webmasters/bin/… Arama sonuçlarında görünmesini istiyorsanız önerilen biçimlerini kullanırdım.

— Anagio

İlgili: Ekmek kırıntıları için Schema.org veya Data-Vocabulary.org?

— unor

3

Bu uygulama ile:

<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'da aşağıdaki hesap özetine sahip olacaksınız:

Dresses > Real Dresses > Real Green Dresses

— Ranaivo
kaynak

1

Barenaked Ladies referansınız için + 1'ledim, ama ne yazık ki oylama sistemini kötüye kullanacağımı düşünüyorum :-) Yani bunun yerine gerçekten çalışan bir çözüm için + 1'leyeceğim.

— Paul d'Aoust

1

Bana öyle geliyor ki sorun schema.org belgelerinin kendisindedir. İşte bazı eğitici bağlantılar:

Bunları ilk önce en yararlı olarak sıraladım, aslında hepsi birbirine bağlanıyor. Bu işlemin bu ayın sonunda yapılması gerekiyor, ancak sonuç ikinci örneğinizle aynı olacak gibi görünüyor.

Yazık çünkü html gerçekten olması gerekenden daha karmaşık oluyor, ama işte buradayız.

Umarım yardımcı olur!

— Stuart Burrows
kaynak

1

Son zamanlarda bu konuda biraz araştırma yapıyorum.

Anlaşıldığı üzere, Google'ın ekmek kırıntıları için önerdikleri işe yaramıyor. Birkaç hafta önce baktığımda, kendi örnekleri Google'ın Zengin Snippet Aracında başarısız oldu. Google'ın biraz geride kaldığı, ancak yine de diğerlerinin önünde olduğu anlaşılıyor.

Data-vocabulary.org, Schema.org'un amortisman olarak Data-vocabulary.org ile değiştirildiği söylense de kabul edilen ve fiili bir standarttır. Ancak, gerçek söylemle uyuşmuyor. Amaç Schema.org'un Data-vocabulary.org'un yerini almasıydı ve olabilir. Yine de, Google'ın henüz Schema.org'u tanımak için kodunda değişiklik yapmadığını belirten bir pasaj (cinayet amaçlı) buldum.

Bunu söyledikten sonra, Google ve Bing'de çalıştığını bulduğum örnek, Bing son zamanlarda biraz değişti, bu yüzden Bing sizin için önemliyse dikkatli olun.

<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>

Bu yardımcı olur umarım.

— closetnoc
kaynak

1

(Tüketici desteğini bir kenara bırakmak.)

Schema.org sözlüğü, bir WebPage(ve alt türleri) için kırıntıları sağlamanın iki yolunu sunar :

breadcrumbmetin değeri olan özellik
breadcrumbözelliği , bir ile BreadcrumbListdeğerine

Metin kullanmak kolaydır, ancak yapılandırılmamıştır (tüketiciler için ayrıştırılması daha zordur).
Kullanımı BreadcrumbListdaha karmaşıktır, ancak açıkça ihtiyaç duyulan her şeyi belirtmeye izin verir (tüketiciler için ayrıştırılması daha kolay).

Örneğinizi kullanmak, kullanmak BreadcrumbListşöyle görünebilir:

<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>

(Boşluk endişe ediyorsa öğeleri taşımanız gerekebilir.)

— UNOR
kaynak