Cách sử dụng Breadcrumbs trong thiết kế web để cải thiện điều hướng. Bằng cách triển khai các đường mòn breadcrumb, bạn có thể cho phép khách truy cập điều hướng đến các trang cấp cao nhất của trang web chỉ bằng một cú nhấp chuột.
Breadcrumbs cũng có thể giúp khách truy cập tìm thấy chính xác nội dung họ đang tìm kiếm, ngay cả khi trang web của bạn trải dài hàng trăm trang khác nhau.
Breadcrumbs trong thiết kế web là gì?
Breadcrumbs thường có dạng các liên kết được sắp xếp theo chiều ngang, cách nhau bởi biểu tượng lớn hơn (>). Biểu tượng này cho biết mức độ của mỗi trang, liên quan đến tất cả các liên kết khác xuất hiện trong đường mòn breadcrumbs.
Có một số cách mà bạn có thể thêm breadcrumbs vào trang web của mình. Ví dụ, nếu bạn đang sử dụng Yoast SEO plugin, bạn có thể thêm breadcrumbs vào bất kỳ trang nào bằng cách sử dụng tiện ích breadcrumbs Elementor. Bạn có thể bật cài đặt breadcrumbs của Yoast bằng cách điều hướng đến SEO > Tìm kiếm xuất hiện > Breadcrumbs.
Sau khi bật tính năng này, một widget breadcrumbs mới sẽ xuất hiện trong trình chỉnh sửa Elementor. Bạn có thể kéo và thả widget này vào bất kỳ khu vực nào trong khu vực của khung vẽ của mình.
Elementor sẽ tự động hiển thị breadcrumbs của bạn. Sau đó, bạn có thể tùy chỉnh chúng để bổ sung cho thiết kế trang web của mình, bao gồm thay đổi văn bản và màu liên kết cũng như thuật in máy.
3 loại điều hướng Breadcrumb và cách sử dụng Breadcrumb
Đường mòn Breadcrumb thường có thể được chia thành ba loại: vị trí hoặc thứ bậc, đường dẫn và thuộc tính. Mỗi loại có điểm mạnh và điểm yếu riêng, vì vậy hãy khám phá chúng một cách chi tiết.
Breadcrumbs dựa trên vị trí
Breadcrumbs dựa trên vị trí hoặc phân cấp đại diện cho cấu trúc của trang web. Nếu trang web của bạn có hai hoặc nhiều cấp độ phân cấp, nó có thể giúp bao gồm vụn bánh mì dựa trên vị trí trong thiết kế web của bạn.
Cách sử dụng Breadcrumbs dựa trên vị trí nếu khách truy cập thường xuyên vào trang web của bạn ở mức độ sâu hơn.
Ví dụ: người tiêu dùng có thể tìm kiếm một sản phẩm cụ thể trên Google và sau đó nhập trang web của bạn tại trang sản phẩm đó. Đối với khách hàng mới này, Breadcrumbs dựa trên vị trí có thể cung cấp cái nhìn sâu sắc hữu ích về cách cấu trúc trang web của bạn.
Breadcrumbs dựa trên đường dẫn
Breadcrumbs dựa trên đường dẫn được tạo ra một cách năng động. Điều này có nghĩa là họ hiển thị đường dẫn mà khách truy cập đã đi để đến trang web hiện tại.
Cách sử dụng Breadcrumbs trong thiết kế web, chúng tôi khuyên bạn nên tiếp cận loại này một cách thận trọng. Khách truy cập có xu hướng nhảy từ trang này sang trang khác, điều này có thể dẫn đến một con đường mòn Breadcrumbs hỗn loạn và vô ích.
Hầu hết các trình duyệt web cũng cung cấp nút Back, vì vậy Breadcrumbs dựa trên đường dẫn của bạn có thể đóng góp rất ít cho trải nghiệm của khách truy cập.
Breadcrumbs dựa trên thuộc tính
Breadcrumbs dựa trên thuộc tính hiển thị tất cả các thuộc tính mà người tiêu dùng đã chọn. Các trang web thương mại điện tử Cách sử dụng Breadcrumbs dựa trên thuộc tính để giúp khách truy cập hiểu cách họ đến với sản phẩm hiện tại.
Webvocuc
Cảm ơn bạn đã theo dõi bài viết của Webvocuc.com! Cập nhật các bài viết khác từ Webvocuc để biết thêm nhiều thông tin mới nhất về thiết kế website chuyên nghiệp và marketing online.
- Tham khảo các gói dịch vụ thiết kế website tại webvocuc.vn
- Tham khảo thêm gói chăm sóc web và chạy quảng cáo hiệu quả tại webvocuc.com
