1. Breadcrumb là gì?

Breadcrumb là 1 trong những tập hợp rất nhiều links giúp người dùng xác xác định trí bây chừ của bản thân vào cấu tạo site. Thuật ngữ này đính thêm cùng với câu chuyện cổ Grimm: Hansel cùng Gretel, trong những số đó 2 đứa ttốt sẽ rải đầy đủ mẩu bánh mỳ vụn (breadcrumb) dọc con đường nhằm tìm đến bên.

Bạn đang xem: Breadcrumb là gì

Đây cũng đó là trách nhiệm của breadcrumb trong User Experience của website với SEO. Trong một website gồm cấu tạo phức hợp hoặc đựng được nhiều ngôn từ, breadcrumb navigation là một trong cách kết quả để giúp đỡ người tiêu dùng xác định vị trí trong website với góp câu hỏi dịch rời giữa những trang thuận lợi hơn.


2. Breadcrumb bao gồm vai trò gì trong SEO?

a) Breadcrumb tiện lợi với những người dùng

- Tiện dụng cho người dùng: Breadcrumb là phương tiện hỗ trợ nhằm người tiêu dùng điều phối một website. Đối với 1 trang web Khủng với khá nhiều nội dung, breadcrumb góp người tiêu dùng định vị bản thân so với cấu tạo toàn site

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

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

Rất không ít người dân làm cho SEO dùng breadcrumb như một bí quyết tăng lượng anchortext tất cả thêm keyword bên trên website; mặc dù nếu bị lạm dụng, kỹ năng này hoàn toàn có thể làm sút UX (thử khám phá tín đồ dùng), và câu hỏi này thì ko lúc nào là giỏi.

Quan trọng hơn, trong một vài ngôi trường hòa hợp, breadcrumb của bạn cũng có thể hiện lên bên trên tác dụng tìm kiếm kiếm (SERPs), tăng khả năng người dùng cliông chồng vào hiệu quả của công ty trong những hiệu quả search tìm khác

*

3. Các một số loại breadcrumb?

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

i) Breadcrumb theo vị trí

Hay location-based breadcrumb: cho tất cả những người dùng biết họ vẫn nơi đâu vào khối hệ thống phân cấp của website.

Loại breadcrumb này cần sử dụng cực tốt mang đến phần đông trang web cơ mà văn bản được phân tách các tầng (>=2).

*

ii) Breadcrumb theo trực thuộc tính.

Attribute-based breadcrumb biểu lộ ở trong tính của một page vào website.

Loại breadcrumb này đặc trưng thông dụng trong số trang web thương thơm mại năng lượng điện tử. ví dụ như, một chiếc xe rất có thể được phân một số loại nhỏng một chiếc SUV hẳn nhiên các thuộc tính là màu đen với được kiến tạo trong thời hạn 2010.

*

iii) Breadcrumb theo con đường dẫn

Breadcrumb theo đường truyền (path-based) chỉ ra rằng quá trình, hoặc băng thông cơ mà người tiêu dùng đang trải qua để truy vấn đến một trang cụ thể.

*

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

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

Sử dụng breadcrumb ko khó, mà lại nhằm sử dụng breadcrumb cực tốt, bao gồm một vài qui định cơ bản cần tuân thủ:

a) Breadcrumb là hệ thống navigation prúc với không thể thay thế sửa chữa main navigation/ top thực đơn.

Website cũ của video clip sharing website mefeedia mắc phải sai lạc thực hiện breadcrumb là navigation độc nhất vô nhị trong các trang đoạn Clip chi tiết. Người sử dụng hy vọng vào những phần khác của site không tính các links trên breadcrumb buộc phải baông xã lại trang video category trước lúc đi tiếp

*

b) Breadcrumb buộc phải mang lại lợi ích cho những người dùng

Một lỗi phổ cập Lúc triển khai breadcrumb là sử dụng Khi bọn chúng chẳng mang đến ích lợi nào đến trang web, như ví dụ bên dưới, người dùng gồm top thực đơn, breadcrumb và navigation bằng tab, trong đó tab navigation với breadcrumb ko thống độc nhất vô nhị về mặt nội dung

*

Cách tốt nhất có thể nhằm xác định xem breadcrumb tất cả mang lại ích lợi cho 1 trang web hay không là kiến tạo một site map hoặc visitor flow nhằm xác minh breadcrumb đã nâng cấp kỹ năng của người tiêu dùng ra sao nhằm điều phối báo cáo vào website

c) Tiêu chuẩn tạo nên breadcrumb:

- Breadcrumb thường xuất hiện thêm bên trên nửa đầu của trang, tức thì bên dưới top navigation bar (giả dụ có) và ở trên page title

- Breadcrumb sút cấp theo sản phẩm bậc: bước đầu từ trang chủ và theo từng cung cấp từ bỏ tối đa đến thấp độc nhất vô nhị theo từng bước một.

Xem thêm: Brainstem Là Gì ? Nghĩa Của Từ Brainstem Trong Tiếng Việt Brainstem Là Gì

*

- Breadcrumb cần phải có size hợp lí, không chỉ chiếm không ít diện tích, và tránh việc rước sự để ý ngoài top menu với title của page.

*

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

Phổ biến hóa duy nhất là biểu tượng > theo mẫu: Parent category > Child category .

Overstoông xã.comsử dụng dấu ">" với thực hiện checkbox cho những ở trong tính sản phẩm nhằm người tiêu dùng hoàn toàn có thể filter sản phẩm

*

d) Thiết kế breadcrumb bắt mắt và hài hòa và hợp lý với kiến thiết tổng quan của site.

Breadcrumb can hệ củaDeliciousđược cho phép người tiêu dùng vứt bỏ những mục vào breadcrumb sẽ giúp search thấy các bookmarks nkhô cứng hơn.

*

Thiết kế breadcrumb theo một phong thái cân xứng cùng với thi công tầm thường của website.

IDEO

*

e) Những công dụng không giống của breadcrumb

- Hỗ trợ các các bước có tương đối nhiều bước

Statement Trackerthực hiện breadcrumb để chỉ ra công việc tương quan lúc đăng kí một tài khoản.

*

Flickr áp dụng breadcrumb nhằm đã cho thấy các phần trình làng trong Flickr tour.

*

- Đóng vai navigation bar té sung: dropdown xuống navigation prúc (Sub-Navigation)

*

- Sáng tạo nên cùng với breadcrumb

Booreilandsử dụng một điều hướng breadcrumb mang đến thực đơn chủ yếu chất nhận được khách truy cập gọi nkhô hanh hầu hết gì mà người ta đang coi.

*

Kết luận

Breadcrumblà 1 dạng thực đơn tập hợp phần nhiều liên kết giúp người tiêu dùng xác xác định trí tương đối của chính mình trong cấu trúc site. Breadcrumb mang lại mộtthử dùng người dùng thân thiệnrộng với Khi hiện tại bên trên hiệu quả tra cứu kiếm có thể làmtăng cliông chồng through ratemang đến công dụng kiếm tìm tìm của công ty trên SERPs.

Breadcrumb không nặng nề thực hiện, tuy vậy để dùng breadcrumb cực tốt bao gồm một số trong những vấn đề cần chú ý nlỗi làm thế nào nhằm breadcrumb thực sự có lợi cho người cần sử dụng, xây dựng breadcrumb hợp lý với tổng quan của trang web, áp dụng breadcrumb biến hóa năng động nhằm bổ sung cập nhật chức năng quan trọng cho người sử dụng.

Quý Khách gồm câu hỏi cùng nhận xem về câu chữ trên? Hãy còn lại phản hồi sống bên dưới mang lại chúng tôi nhé.

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *