BREAD CRUMBS LÀ GÌ

1. Breadcrumb là gì?

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

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ới SEO. Trong một trang web bao gồm cấu trúc tinh vi hoặc chứa được nhiều câu chữ, breadcrumb navigation là 1 trong phương pháp hiệu quả sẽ giúp đỡ người tiêu dùng định vị địa chỉ vào website với giúp việc di chuyển giữa những trang dễ dàng rộng.


2. Breadcrumb tất cả vai trò gì vào SEO?

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

- Tiện dụng cho người dùng: Breadcrumb là mức sử dụng hỗ trợ để người dùng điều phối một trang web. Đối với cùng 1 website Khủng với rất nhiều nội dung, breadcrumb giúp người dùng xác định phiên 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 làm việc để trở về các trang cấp cao: Ttuyệt vày áp dụng nút "Back" hoặc top thực đơn của website để quay trở lại trang cung cấp cao hơn, người tiêu dùng rất có thể sử dụng breadcrumb với dễ ợt dịch chuyển mang lại các category hoặc tổ chức triển khai cao hơn nữa trong website

b) Breadcrumb bao gồm tác dụng đặc trưng cùng với SEO

Rất đa số người làm cho SEO dùng breadcrumb như một biện pháp tăng lượng anchor text gồm lắp từ khoá bên trên website; mặc dù nếu như bị lạm dụng, kinh nghiệm này rất có thể làm cho sút UX (yên cầu tín đồ dùng), và bài toán này thì không bao giờ là giỏi.

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

*

3. Các loại breadcrumb?

Có 3 các loại breadcrumb chính:

i) Breadcrumb theo vị trí

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

Loại breadcrumb này sử dụng rất tốt cho đều trang web nhưng mà câu chữ được phân chia những tầng (>=2).

*

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

Attribute-based breadcrumb mô tả thuộc tính của một page trong trang web.

Loại breadcrumb này quan trọng đặc biệt phổ biến trong các trang web thương mại năng lượng điện tử. ví dụ như, một mẫu xe cộ hoàn toàn có thể được phân một số loại nhỏng một chiếc SUV kèm theo những trực thuộc tính là color đen cùng được xuất bản trong thời điểm 2010.

*

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

Breadcrumb theo đường dẫn (path-based) đã cho thấy công việc, hoặc băng thông mà người tiêu dùng vẫn trải qua nhằm truy cập đến một trang ví dụ.

*

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

4. Sử dụng breadcrumb vào thực tế

Sử dụng breadcrumb không cực nhọc, nhưng mà để cần sử dụng breadcrumb rất tốt, gồm một vài bề ngoài cơ phiên bản cần tuân thủ:

a) Breadcrumb là hệ thống navigation phụ cùng quan trọng thay thế sửa chữa main navigation/ top thực đơn.

Website cũ của video sharing website mefeedia mắc phải sai lạc áp dụng breadcrumb là navigation nhất trong số trang đoạn Clip cụ thể. Người dùng hy vọng vào những phần không giống của site ngoại trừ các liên kết trên breadcrumb nên back lại trang video clip category trước lúc đi tiếp

*

b) Breadcrumb nên mang lại tác dụng cho những người dùng

Một lỗi phổ cập Lúc tiến hành breadcrumb là áp dụng Khi bọn chúng chẳng mang đến công dụng như thế nào mang lại trang web, nlỗi ví dụ bên dưới, người tiêu dùng tất cả top thực đơn, breadcrumb cùng navigation bởi tab, trong số đó tab navigation và breadcrumb không thống độc nhất vô nhị về khía cạnh nội dung

*

Cách tốt nhất để xác định coi breadcrumb gồm đem đến công dụng cho 1 website hay là không là xây dựng một site bản đồ hoặc visitor flow nhằm khẳng định breadcrumb đang nâng cấp năng lực của người sử dụng như thế nào để điều hướng báo cáo trong website

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

- Breadcrumb thường xuyên xuất hiện phía 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 ngơi nghỉ bên trên page title

- Breadcrumb bớt cấp cho theo trang bị bậc: bắt đầu từ bỏ trang chủ và đi theo từng cấp cho trường đoản cú tối đa mang đến phải chăng tuyệt nhất theo từng bước.

Xem thêm: Cách Chơi Game Trên Máy Tính Casio Fx 570Vn Plus Nph Channel

*

- Breadcrumb cần có kích cỡ phù hợp, không chiếm quá nhiều diện tích, và tránh việc mang sự chú ý khỏi top thực đơn cùng title của page.

*

- Dấu hiệu bóc tách hyperlink mang lại breadcrumb đề xuất thống nhất

Phổ biến chuyển tuyệt nhất là hình tượng > theo mẫu: Parent category > Child category .

Overstochồng.comthực hiện vệt ">" cùng thực hiện checkbox cho các trực thuộc tính sản phẩm nhằm người tiêu dùng rất có thể filter sản phẩm

*

d) Thiết kế breadcrumb ưa nhìn cùng hài hòa và hợp lý cùng với thiết kế tổng quan tiền của site.

Breadcrumb ảnh hưởng củaDeliciouschất nhận được người tiêu dùng loại bỏ những mục vào breadcrumb sẽ giúp đỡ tìm thấy những bookmarks nhanh hao rộng.

*

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

IDEO

*

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

- Hỗ trợ những tiến trình có rất nhiều bước

Statement Trackerthực hiện breadcrumb nhằm chỉ ra quá trình liên quan khi đăng kí một thông tin tài khoản.

*

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

*

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

*

- Sáng chế tác với breadcrumb

Booreilandáp dụng một điều hướng breadcrumb mang đến menu thiết yếu cho phép khách hàng truy cập gọi nkhô cứng gần như gì mà họ sẽ xem.

*

Kết luận

Breadcrumblà 1 trong những dạng menu tập vừa lòng hồ hết links góp người dùng xác xác định trí tương đối của chính mình vào cấu tạo site. Breadcrumb mang đến mộthưởng thụ người dùng thân thiệnhơn với Lúc hiện nay bên trên hiệu quả kiếm tìm tìm hoàn toàn có thể làmtăng clichồng through ratemang lại tác dụng tìm kiếm của khách hàng bên trên SERPs.

Breadcrumb không cạnh tranh áp dụng, tuy vậy nhằm dùng breadcrumb tốt nhất tất cả một số trong những vấn đề cần chú ý nlỗi làm thế nào nhằm breadcrumb thực thụ hữu dụng cho tất cả những người cần sử dụng, xây đắp breadcrumb hợp lý cùng với tổng quan liêu của website, sử dụng breadcrumb năng động nhằm bổ sung công dụng cần thiết cho những người sử dụng.

Bạn gồm câu hỏi và nhấn xét đến nội dung trên? Hãy còn lại comment nghỉ ngơi bên dưới cho công ty chúng tôi nhé.