Breadcrumb link (navigation link) trong SEO

Breadcrumb link hay navigation link được gọi là link hướng cấu trúc trong thiết kế web, giúp người dùng có thể theo dõi được các danh mục liên quan đến bài viêt và đồng thời quan trọng trong SEO là Google hiển thị lên kết quả tìm kiếm. Các bạn có thể xem hình minh họa ở dưới để hiểu rõ hơn.

Breadcrumb link (navigation link) trong SEO

 

Bây giờ tôi lấy link đầu tiên làm ví dụ để hướng dẫn các bạn cách để giúp Google hiểu được breadcrumb cho website của mình. Sau khi vào link đầu tiên theo query tìm kiếm ở trên, bạn sẽ dễ dàng nhìn thấy breadcrumb của iGoo.vn theo hình ở dưới

Breadcrumb link (navigation link) 2

 

Breadcrumb link (navigation link) iGoo

 

Qua đó bạn sẽ dễ dàng nhận thấy rằng Google đã hiển thị breadcrumb theo hình trên ở trang kết quả tìm kiếm. Thực tế nếu website của bạn có cấu trúc thẻ HTML tốt thì Google vẫn có thể phân tích và nhận biết được các breadcrumb này. Tuy nhiên, có một số cấu trúc chuẩn HTML bạn có thể áp dụng để giúp Google hiểu được breadcrumb dễ dàng hơn.

Dươi đây là hướng dẫn tạo Breadcrumb link (navigation link) cho bài viết:

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

Bạn có thể dùng các thẻ <ul><li> để sử dụng, nhưng chú ý 3 thuộc tính in đậm itemscope, itemtype, itemprop là okie.

Phân tích đoạn mã trên bạn có thể bỏ qua những thuộc tính class mà chỉ cần quan tâm đến các thuộc tính như itemscope, itemtype, itemprop.
- itemscope: dùng để định nghĩa khu vực cho từng thành phần trong breadcrumb.
- itemtype: dùng để khai báo cho Google biết định nghĩa và nhận dạng data cho thuộc tính itemprop.
- itemprop: thuộc tính để định dạng cấu trúc, để định dạng cho cấu trúc breadcrumb bạn cần những properties như url, title.

Khi làm xong cấu trúc như trên bạn chỉ cần chờ một thời gian để Google cập nhật lại website của mình và sẽ thấy Google bắt đầu hiển thị các breadcrumb trên kết quả tìm kiếm.

Để tìm hiểu thêm về vấn đề này bạn có thể tham khảo thêm tại đường dẫn:

http://www.google.com/support/webmasters/bin/answer.py?&answer=185417
Tiếc cái là khi bạn dùng ngôn ngữ tiếng Việt mà tìm kiếm đối với những page đã được lưu trong bộ nhớ cache chuối hột thì không nhìn thấy breadcrumb.
BiBi Nguyễn - iGoo

Bài viết này có hữu ích?

708 Khách hàng đánh giá tốt (917 Đánh giá)
 In bài viết

Nên đọc

Ảnh hưởng của nút +1 (Google +1 Button) trong SEO

Việc sử dụng nút +1 (Google +1 Button) trên website đã và đang phổ...

Sử dụng www hay không www (non www)

SEO lựa chọn được nênsử dụng wwwhaynon www(không www) trong thiết kế web....

Dự đoán xu hướng SEO năm 2013

Không phân biệt cho dù bạn là một chuyên gia SEO hay mới, điều quan trọng là cần lưu ý rằng trong...

Những thẻ <meta> cần thiết trong SEO

Thẻ <meta> trong HTML là rất nhiều, lên google tìm và đọc về chúng cũng khá đơn giản, nhưng...

15 phút để tối ưu website với những thủ thuật SEO đơn giản

Làm SEO là một quá trình bền bỉ và lâu dài, trong quá trình đó bạn đừng quên rằng đôi khi có...