Bạn có bao giờ cảm thấy lạc trong một trang web lớn không? Breadcrumb sẽ giúp bạn định hướng và dễ dàng tìm hiểu được cấu trúc của website. Terus sẽ chia sẻ cho bạn những thông tin về Breadcrumb ngay trong bài viết này!
Breadcrumb là một tập hợp các liên kết giúp người dùng xác định vị trí của họ trong cấu trúc trang web. Thuật ngữ này liên quan đến câu chuyện cổ Grimm về Hansel và Gretel, trong đó hai đứa trẻ tìm về nhà bằng cách rải những mẩu bánh mỳ vụn.Đây cũng là nhiệm vụ của thanh điều hướng đối với người dùng và SEO. Một cách hiệu quả để giúp người dùng tìm thấy vị trí của họ trên một trang web có cấu tạo phức tạp hoặc chứa nhiều nội dung là breadcrumb navigation, giúp họ dễ dàng di chuyển giữa các trang.
| Tiện dụng | Thanh điều hướng là công cụ hỗ trợ người dùng điều hướng trang web. Breadcrumb giúp người dùng tìm kiếm trên một trang web lớn với nhiều nội dung hơn so với cấu trúc của trang web. |
| Cắt giảm số lượng click và cách trở lại các trang cấp cao | Người dùng có thể dễ dàng di chuyển đến các category hoặc tổ chức cao hơn trên trang web bằng cách sử dụng thanh điều hướng thay vì sử dụng nút “Quay trở lại” hoặc nút trên menu của trang web. |
| Giảm bounce rate | Các điều hướng thanh điều hướng là một cách hữu hiệu để thúc đẩy người dùng xem nội dung của một trang web sau khi họ đã xem trang đích. Các liên kết breadcrumb sẽ đưa người dùng đến các phân trang khác và cung cấp thông tin liên quan cho họ. Điều này nói chung giúp giảm tỷ lệ thoát trang. |
Để tăng lượng anchor text có gắn keyword trên trang web, nhiều người làm SEO sử dụng breadcrumb. Tuy nhiên, nếu bị lạm dụng, kỹ thuật này có thể làm giảm trải nghiệm người dùng (UX), điều này thì không bao giờ là tốt.
Trong một số trường hợp, breadcrumb của bạn có thể được hiển thị trên kết quả tìm kiếm (SERP), tăng khả năng người dùng nhấp vào kết quả của bạn giữa các kết quả tìm kiếm khác. Điều này là quan trọng hơn.
Theo tôi, thanh điều hướng có ba loại chính:
Ngoài ra, thanh điều hướng dựa trên vị trí cho phép người dùng biết họ đang ở đâu trong hệ thống phân cấp của trang web. Loại thanh điều hướng này phù hợp nhất với các trang web có nội dung được chia thành nhiều tầng (ít nhất hai).
Breadcrumb dựa trên thuộc tính thể hiện thuộc tính của một trang web. Các website thương mại điện tử thường sử dụng loại thanh điều hướng này. Ví dụ, một chiếc SUV có màu đen và được ra mắt vào năm 2010.
Breadcrumb theo đường dẫn (path-based) chỉ ra các bước, hoặc đường dẫn mà người dùng đã đi qua để truy cập đến một trang cụ thể.
Mặc dù thanh điều hướng không khó sử dụng, nhưng để nó hoạt động tốt nhất, bạn nên tuân thủ một số nguyên tắc cơ bản:
Việc sử dụng breadcrumb để truy cập các trang video chi tiết là một sai lầm trên trang web cũ của website chia sẻ video.Trước khi tiếp tục, người dùng phải quay trở lại trang video category nếu họ muốn truy cập các phần khác của trang web ngoài các liên kết trên thanh điều hướng.
Một lỗi phổ biến khi triển khai thanh điều hướng là sử dụng chúng khi chúng không mang lại lợi ích gì cho trang web, như ví dụ bên dưới, người dùng có top menu, breadcrumb và điều hướng theo tab, trong đó điều hướng tab và đường dẫn có nội dung không nhất quán
Để xác định xem thanh điều hướng có mang lại lợi ích cho một trang web hay không, hãy tạo một site map hoặc hành trình khách hàng để xem breadcrumb sẽ cải thiện khả năng truy cập thông tin của người dùng trên trang web như thế nào.
Để giúp tìm bookmark nhanh hơn, Breadcrumb tương tác của Delicious cho phép bạn loại bỏ các mục trong thanh điều hướng.