Breadcrumb Là Gì

  -  

1. Breadcrumb là gì?

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

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

Đây cũng chính là nhiệm vụ của breadcrumb trong User Experience của website cùng SEO. Trong một trang web có cấu trúc phức tạp hoặc chứa đựng nhiều nội dung, breadcrumb navigation là một cách tác dụng để giúp fan dùng định vị vị trí trong website cùng giúp việc dịch chuyển giữa các trang tiện lợi hơn.


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

a) Breadcrumb tiện lợi với bạn dùng

- một thể dụng cho tất cả những người dùng: Breadcrumb là công cụ hỗ trợ để người tiêu dùng điều phía một trang web. Đối với một website lớn với nhiều nội dung, breadcrumb giúp người tiêu dùng định vị bạn dạng thân so với kết cấu toàn site

- bớt số click và thao tác làm việc để cù trở lại các trang cấp cho cao: cố gắng vì thực hiện nút "Back" hoặc đứng đầu menu của website để trở về trang cao cấp hơn, fan dùng rất có thể sử dụng breadcrumb và tiện lợi di đưa đến các category hoặc tổ chức triển khai cao hơn trong website

b) Breadcrumb có tác dụng đặc biệt cùng với SEO

Rất nhiều người làm SEO cần sử dụng breadcrumb như một phương pháp tăng lượng anchortext có đính thêm keyword bên trên website; mặc dù nếu bị lân dụng, kĩ thuật này rất có thể làm sút UX (trải nghiệm fan dùng), và bài toán này thì không lúc nào là tốt.

Quan trọng hơn, vào một vài trường hợp, breadcrumb của chúng ta cũng có thể hiện lên trên hiệu quả tìm kiếm (SERPs), tăng tài năng người dùng click vào tác dụng của chúng ta giữa những tác dụng tìm kiế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 người dùng biết họ đang chỗ nào trong khối hệ thống phân cung cấp của website.

Loại breadcrumb này dùng rất tốt cho các website mà ngôn từ được chia các tầng (>=2).

*

ii) Breadcrumb theo ở trong tính.

Attribute-based breadcrumb trình bày thuộc tính của một page trong website.

Loại breadcrumb này đặc biệt quan trọng phổ biến trong những trang web thương mại dịch vụ điện tử. Ví dụ, một mẫu xe rất có thể được phân các loại như một cái SUV kèm theo những thuộc tính là màu black và được phạt hành trong những năm 2010.

*

iii) Breadcrumb theo đường dẫn

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

*

Trong ba loại breadcrumb thì breadcrumb theo băng thông ít thịnh hành nhất hơn cả, do bản chất chức năng này giống như nút “Back”, với không cho tất cả những người dùng biết vị trí tương so với cả cấu tạo site.

4. áp dụng breadcrumb trong thực tế

Sử dụng breadcrumb không khó, cơ mà để dùng breadcrumb xuất sắc nhất, bao gồm một vài phương pháp cơ bạn dạng cần tuân thủ:

a) Breadcrumb là hệ thống navigation phụ và không thể sửa chữa thay thế main navigation/ đứng đầu menu.

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

*

b) Breadcrumb phải mang đến lợi ích cho người dùng

Một lỗi phổ cập khi thực hiện breadcrumb là sử dụng khi chúng chẳng có lại ích lợi nào mang lại website, như lấy ví dụ như dưới, người dùng có đứng đầu menu, breadcrumb với navigation bởi tab, trong những số ấy tab navigation với breadcrumb ko thống độc nhất vô nhị về phương diện nội dung

*

Cách cực tốt để khẳng định xem breadcrumb gồm mang lại lợi ích cho một website hay là không là kiến tạo một site maps hoặc visitor flow để khẳng định breadcrumb sẽ cải thiện khả năng của người tiêu dùng như cố nào để điều phối thông tin vào website

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

- Breadcrumb thường xuất hiện phía bên trên nửa đầu của trang, tức thì dưới top navigation bar (nếu có) cùng ở trên page title

- Breadcrumb bớt cấp theo đồ vật bậc: ban đầu từ trang chủ và đi theo từng cung cấp từ cao nhất đến thấp độc nhất theo từng bước.

Xem thêm: Units Là Gì ? Nghĩa Của Từ : Units

*

- Breadcrumb cần phải có kích độ lớn hợp lý, ko chiếm vô số diện tích, và tránh việc lấy sự chú ý khỏi đứng top menu và title của page.

*

- vết hiệu tách hyperlink cho breadcrumb yêu cầu thống nhất

Phổ vươn lên là nhất là hình tượng > theo mẫu: Parent category > Child category .

Overstock.comsử dụng dấu ">" và áp dụng checkbox cho các thuộc tính thành phầm để người dùng hoàn toàn có thể filter sản phẩm

*

d) xây đắp breadcrumb ưa nhìn và hài hòa với kiến tạo tổng quan liêu của site.

Breadcrumb liên hệ củaDeliciouscho phép bạn dùng loại bỏ các mục vào breadcrumb để giúp đỡ tìm thấy các bookmarks cấp tốc hơn.

*

Thiết kế breadcrumb theo một phong cách cân xứng với thi công chung của website.

IDEO

*

e) Những tác dụng khác của breadcrumb

- cung cấp các quy trình có tương đối nhiều bước

Statement Trackersử dụng breadcrumb nhằm chỉ ra quá trình liên quan lúc đăng kí một tài khoản.

*

Flickr sử dụng breadcrumb nhằm chỉ ra những phần giới thiệu trong Flickr tour.

*

- Đóng vai navigation bar vấp ngã sung: dropdown xuống navigation phụ (Sub-Navigation)

*

- trí tuệ sáng tạo với breadcrumb

Booreilandsử dụng một điều hướng breadcrumb cho menu chính cho phép khách truy cập hiểu nhanh đông đảo gì mà người ta đang xem.

*

Kết luận

Breadcrumblà 1 dạng thực đơn tập vừa lòng những link giúp người dùng xác định vị trí tương đối của mình trong cấu trúc site. Breadcrumb đến mộttrải nghiệm người dùng thân thiệnhơn và khi hiện tại trên kết quả tìm kiếm có thể làmtăng click through ratecho hiệu quả tìm kiếm của người tiêu dùng trên SERPs.

Breadcrumb không cạnh tranh sử dụng, tuy nhiên để sử dụng breadcrumb rất tốt có một trong những điểm cần để ý như làm sao để breadcrumb thực sự hữu dụng cho tín đồ dùng, thi công breadcrumb hài hòa với tổng quan liêu của website, sử dụng breadcrumb biến hóa năng động để bổ sung chức năng quan trọng cho bạn dùng.

Xem thêm: Cho Thuê Tài Chính Là Gì ? Các Sản Phẩm Cho Thuê Tài Chính Phân Biệt Giữa Thuê Tài Chính Và Thuê Hoạt Động

Bạn có thắc mắc và dìm xét về văn bản trên? Hãy để lại comment ở bên dưới cho chúng tôi nhé.