Navigator breadcrumb cho website

Navigator là những liên kết, giúp các spider khám phá ra các webpage khác trong website, đối với người dùng Navigator như một bảng chỉ dẩn dấu viết.

Navigator của trang vật giá hiện tại trên page Vật tư thiết bị công nghiệp

Navigator như một bảng chỉ dẩn những page mình đã đi qua hoặc những page có thể đi đến page hiện tại.

Breadcrumb là một dang của navigator nâng cao, breadcrumb là một dạng navigator có cấu trúc do
Google đưa ra, breadcrumb là một dạng rich snippets,

Tham khảo http://support.google.com/webmasters/bin/answer.py?hl=en&answer=185417 để tạo ra Navigator breadcrumb theo cấu trúc của Google.

Rich snippets breadcrumb.

Chúng ta có thể tạo ra  Navigator breadcrumb theo cấu trúc như sau:

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> ›
</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> ›
</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>

Sau khi tạo Navigator với cấu trúc như trên ta có thể vào http://www.google.com/webmasters/tools/richsnippets kiểm tra breadcrumb đã hiển thị như yêu cầu của mình hay chưa.

Như vậy là mình đã có thể làm được Navigator breadcrumb cho website.

Breadcrumb là "mẫu bánh mì" ý nghĩa của từ này xuất phát từ một câu chuyện cổ tích kể rằng một gia đình vì quá nghèo không thể nuôi được con phải đưa con đến một nơi rất xa rồi bỏ con ở lại và một cậu bé thông minh đã dùng những mẩu bánh mỳ rải dọc đường để tìm đường về.

Những link trên navigator cũng giống như những mẩu bánh mỳ đánh dấu giúp bạn định vị được mình ở đâu trong website.