Schema.org 리치 스 니펫을 사용하는 사이트 이동 경로

9

schema.org에서 사이트 이동 경로가 풍부한 스 니펫을 구현하는 데 문제가 있습니다. 문서를 사용하여 이동 경로를 구성하고 Google Rich Snippet 테스트 도구 를 통해 실행 하면 이동 경로가 식별되지만 미리보기에는 표시되지 않습니다.

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

data-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 예제의 마크 업에 문제가 있습니까?

— 아담 젠킨
소스

마이크로 데이터 형식을 다른 형식보다 사용하는 것이 좋습니다. 이동 경로는 마이크로 데이터 및 RDFa support.google.com/webmasters/bin/ 을 지원 합니다. 검색 결과에 표시하려면 권장 형식을 사용합니다.

— Anagio

: 관련 빵 부스러기를 위해 Schema.org 또는 Data-Vocabulary.org?

— unor

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을 할 것이지만 슬프게도 투표 시스템을 남용한다고 생각합니다.

— Paul d' Aoust

1

문제는 schema.org 설명서 자체에있는 것 같습니다. 교육 링크는 다음과 같습니다.

나는 그것들을 가장 유용한 것으로 우선 순위를 매겼습니다. 본질적으로 그들은 모두 서로 연결되어 있습니다. 이에 대한 조치는 이번 달 말에 예정되어 있지만 결과는 두 번째 예와 같습니다.

HTML이 실제로 필요한 것보다 더 복잡해지기 때문에 유감입니다. 그러나 우리는 있습니다.

희망이 도움이됩니다!

— 스튜어트 버로우
소스

1

나는 최근에 이것에 대한 연구를 해왔다.

결과적으로, 빵 부스러기에 권장하는 것은 작동하지 않습니다. 몇 주 전에 살펴본 결과 Google의 Rich Snippet Tool에서 자체 예제가 실패했습니다. Google은 약간 뒤떨어져 있지만 여전히 다른 것보다 앞서고 있습니다.

Schema.org는 감가 상각 된 것으로 Data-vocabulary.org로이를 대체한다고 말하지만 Data-vocabulary.org는 수용되고 사실상의 표준입니다. 그러나 현실은 수사와 일치하지 않습니다. 그 의도는 Schema.org가 Data-vocabulary.org를 대체 할 것이며 그럴 수도 있습니다. 여전히 Google이 Schema.org를 인식하도록 코드를 수정하지 않았다고 언급 한 스 니펫 (pun 의도 된)을 발견했습니다.

Bing이 최근에 약간 바뀌었지만 Bing이 중요하다면주의를 기울이십시오.

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

도움이 되었기를 바랍니다.

— closetnoc
소스

1

(소비자 지원 제외)

어휘 Schema.org는 WebPage(및 하위 유형)에 빵 부스러기를 제공하는 두 가지 방법을 제공합니다 .

breadcrumb텍스트 값이있는 속성
breadcrumbBreadcrumbList값 이있는 속성

텍스트를 사용하는 것은 쉽지만 구조화되어 있지 않습니다 (소비자에게는 구문 분석하기가 더 어렵습니다).
사용 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>

공백이 중요한 경우 요소를 이동해야 할 수도 있습니다.

— 또는
소스