Bạn sẽ nghe đến thuật ngữ Breadcrumb rất nhiều khi xây dựng website, đặc biệt là các website thương mại điện tử — eCommerce hoặc những website có cấu trúc trang lớn, nhiều tầng và nhiều cấp nội dung.

Vậy Website Breadcrumb là gì?

Breadcrumb là một thuật ngữ phổ biến dùng để mô tả “dấu vết đường đi” cho biết người dùng đã đến các trang khác nhau trong website như thế nào.

Bạn sẽ nghe đến thuật ngữ này rất nhiều khi xây dựng website, đặc biệt là các website thương mại điện tử — eCommerce hoặc những website có cấu trúc trang lớn, nhiều tầng và nhiều cấp nội dung.

Có thể hiểu đơn giản, breadcrumb giống như một “đường dẫn vụn bánh mì” giúp người dùng tìm đường quay lại “nhà” — tức các trang cấp cao hơn hoặc trang chính trong hệ thống website.

Người dùng website sử dụng Breadcrumb như thế nào?

Các chủ doanh nghiệp thường có xu hướng tập trung rất nhiều vào trang chủ. Và đúng là trang chủ là một landing page rất quan trọng của website.

Tuy nhiên, điều mà không phải ai cũng nhận ra là: phần lớn người dùng truy cập website của bạn có thể không hề bắt đầu từ trang chủ.

Họ có thể truy cập vào một trang bên trong, chẳng hạn như trang dịch vụ, trang sản phẩm hoặc một bài viết blog.

Vì vậy, khi người dùng đến một trang nội bộ như vậy, breadcrumb giúp họ nhìn thấy “đường dẫn” để biết mình đang ở đâu, trang này thuộc phần nào của website, và họ có thể nhấp vào các liên kết để đi đến những trang liên quan khác.

Breadcrumb là một công cụ rất có giá trị đối với người dùng.

Ví dụ về Breadcrumb trên website

Breadcrumb có thể hiển thị theo dạng như sau:

Trang chủ > Dịch vụ > Thiết kế website > Thiết kế website WordPress

Hoặc với website thương mại điện tử:

Trang chủ > Thời trang nữ > Túi xách > Túi xách da

Nhờ vậy, người dùng dễ dàng hiểu được họ đang ở đâu trong cấu trúc website và có thể quay lại các danh mục cấp trên chỉ bằng một cú nhấp chuột.

Nhưng nếu website của bạn có cấu trúc khá phẳng, không có nhiều tầng nội dung hoặc không có quá nhiều trang thì sao?

Bạn vẫn có cần breadcrumb không?

Câu trả lời là: Có. Hoàn toàn có.

Vì sao website vẫn nên có Breadcrumb?

John Mueller — một trong những nhân vật nổi bật của Google trong lĩnh vực tìm kiếm — từng nói vào năm 2021 rằng breadcrumb là công cụ giúp công cụ tìm kiếm tìm thấy internal links — liên kết nội bộ và rich/structured data — dữ liệu phong phú / dữ liệu có cấu trúc trên website.

Tuy nhiên, ông cũng nói thêm rằng vị trí đặt breadcrumb không quá quan trọng.

Breadcrumb về bản chất là một chức năng phục vụ site architecture — kiến trúc website và là một tùy chọn điều hướng thay thế.

Vì vậy, mặc dù breadcrumb rất quan trọng và website của bạn nên có breadcrumb, vị trí hiển thị của chúng không nhất thiết phải theo cách truyền thống nếu bạn cảm thấy chúng có thể ảnh hưởng tiêu cực đến trải nghiệm người dùng.

Lợi ích của Breadcrumb là gì?

Những lợi ích khi sử dụng breadcrumb trên website bao gồm:

• Cung cấp một tùy chọn điều hướng thay thế, giúp website dễ sử dụng hơn.
• Giúp người dùng biết họ đang ở đâu trong website.
• Hỗ trợ công cụ tìm kiếm hiểu những trang nào trên website là quan trọng và cấu trúc website được tổ chức ra sao.
• Giúp giảm bounce rate — tỷ lệ thoát trang. Đây là lợi ích rất lớn. Một breadcrumb nhỏ có thể dễ dàng dẫn người dùng đến nơi họ muốn đi, thay vì khiến họ rời khỏi trang vì cảm thấy bị lạc.

Mẹo triển khai Breadcrumb hiệu quả

1. Sử dụng đúng từ khóa cho thuật ngữ chính

Hãy dùng từ khóa phù hợp cho trang hoặc danh mục chính.

Ví dụ, nếu website của bạn là một công ty luật, hãy dùng breadcrumb là: Law Firm — Công ty luật

thay vì một từ chung chung như: Home — Trang chủ

2. Đặt breadcrumb ở đầu trang

Đây là vị trí tiêu chuẩn mà người dùng đã quen thuộc.

Khi breadcrumb nằm ở đầu trang, người dùng có thể nhanh chóng nhận biết mình đang ở đâu và dễ dàng điều hướng sang các trang cấp trên.

3. Giữ breadcrumb có ý nghĩa, ngắn gọn và đơn giản

Các mục trong breadcrumb nên rõ nghĩa nhưng không nên quá dài.

Ví dụ, thay vì viết: Những dịch vụ thiết kế website chuyên nghiệp dành cho doanh nghiệp vừa và nhỏ

nên rút gọn thành: Thiết kế website

Breadcrumb cần giúp người dùng hiểu nhanh, không phải đọc một câu dài.

4. Không liên kết đến chính trang hiện tại

Breadcrumb nên luôn dẫn người dùng rời khỏi trang hiện tại đến một trang khác trong cấu trúc website.

Vì vậy, mục cuối cùng trong breadcrumb — tức trang người dùng đang xem — không nhất thiết phải là liên kết có thể nhấp.

5. Sử dụng liên kết dạng văn bản, không dùng hình ảnh

Breadcrumb nên được tạo bằng text links — liên kết văn bản, không nên dùng hình ảnh.

Điều này giúp người dùng, trình đọc màn hình và công cụ tìm kiếm hiểu breadcrumb tốt hơn.

6. Bổ sung Breadcrumb Schema

Bạn nên thêm breadcrumb schema vào website.

Đây là một dạng structured data — dữ liệu có cấu trúc giúp Google và các công cụ tìm kiếm hiểu rõ hơn cấu trúc đường dẫn trên website của bạn.

Breadcrumb schema cũng có thể giúp đường dẫn website hiển thị rõ ràng và chuyên nghiệp hơn trên trang kết quả tìm kiếm.

Kết luận

Breadcrumb tuy chỉ là một thành phần nhỏ trong giao diện website, nhưng lại có vai trò rất quan trọng đối với cả trải nghiệm người dùng lẫn SEO.

Nó giúp người dùng biết họ đang ở đâu, dễ dàng quay lại các trang cấp trên, giảm cảm giác bị lạc và tăng khả năng họ tiếp tục ở lại website.

Đồng thời, breadcrumb cũng giúp công cụ tìm kiếm hiểu rõ hơn về cấu trúc website, hệ thống liên kết nội bộ và mối quan hệ giữa các trang.

Nếu bạn muốn tìm hiểu sâu hơn về phần kỹ thuật của breadcrumb, đặc biệt là breadcrumb schema và cách triển khai, bạn có thể tham khảo tài liệu từ Google Search Central.

Nguồn:: 📝 TMĐT Bảo Minh Ân | 📸 Unsplash