Xin chào các chủ shop online, lại là chuyên gia từ Bán Hàng WordPress đây! Hôm nay, chúng ta sẽ nói về một yếu tố nhỏ nhưng có tác động cực kỳ lớn đến cả khách hàng và Google: Breadcrumbs.
Bạn có bao giờ vào một siêu thị lớn và cảm thấy lạc lõng, không biết mình đang ở khu vực nào không? Breadcrumbs trên website cũng giống như những tấm biển chỉ dẫn trong siêu thị đó, giúp khách hàng luôn biết họ đang ở đâu và dễ dàng quay lại các trang trước đó. Đối với một website bán hàng có hàng trăm, hàng ngàn sản phẩm được phân loại phức tạp, đây là một tính năng không thể thiếu.
Trong bài viết này, tôi sẽ hướng dẫn bạn từ A-Z cách kích hoạt và tối ưu “dải bánh mì” quyền năng này.
Lợi ích của breadcrumbs đối với website bán hàng
Trước khi đi vào phần kỹ thuật, hãy cùng xem tại sao bạn nên dành thời gian cho Breadcrumbs.
Cải thiện trải nghiệm người dùng (ux)
Đây là lợi ích lớn nhất. Breadcrumbs giúp người dùng xác định vị trí của họ trên trang web của bạn một cách nhanh chóng. Ví dụ, một đường dẫn như Trang chủ > Quần áo nam > Áo thun cho khách hàng biết họ đang xem sản phẩm áo thun trong danh mục quần áo nam. Nếu muốn xem các loại quần áo nam khác, họ chỉ cần nhấp vào “Quần áo nam” thay vì phải dùng nút “Back” của trình duyệt hoặc tìm lại trên menu chính. Điều này làm giảm tỷ lệ thoát trang và giữ chân khách hàng lâu hơn.
Tăng cường hiệu quả seo
Google yêu thích những website có cấu trúc rõ ràng, và breadcrumbs là một công cụ tuyệt vời để làm điều đó.
- Giúp Google hiểu cấu trúc website: Breadcrumbs tạo ra một hệ thống liên kết nội bộ (internal link) mạch lạc, giúp các bot của Google dễ dàng thu thập dữ liệu và hiểu được mối quan hệ phân cấp giữa các trang.
- Hiển thị trong kết quả tìm kiếm: Google thường sử dụng breadcrumbs để hiển thị trong kết quả tìm kiếm (SERP), thay thế cho URL thông thường. Điều này không chỉ làm cho kết quả của bạn trông chuyên nghiệp hơn mà còn giúp người dùng hiểu rõ hơn về trang đích, từ đó tăng tỷ lệ nhấp chuột (CTR).
Cách kích hoạt và tối ưu breadcrumbs trong wordpress
Có nhiều cách để thêm breadcrumbs vào website WordPress. Dưới đây là 3 phương pháp phổ biến và hiệu quả nhất mà tôi thường tư vấn cho khách hàng.
Sử dụng plugin seo phổ biến
Đây là cách đơn giản và được khuyến khích nhất vì có thể bạn đã cài đặt sẵn một trong hai plugin này rồi.
Với Yoast SEO:
- Trong trang quản trị WordPress, vào Yoast SEO > Cài đặt > Nâng cao > Đường dẫn.
- Gạt nút Bật đường dẫn sang trạng thái bật.
- Bạn có thể tùy chỉnh các mục như ký tự phân cách, văn bản neo cho trang chủ, v.v.
- Cuối cùng, bạn cần thêm một đoạn code nhỏ vào file theme của mình. Truy cập Giao diện > Sửa file giao diện. Tìm đến file
header.phphoặcpage.php(tùy thuộc vào theme) và chèn đoạn code sau vào vị trí bạn muốn breadcrumbs hiển thị:PHP<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb( '<p id="breadcrumbs">','</p>' ); } ?>Lưu ý: Luôn sao lưu website trước khi chỉnh sửa code.
Với Rank Math SEO:
- Trong trang quản trị, vào Rank Math > General Settings > Breadcrumbs.
- Bật chức năng Enable Breadcrumbs function.
- Tương tự Yoast, Rank Math cũng cung cấp nhiều tùy chọn để bạn tùy chỉnh.
- Chèn đoạn code sau vào file theme của bạn:
PHP
<?php if (function_exists('rank_math_the_breadcrumb')) rank_math_the_breadcrumb(); ?>
Kích hoạt từ theme (flatsome, astra, etc.)
Nhiều theme hiện đại, đặc biệt là các theme chuyên về bán hàng như Flatsome, Astra, WoodMart… đã tích hợp sẵn chức năng breadcrumbs. Đây là cách tiện lợi nhất vì bạn không cần đụng đến code.
Hãy vào Tùy biến giao diện (Customize) > [Tìm đến mục Page Header, Header, hoặc WooCommerce] > Breadcrumbs và tìm tùy chọn để bật nó lên. Mỗi theme sẽ có vị trí cài đặt khác nhau, nhưng thường chúng nằm trong phần cài đặt về đầu trang hoặc trang sản phẩm.
Sử dụng plugin chuyên dụng
Nếu bạn không dùng các plugin SEO trên và theme cũng không hỗ trợ, bạn có thể cài đặt một plugin chuyên dụng như Breadcrumb NavXT. Sau khi cài đặt và kích hoạt, bạn vào Cài đặt > Breadcrumb NavXT để cấu hình và cũng cần chèn một đoạn code tương tự vào theme.
Một số lưu ý khi tối ưu breadcrumbs
Kích hoạt thôi là chưa đủ, bạn cần đảm bảo breadcrumbs hoạt động hiệu quả.
Giữ cho breadcrumbs ngắn gọn và hợp lý
Đường dẫn breadcrumbs nên phản ánh đúng cấu trúc danh mục của bạn, không nên quá dài và phức tạp. Ví dụ: Trang chủ > Đồ điện tử > Điện thoại > Apple > iPhone 15 Pro Max là một cấu trúc tốt.
Không thay thế menu chính
Hãy nhớ, breadcrumbs là công cụ điều hướng phụ. Nó không thể thay thế cho menu chính của website.
Thiết kế dễ nhìn và không gây xao nhãng
Breadcrumbs nên được đặt ở vị trí dễ thấy, thường là bên dưới header và phía trên tiêu đề trang. Sử dụng kích thước chữ nhỏ hơn nội dung chính và màu sắc không quá nổi bật để tránh làm người dùng phân tâm.
Kiểm tra hiển thị trên di động
Với hơn 60% lưu lượng truy cập đến từ di động, hãy đảm bảo breadcrumbs của bạn hiển thị tốt trên màn hình nhỏ, không bị vỡ layout hoặc chiếm quá nhiều diện tích.
Lời kết
Breadcrumbs là một chi tiết nhỏ nhưng lại là một trong những cách dễ dàng và hiệu quả nhất để nâng cao chất lượng website bán hàng WordPress của bạn. Nó vừa giúp khách hàng có trải nghiệm mua sắm tốt hơn, vừa là một điểm cộng lớn trong mắt Google.
Hãy kiểm tra website của bạn ngay hôm nay. Nếu chưa có breadcrumbs, đừng chần chừ mà hãy áp dụng ngay theo các bước hướng dẫn trên nhé! Chúc các bạn kinh doanh thành công!