Breadcrumb còn được gọi là Breadcrumb trail. Đây là một thẻ điều hướng có nhiều đường dẫn phân cấp được đặt ở đầu trang.
Bạn đã biết gì về Breadcrumb? Công dụng của nó như thế nào đối với website? Mời bạn cùng tham khảo chia sẻ sau của Hosting Việt để tìm được giải đáp cho các vấn đề này nhé.
Breadcrumb là gì?
Breadcrumb là 1 tập hợp những liên kết giúp người dùng xác định vị trí hiện tại của mình trong cấu trúc site. Thuật ngữ này gắn với câu chuyện cổ Grimm: Hansel và Gretel, trong đó 2 đứa trẻ đã rải những mẩu bánh mỳ vụn (breadcrumb) dọc đường để tìm về nhà.
Đây cũng chính là nhiệm vụ của breadcrumb trong User Experience của website và SEO. Trong một website có cấu tạo phức tạp hoặc chứa nhiều nội dung, breadcrumb navigation là một cách hiệu quả để giúp người dùng định vị vị trí trong website và giúp việc di chuyển giữa các trang thuận tiện hơn.
Breadcrumb có vai trò gì trong SEO?
a) Breadcrumb tiện dụng với người dùng
– Tiện dụng cho người dùng: Breadcrumb là công cụ hỗ trợ để người dùng điều hướng một trang web. Đối với một website lớn với nhiều nội dung, breadcrumb giúp người dùng định vị bản thân so với cấu trúc toàn site
– Giảm số click và thao tác để quay trở lại các trang cấp cao: Thay vì sử dụng nút “Back” hoặc top menu của website để quay trở lại trang cấp cao hơn, người dùng có thể sử dụng breadcrumb và dễ dàng di chuyển đến các category hoặc tổ chức cao hơn trong website
– Giảm bounce rate: Các điều hướng của breadcrumb là một phương pháp hữu hiệu để khuyến khích người truy cập kiểm tra nội dung của một website sau khi đã xem trang đích. Các liên kết của breadcrumb sẽ dẫn người dùng đến các phân trang khác và cung cấp những thông tin liên quan. Điều này giúp làm giảm tỷ lệ thoát trang nói chung.
b) Breadcrumb có tác dụng đặc biệt với SEO
Rất nhiều người làm SEO dùng breadcrumb như một cách tăng lượng anchor text có gắn keyword trên website; tuy nhiên nếu bị lạm dụng, kĩ thuật này có thể làm giảm UX (trải nghiệm người dùng), và việc này thì không bao giờ là tốt.
Quan trọng hơn, trong một vài trường hợp, breadcrumb của bạn có thể hiện lên trên kết quả tìm kiếm (SERPs), tăng khả năng người dùng click vào kết quả của bạn giữa những kết quả tìm kiếm khác
Lợi ích của việc sử dụng Breadcrumbs Navigation
Những website cũ trước đây, ở dạng đơn giản, bạn không thấy nhiều trang dùng breadcrumbs. Nhưng đến nay, đa số web hiện tại, nhất là những trang có quy mô lớn, kết cấu phân loại thành nhiều tầng nội dung, thì việc sử dụng hợp lý thanh điều hướng phụ này sẽ đem lại nhiều tác dụng.
Cụ thể như sau:
1. Giúp người đọc hình dung được họ đang ở đâu trong website
Điều này rất đúng với những website lớn. Khi nhìn vào thanh breadcrumbs, người dùng hiểu ngay được trang hiện tại nằm ở đâu trong cấu trúc chung của toàn site.
Và họ cũng có thể di chuyển đến những thư mục nội dung phía trên để tìm thông tin mà mình cần.
Ngoài ra, việc xuất hiện breadcrumbs đúng vị trí cũng làm cho website nhìn chuyên nghiệp hơn.
Những điều này góp phần vào việc cải thiện trải nghiệm người dùng, cũng là 1 trong các cách làm SEO hiệu quả.
2. Cung cấp đường link nhanh đến thư mục cấp cao hơn
Bằng việc vào trang thư mục chứa bài viết hiện tại, người đọc sẽ tìm ngay được những trang tương tự.
Chẳng hạn với thanh điều hướng của bài viết này, nếu bạn muốn xem các bài viết khác tương tự trong Blog, thì chỉ cần nhấp vào link đó, sẽ tìm được toàn bộ các bài viết trong thư mục.
Hoặc trong trường hợp này trên 1 site về tour du lịch:
Thì từ trang hiện tại về Tour du lịch Hà Giang 3 ngày 2 đêm, bạn có thể quan và tìm kiếm những tour khác trong thư mục trên đó, chẳng hạn như Tour trong nước, tour ở Miền Bắc, hay chỉ những tour ở Hà Giang.
Rõ ràng, việc bố trí dẫn hướng như vậy, cùng với những công cụ khác, sẽ giúp người dùng di chuyển và tìm kiếm được dễ dàng và thuận tiện hơn. Từ đó cải thiện trải nghiệm người dùng (User Experience).
3. Giảm tỷ lệ thoát trang (Bounce Rate)
Thông thường, người dùng vào trang nhờ kết quả tìm kiếm trên Google. Tại đó, họ nhìn thấy thanh breadcrumbs, trước – trong – hoặc sau khi đọc thông tin trên trang. Nhiều khả năng nếu họ quan tâm thì sẽ tiếp tục nhấp vào đường link trong breadcrumbs để tìm đến trang danh mục ở cấp độ cao hơn, để tìm những trang có nội dung tương tự trong thư mục.
Trong trường hợp như vậy, breadcrumbs đã khuyến khích đưa người dùng sang 1 trang khác. Điều này giúp giảm tỉ lệ Bounce Rate của toàn site – là phần trăm số lượng người vào website và rời đi, mà không nhấn vào xem tiếp thêm nội dung gì nữa.
Đây cũng là 1 trong những tiêu chí SEO rất quan trọng: giảm tỷ lệ bỏ trang trung bình của site.
4. Có tác động tích cực đến Google
Breadcrumbs không chỉ có tác dụng tích cực với người dùng, mà còn cả với các công cụ tìm kiếm.
Thực tế, Google đánh giá cao việc sử dụng thanh điều hướng breadcrumbs này một cách hợp lý. Nghĩa là công cụ này có thể ảnh hưởng tích cực đến thứ hạng trên kết quả tìm kiếm (chính là mục đích của SEO).
Cách sử dụng Breadcumb tối ưu cho website
Mặc dù có nhiều lợi ích đối với SEO và sự phát triển của trang web, tuy nhiên nếu bạn sử dụng không đúng cách thì sẽ không tận dụng được các hiệu quả do Breadcrumbs mang lại.
Vì thế, để trách mắc phải sai sót này, bạn cần chú ý các nguyên tắc tối ưu thẻ điều hướng như sau:
- Breadcrumbs hướng đến người dùng
Bạn nên ưu tiên đặt lợi ích của người truy cập website khi tạo Breadcrumbs. Tránh việc lạm dụng quá nhiều thẻ điều hướng và nhồi nhé từ khóa làm gây ảnh hưởng đến trải nghiệm của người dùng. Điều này rất dễ dẫn đến tình trạng thoát trang, rời bỏ trang, giảm lượng truy cập…
- Vị trí của Breadcrumbs
Breadcrumbs thường được đặt ở đầu trang, trên tiêu đề. Nếu có thanh top navigation thì thẻ điều hướng sẽ ở bên dưới nó. Do đây là vị trí dễ nhìn thấy, đồng thời, cũng thuận tiện cho việc người dùng click vào xem nội dung.
- Thiết kế Breadcrumbs phù hợp
Kích thước của Breadcrumbs phải hợp lý và phù hợp với tổng thể trang web. Một Breadcrumbs lý tưởng sẽ không chiếm quá nhiều diện tích hay quá nổi bật. Bởi nó sẽ khiến người truy cập chỉ chú ý đến thẻ điều hướng mà bỏ qua tope menu, page title.
Tiếp đến, bạn cũng không nên chèn link điều hướng đến chính nó. Thay vào đó, khi ở vị trí trang đang xem, bạn ghi và in đậm đề mục để người truy cập biết.
- Quan hệ giữa thẻ điều hướng Breadcrumbs và main navigation hay top menu
Bản chất của Breadcrumbs là hệ thống navigation phụ, đóng vai trò để người truy cập biết vị trí hiện tại của họ trên website. Trong khi đó, navigation hay top menu cho phép người dùng có thể điều hướng tốt hơn. Vì thế, Breadcrumbs không thể hoàn toàn thay thế main navigation hay top menu. Do đó, dù sử dụng Breadcrumbs nhưng bạn cũng đừng quên xây dựng main navigation hay top menu đầy đủ, thu hút.
4 cách tạo Breadcrumb cho WordPress
Có khá nhiều cách giúp bạn tạo Breadcrumb cho WordPress nên mình không chắc cách nào phù hợp với bạn, vì vậy mình sẽ hướng dẫn bạn 4 cách khác nhau để bạn dễ dàng lựa chọn.
Cách 1: Dùng một Theme WordPress có tích hợp Breadcrumb
Cách tạo Breadcrumb đơn giản nhất là tận dụng những tính năng có sẵn trên các theme WordPress.
Các nhà phát triển Theme rất nhạy bén và lắng nghe người dùng của họ, vì vậy một tính năng hay ho như breadcrumb khả năng cao sẽ được cách chuyên gia tích hợp ngay trong theme.
Với một số theme thì Breadcrumb đã được hiển thị cố định nên hầu như bạn không phải làm gì khác.
Tuy nhiên với một số theme thì bạn có thể bật tắt trong mục customize của WordPress hoặc bảng tùy chỉnh riêng của nó.
Cách 2: Tạo Breadcrumb bằng Yoast SEO
Yoast SEO được biết đến là một trong những plugin SEO tốt nhất trên thị trường vì vậy thật may mắn khi nó cũng hỗ trợ tạo breadcrumb một cách dễ dàng trên WordPress của bạn.
Điều trước tiên cần làm hãy chắc chắn bạn đã cài đặt và cấu hình Yoast SEO.
Bây giờ bạn hãy thực hiện SEO » Search Appearance » Breadcrumbs.
Sau đó bạn sẽ thấy một số tùy chỉnh cho Breadcrumb, bạn có thể giữ nguyên hoặc với site tiếng việt thì có thể việt hóa các từ ngữ. Cá nhân mình rất lười biếng nên dù có làm site nào thì cũng giữ nguyên như vậy.
Đừng quên kéo xuống lưu lại những thay đổi vừa rồi.
Tiếp đó trên giao diện quản trị WordPress chọn Appearance -> Customize và chọn mục tùy chỉnh Beardcrumb.
Hãy chọn vị trí hiển thị phù hợp trên WordPress, mình khuyên bạn nên chọn After header để hiển thị ngay dưới vị trí của phần đầu trang.
Theo mặc định thì Breadcrumb sẽ hiển thị trên tất cả các loại trang của Website, tuy nhiên thực tế thì điều này không cần thiết. Bạn chỉ cần cho phép breadcrumb có mặt trên các bài viết là đủ.
Vì vậy mình khuyên bạn nên chọn Disable tất cả và để lại mục Blog/Posts page & Single Post.
Cuối cùng nhấn Publish để lưu lại.
Giờ thì hãy tìm đến một bài viết bất kỳ và kiểm tra vị trí breadcrumb hiển thị.
Trong một số trường hợp WordPress của bạn không hiển thị như ý muốn hãy dùng đoạn mã sau dán vào cuối tệp header.php của theme bạn đang dùng.
Cách 3: Tạo Breadcrumb bằng plugin breadcrumb NavXT
Trong trường hợp bạn không dùng Yoast SEO hoặc muốn có nhiều tùy chỉnh hơn thì cách này rất hữu ích cho bạn.
Đầu tiên bạn cần đi đến Directory của WordPress sau đó nhập vào ô tìm kiếm từ khóa “Breadcrumb NavXT”.
Sau khi kích hoạt hãy đi đến phần cấu hình cho plugin này bằng cách chọn Settings -> Breadcrumb NavXT.
Bạn sẽ thấy khá nhiều tùy chọn mà không thể tìm thấy ở Yoast SEO.
Nếu lướt qua một chút bạn sẽ thấy các liên kết sử dụng tham số schema.org chiếm phần lớn không gian cấu hình – thứ vốn rất quan trọng trong hiển thị nội dung kết quả tìm kiếm của Google.
Về cơ bản bạn chỉ cần giữ nguyên tất cả, hoặc nếu có thời gian bạn có thể vọc vạch cách tùy chọn để hiểu rõ hơn về cách hiển thị, nhưng tốt nhất bạn đừng chạm đến khu vực mã schema.
Khi thực hiện bất kỳ thay đổi nào bạn hãy nhớ lưu lại.
Giờ thì hãy chọn Appreance -> Customize -> Breadcrumb.
Tiếp đó hãy chọn vị trí hiển thị After header chọn nguồn Breadcrumb NavXT. Giờ thì nó sẽ hiện thị trên hầu hết các trang của bạn. Nếu như bạn muốn tắt Breadcrumb ở những trang đặc biệt thì có thể tick chọn disable vào vị trí tương ứng.
Cuối cùng nhấn Publish và thưởng thức Breadcrumb WordPress mới của bạn.
Cách 4: Sử dụng Breadcrumb của trình tạo chủ đề WordPress
Trình tạo chủ đề là những con quá vật về mặt thiết kế, chính vì vậy một tính năng như breadcrumb cũng không có gì khó khăn với nó.
Nếu bạn sử dụng các Theme Builder như Elementor Pro, Divi Theme Builder, Beaver Builder, Thrive Theme Builder thì chúng sẽ có một modules với tên “Breadcrumb” cho phép bạn thêm vào WordPress một cách dễ dàng.
Ví dụ Thrive Theme Builder có một element cho phép bạn thêm breadcrumb chỉ bằng thao tác kéo thả đơn giản.
Riêng Elementor Pro thì widget breadcrumb chỉ hiện khi bạn cài đặt Yoast SEO và bật nó trong tùy chọn cấu hình.
Sài Gòn Kết Nối – Mở Lối Thành Công
Chúng tôi là những người đã hoạt động nhiều năm trong lĩnh vực đào tạo marketing online, seo, quản trị website vì vậy Sài Gòn Kết Nối hiểu rằng của bạn phải làm gì để đột phá trong lĩnh vực seo và marketing online. Hãy liên hệ với chúng tôi để có được những giải pháp marketing tốt nhất.
Thông tin liên hệ:
CÔNG TY TNHH CÔNG NGHỆ SÀI GÒN KẾT NỐI
Địa chỉ: 60 An Nhơn, Phường 17, Quận Gò Vấp, TP. Hồ Chí Minh.
Điện Thoại : 0979220223 (Ms. Hoa)
Website: saigonketnoi20@gmai.com
Email: https://saigonketnoi.vn/
