Klik hier om uw onlangs bekeken pagina's en meest bekeken pagina's weer te geven.
Verbergen

Breadcrumbs

About breadcrumbs

A breadcrumb trail is a set of links (breadcrumbs) that can help a user understand and navigate your site's hierarchy, like this:

Webmaster ToolsHelp articlesMy site and GoogleCreating Google-friendly sites

Pages can have more than one breadcrumb trail. For example:

BooksAuthorsStephen King
BooksFictionHorror

When you mark up breadcrumb information in the body of a web page, Google can use it to understand and present the information on your pages in our search results, like this:

image of a Google search result showing breadcrumbs

Properties

Breadcrumbs can contain a number of different properties which you can label using Microdata or RDFa markup. Google recognizes the following breadcrumb properties.

Property Description
title The title of a breadcrumb.
url The URL of a breadcrumb.
child The next breadcrumb in the hierarchy. The child must be another Breadcrumb item.

Examples

The following HTML code describes a breadcrumb trail for a product page on a women's clothing site.

<a href="http://www.example.com/dresses">Dresses</a> ›
<a href="http://www.example.com/dresses/real">Real Dresses</a> ›
<a href="http://www.example.com/dresses/real/green">Real Green Dresses</a>

This set of breadcrumbs will appear on the page like this:

DressesReal DressesReal Green Dresses

The following sections describe how to mark up this content using microdata or RDFa.

Microdata

<div id="a" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" itemref="b">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> ›
</div>
<div id="b" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" itemprop="child" itemref="c">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> ›
</div>
<div id="c" itemscope itemtype="http://data-vocabulary.org/Breadcrumb" itemprop="child">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>

Microdata -- multiple trails

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/books" itemprop="url">
    <span itemprop="title">Books</span>
  </a> ›
  <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/books/authors" itemprop="url">
      <span itemprop="title">Authors</span>
    </a> ›
    <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.example.com/books/authors/stephenking" itemprop="url">
        <span itemprop="title">Stephen King</span>
      </a>
    </div>
  </div>
</div>

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/books" itemprop="url">
    <span itemprop="title">Books</span>
  </a> ›
  <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://www.example.com/fiction" itemprop="url">
      <span itemprop="title">Fiction</span>
    </a> ›
    <div itemprop="child" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.example.com/books/fiction/horror" itemprop="url">
        <span itemprop="title">Horror</span>
      </a>
    </div>
  </div>
</div>

RDFa

<div xmlns:v="http://rdf.data-vocabulary.org/#">
  <span typeof="v:Breadcrumb">
    <a href="http://www.example.com/dresses" rel="v:url" property="v:title">
      Dresses
    </a> ›
    <span rel="v:child" typeof="v:Breadcrumb">
      <a href="http://www.example.com/dresses/real" rel="v:url" property="v:title">
        Real Dresses
      </a> ›
    <span rel="v:child" typeof="v:Breadcrumb">
      <a href="http://www.example.com/dresses/real/green" rel="v:url" property="v:title">
        Real Green Dresses
      </a> ›
    </span>
  </span>
</div>

RDFa -- multiple trails

<div xmlns:v="http://rdf.data-vocabulary.org/#">
  <span typeof="v:Breadcrumb">
    <a href="http://www.example.com/books" rel="v:url" property="v:title">
      Books
    </a> ›
    <span rel="v:child" typeof="v:Breadcrumb">
      <a href="http://www.example.com/books/authors" rel="v:url" property="v:title">
        Authors
      </a> ›
      <span rel="v:child" typeof="v:Breadcrumb">
        <a href="http://www.example.com/books/authors/stephenking" rel="v:url" property="v:title">
          Stephen King
        </a> ›
      </span>
    </span>
  </span>
</div>

<div xmlns:v="http://rdf.data-vocabulary.org/#">
  <span typeof="v:Breadcrumb">
    <a href="http://www.example.com/books" rel="v:url" property="v:title">
      Books
    </a> ›
    <span rel="v:child" typeof="v:Breadcrumb">
      <a href="http://www.example.com/books/fiction" rel="v:url" property="v:title">
        Fiction
      </a> ›
      <span rel="v:child" typeof="v:Breadcrumb">
        <a href="http://www.example.com/books/fiction/horror" rel="v:url" property="v:title">
          Horror
        </a> ›
      </span>
    </span>
  </span>
</div>