Breadcrumb link (navigation link) trong SEO

Thứ hai, 26/09/2011 - 09:47

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.
 
 
thanks babywolfvn.com  -  BiBi Nguyễn [iGoo.vn]

Url Link

5 11

Bình luận (11)

Ảnh cá nhân của item[

Dang Quanghuy

4 năm trước

Em đã tạo xong file breadcrumbs và run thử ok rồi,nhưng phải paste vào đâu anh nhỉ,paste thẳng vào thẻ body trong index.php à?
Ảnh cá nhân của item[

Su Su

4 năm trước

Thế còn muốn bỏ Breadcrumb link thì mình làm thế nào ?
Ảnh cá nhân của item[

Cùi Bắp Số 1

4 năm trước

Làm sao để tạo Breadcrumb cho wordpress vậy anh Bình....
Ảnh cá nhân của item[

Tôi Là Ai?

5 năm trước

Ở joomla và wp hình như nó có module sẵn rồi còn mấy cái khác k bit là sao để chèn đc vô :(
Ảnh cá nhân của item[

Susu

5 năm trước

Cái này là seo onpage bác nhỉ, vụ này E chệu oài, E ứ dc nắm code :(
Ảnh cá nhân của item[

thiet ke website da nang

6 năm trước

Hình như google đã có sự thay đổi, Breadcrumb link không có hiệu lực nữa rồi ?
Ảnh cá nhân của item[

Cung Vu Ly

6 năm trước

Cám ơn vì bài viết hay :)
Ảnh cá nhân của item[

mrhoa.573

6 năm trước

+Dos Rosa: sao lại tụt hạng chứ :)
Chuẩn XHTML bạn chỉ cần tối ưu đủ các thẻ cần thiết là oki, Cách trên là cách Google đưa ra đó bạn.
Ảnh cá nhân của item[

Dos Rosa

6 năm trước

Nếu thêm "itemscope, itemtype, itemprop" vào như vậy web mình đâu còn đúng chuẩn XHTML, như vậy sẽ tụt hạng sao bạn?
Có cách nào khác không nhỉ?
Ảnh cá nhân của item[

mrhoa.573

6 năm trước

đó là Sitelinks bạn à,
Sitelinks là những link trong website nổi bật nhất.
Ta có thể điều khiển TOP của sitelink ở trong Webmaster Tols Goolge. Giảm hạng những link nào ko muốn đư lên.

Gửi bình luận của bạn

Đăng nhập hoặc Đăng ký ngay để đăng nhận xét!