Bread Crumbs Là Gì

1. Breadcrumb là gì?

Breadcrumb là một trong những tập hòa hợp gần như liên kết góp người dùng xác định vị trí bây giờ của mình vào cấu tạo site. Thuật ngữ này đính thêm với mẩu chuyện cổ Grimm: Hansel với Gretel, trong những số ấy 2 đứa tthấp đang rải đông đảo mẩu bánh mỳ vụn (breadcrumb) dọc mặt đường nhằm tìm tới bên.

Bạn đang xem: Bread crumbs là gì

Đây cũng đó là trọng trách của breadcrumb vào User Experience của website và SEO. Trong một website gồm kết cấu phức hợp hoặc đựng nhiều văn bản, breadcrumb navigation là một trong giải pháp hiệu quả sẽ giúp đỡ người dùng định vị địa điểm trong trang web cùng góp việc di chuyển giữa các trang dễ dãi rộng.


2. Breadcrumb bao gồm sứ mệnh gì trong SEO?

a) Breadcrumb tiện dụng với người dùng

- Tiện dụng cho những người dùng: Breadcrumb là cách thức cung ứng để người dùng điều hướng một trang web. Đối với cùng 1 trang web Khủng với nhiều ngôn từ, breadcrumb góp người dùng định vị bạn dạng thân so với cấu tạo toàn site

- Giảm số cliông xã và làm việc nhằm quay trở lại những trang cấp cao: Ttuyệt do áp dụng nút ít "Back" hoặc top thực đơn của trang web để trở lại trang cung cấp cao hơn, người tiêu dùng hoàn toàn có thể áp dụng breadcrumb cùng dễ dãi dịch chuyển đến các category hoặc tổ chức triển khai cao hơn nữa vào website

b) Breadcrumb gồm công dụng quan trọng đặc biệt với SEO

Rất không ít người dân có tác dụng SEO cần sử dụng breadcrumb nlỗi một biện pháp tăng lượng văn bản đặt trong liên kết có gắn thêm từ khoá bên trên website; tuy nhiên nếu bị lạm dụng quá, kĩ thuật này rất có thể làm sút UX (kinh nghiệm fan dùng), cùng bài toán này thì không khi nào là xuất sắc.

Quan trọng hơn, trong một vài trường đúng theo, breadcrumb của bạn có thể tồn tại trên tác dụng tìm kiếm tìm (SERPs), tăng tài năng người dùng click vào hiệu quả của công ty giữa những tác dụng tìm kiếm tìm khác

*

3. Các loại breadcrumb?

Có 3 nhiều loại breadcrumb chính:

i) Breadcrumb theo vị trí

Hay location-based breadcrumb: cho những người dùng biết chúng ta đã ở chỗ nào trong khối hệ thống phân cấp cho của website.

Loại breadcrumb này dùng tốt nhất cho phần đa website nhưng mà văn bản được chia nhiều tầng (>=2).

*

ii) Breadcrumb theo nằm trong tính.

Attribute-based breadcrumb mô tả trực thuộc tính của một page vào trang web.

Loại breadcrumb này quan trọng đặc biệt thông dụng trong số trang web thương mại điện tử. ví dụ như, một chiếc xe rất có thể được phân loại nlỗi một loại SUV kèm theo những trực thuộc tính là color Black cùng được xây cất trong những năm 2010.

*

iii) Breadcrumb theo mặt đường dẫn

Breadcrumb theo đường truyền (path-based) đã cho thấy công việc, hoặc đường truyền nhưng người tiêu dùng vẫn đi qua để truy cập mang lại một trang cụ thể.

*

Trong tía các loại breadcrumb thì breadcrumb theo đường truyền ít thông dụng nhất hơn hết, bởi bản chất chức năng này tương tự nút “Back”, cùng không cho những người cần sử dụng biết địa điểm tương đối với cả cấu trúc site.

4. Sử dụng breadcrumb trong thực tế

Sử dụng breadcrumb ko khó, nhưng nhằm dùng breadcrumb rất tốt, có một vài ba vẻ ngoài cơ phiên bản cần tuân thủ:

a) Breadcrumb là hệ thống navigation phú cùng không thể sửa chữa main navigation/ top menu.

Website cũ của đoạn phim sharing trang web mefeedia mắc phải sai lạc áp dụng breadcrumb là navigation độc nhất trong số trang video chi tiết. Người sử dụng mong muốn vào các phần không giống của site ngoại trừ những link bên trên breadcrumb nên bachồng lại trang đoạn phim category trước khi đi tiếp

*

b) Breadcrumb yêu cầu mang về tiện ích cho người dùng

Một lỗi thông dụng khi triển khai breadcrumb là sử dụng lúc bọn chúng chẳng mang về lợi ích làm sao đến website, nlỗi ví dụ dưới, người dùng có top menu, breadcrumb cùng navigation bởi tab, trong số ấy tab navigation và breadcrumb ko thống độc nhất vô nhị về khía cạnh nội dung

*

Cách tốt nhất có thể nhằm xác minh xem breadcrumb bao gồm đem lại ích lợi cho 1 website hay là không là kiến tạo một site bản đồ hoặc visitor flow để khẳng định breadcrumb đã nâng cao kĩ năng của người tiêu dùng thế nào để điều hướng báo cáo trong website

c) Tiêu chuẩn chỉnh sản xuất breadcrumb:

- Breadcrumb thường xuyên xuất hiện thêm bên trên nửa đầu của trang, ngay lập tức dưới top navigation bar (trường hợp có) cùng làm việc trên page title

- Breadcrumb bớt cấp cho theo sản phẩm bậc: bắt đầu tự Home và đi theo từng cung cấp tự cao nhất mang lại thấp độc nhất theo từng bước.

Xem thêm: Cách Vẽ Biểu Đồ Trong Excel 2010, Cách Vẽ Biểu Đồ Cột Trong Excel 2007 2010

*

- Breadcrumb cần phải có kích cỡ hợp lý và phải chăng, ko chiếm quá nhiều diện tích, với không nên lấy sự để ý ngoài top thực đơn cùng title của page.

*

- Dấu hiệu bóc hyperliên kết mang đến breadcrumb đề xuất thống nhất

Phổ vươn lên là độc nhất là biểu tượng > theo mẫu: Parent category > Child category .

Overstoông chồng.comthực hiện vết ">" cùng thực hiện checkbox cho các trực thuộc tính thành phầm để người dùng rất có thể filter sản phẩm

*

d) Thiết kế breadcrumb ưa nhìn cùng hợp lý với kiến tạo tổng quan của site.

Breadcrumb can hệ củaDeliciouscho phép người dùng đào thải những mục vào breadcrumb sẽ giúp kiếm tìm thấy các bookmarks nkhô hanh rộng.

*

Thiết kế breadcrumb theo một phong thái tương xứng với thi công phổ biến của trang web.

IDEO

*

e) Những tính năng không giống của breadcrumb

- Hỗ trợ những các bước có không ít bước

Statement Trackersử dụng breadcrumb nhằm chỉ ra rằng công việc tương quan Khi đăng kí một tài khoản.

*

Flickr thực hiện breadcrumb để chỉ ra rằng những phần giới thiệu vào Flickr tour.

*

- Đóng vai navigation bar té sung: dropdown xuống navigation phụ (Sub-Navigation)

*

- Sáng tạo thành với breadcrumb

Booreilandthực hiện một điều phối breadcrumb cho thực đơn thiết yếu được cho phép khách hàng truy vấn phát âm nhanh những gì mà người ta đã xem.

*

Kết luận

Breadcrumblà 1 dạng menu tập vừa lòng số đông link giúp người tiêu dùng xác xác định trí kha khá của bản thân trong cấu tạo site. Breadcrumb mang lại mộttrải nghiệm người tiêu dùng thân thiệnrộng với Khi hiện bên trên công dụng search kiếm rất có thể làmtăng clichồng through rateđến tác dụng kiếm tìm kiếm của người sử dụng trên SERPs.

Breadcrumb ko khó khăn sử dụng, mặc dù nhằm sử dụng breadcrumb cực tốt tất cả một số điểm cần để ý như làm sao nhằm breadcrumb đích thực có lợi cho người cần sử dụng, kiến tạo breadcrumb hài hòa và hợp lý cùng với tổng quan liêu của website, thực hiện breadcrumb biến hóa năng động nhằm bổ sung cập nhật tính năng quan trọng cho những người sử dụng.

Bạn gồm thắc mắc và dấn xét đến ngôn từ trên? Hãy vướng lại phản hồi làm việc bên dưới cho công ty chúng tôi nhé.