Breadcrumbs là gì?
Breadcrumbs là các yếu tố điều hướng tạo ra một chuỗi giúp người dùng và các bot tìm kiếm hiểu rõ hơn về trang và vị trí của nó trên website. Chúng thường xuất hiện ở đầu trang web.
Dưới đây là một ví dụ về cách breadcrumbs có thể trông như thế nào:
Điều hướng breadcrumbs có tên gọi từ câu chuyện cổ tích Hansel và Gretel, trong đó các nhân vật tạo ra một chuỗi breadcrumbs để quay lại bước đi của họ.
Tuy nhiên, breadcrumbs không nhất thiết phản ánh hành trình của người dùng đến trang. Ví dụ, một người dùng có thể theo một liên kết trực tiếp đến trang quần áo nam của Eddie Bauer như đã nêu ở trên. Nhưng họ vẫn sẽ thấy cùng một liên kết breadcrumbs.
Hầu hết các website nên triển khai breadcrumbs, đặc biệt nếu chúng chứa nhiều phân mục con.
Tại sao Breadcrumbs lại quan trọng cho SEO?
Breadcrumbs không ảnh hưởng trực tiếp đến thứ hạng, nhưng việc triển khai chúng vẫn có thể mang lại lợi ích cho SEO của bạn. Dưới đây là cách chúng ảnh hưởng đến website của bạn:
Cải thiện Liên kết Nội bộ và Khả năng Thu thập Dữ liệu
Điều hướng breadcrumbs sử dụng liên kết nội bộ để hướng dẫn cả người dùng và các công cụ tìm kiếm qua website của bạn. Điều này giúp các trang dễ dàng được phát hiện và xuất hiện trong kết quả tìm kiếm.
Kirill Sajaev, người sáng lập của công ty SEO AUQ, cho biết đội ngũ của anh sử dụng breadcrumbs để cải thiện khả năng điều hướng và thu thập dữ liệu cho các khách hàng có nhiều trang dịch vụ và công cụ không phù hợp với điều hướng chính hoặc chân trang.
Mỗi trang công cụ riêng lẻ được đưa vào một danh mục, và mỗi danh mục được đưa vào danh sách công cụ chính (được thêm vào chân trang của website). Như sau:
- Trang danh sách công cụ chính
- Trang danh mục công cụ
- Trang công cụ riêng lẻ
Kirill lưu ý rằng cách tiếp cận này cực kỳ hữu ích để giúp các trang được lập chỉ mục bởi Google:
“Người dùng chính của những breadcrumbs này là các bot của Google, điều này rất hữu ích vì chúng tôi cũng có thể thêm schema markup vào những breadcrumbs này. Vì vậy, ngay cả khi cấu trúc URL của chúng tôi không lý tưởng, chúng tôi vẫn có thể chỉ rõ cách mà Google nên nghĩ về nội dung của chúng tôi.”
Nếu bạn triển khai breadcrumbs bằng cách sử dụng schema BreadcrumbList, điều này cũng có thể ảnh hưởng đến khả năng hiển thị của website bạn trong tìm kiếm bằng AI.
Zach Paruch, Chiến lược gia Nội dung SEO tại Semrush, giải thích rằng dữ liệu có cấu trúc dường như đóng vai trò trong khả năng của LLM để đọc và hiểu nội dung.
“Những 'chuỗi' này giúp LLM dễ dàng nắm bắt và nhớ nội dung—và phục vụ nó khi người dùng đặt câu hỏi liên quan.”
Cải thiện Trải nghiệm Người Dùng
Breadcrumbs cho phép người dùng nhanh chóng định hướng trên website của bạn, điều này đơn giản hóa việc điều hướng để cải thiện trải nghiệm người dùng (UX) và giảm khả năng thoát.
Điều này cũng có ý nghĩa đối với SEO.
Chương trình Navboost, một phần của thuật toán xếp hạng của Google, sử dụng hành vi thực tế của người dùng để ảnh hưởng đến thứ hạng. Điều này bao gồm việc người dùng có nhanh chóng quay lại kết quả tìm kiếm từ một trang web hay không.
Vì vậy, khi người dùng dành nhiều thời gian hơn trên website của bạn, điều đó cho thấy nội dung của bạn là hữu ích. Và nó có thể xếp hạng cao hơn như một kết quả.
Chỉ cần biết rằng sự tương tác tốt hơn không phải là một đảm bảo. Nếu bạn còn phân vân về việc triển khai breadcrumbs trên toàn bộ website, hãy thực hiện một bài kiểm tra A/B để xem liệu chúng có ảnh hưởng đáng kể đến sự tương tác của người dùng hay không.
Anton Shaban, Trưởng bộ phận SEO tại MEDvidi, phát hiện rằng breadcrumbs không mang lại lợi ích nhiều cho blog của MEDvidi.
“Dưới 0,5% khách truy cập đã nhấp vào các liên kết breadcrumbs, vì vậy chúng tôi đã gỡ bỏ chúng.”
Các Loại Breadcrumbs cho Website
Trước khi bạn thêm breadcrumbs vào website của mình, hãy xem xét loại nào bạn sẽ triển khai:
Breadcrumbs Dựa trên Hệ thống Phân cấp
Breadcrumbs dựa trên hệ thống phân cấp cho biết người dùng đang ở đâu trên trang web của bạn dựa trên cấu trúc website. Loại này thường hiển thị trang hiện tại, trang con mà trang hiện tại thuộc về, và tiếp tục cho đến khi đến trang chủ.
Dưới đây là một ví dụ từ ASOS:
Breadcrumbs phân cấp rất hữu ích cho những người dùng đến từ tìm kiếm tự nhiên. Bởi vì chúng cho phép người dùng dễ dàng khám phá các nội dung liên quan khác.
Breadcrumbs Dựa trên Thuộc Tính
Breadcrumbs dựa trên thuộc tính hiển thị những gì các mục trên trang có điểm chung. Chúng thường xuất hiện trên các trang thương mại điện tử cùng với breadcrumbs phân cấp.
Dưới đây là một ví dụ:
Breadcrumbs Dựa trên Lịch Sử
Breadcrumbs dựa trên lịch sử hoặc đường dẫn hiển thị con đường độc đáo của bạn đến một trang cụ thể. Thay vì phác thảo hệ thống phân cấp của website, chúng chỉ hiển thị các trang mà bạn đã truy cập cho đến nay.
Sẽ rất khó để tìm thấy một website có breadcrumbs dựa trên đường dẫn ngày nay. Và nếu một website có sử dụng chúng, thường thì chúng chỉ như một nút quay lại đưa bạn đến trang trước đó mà bạn đã ở.
Chúng tôi không khuyến nghị cả hai tùy chọn vì người dùng có thể làm điều tương tự bằng trình duyệt web của họ.
Đó là lý do tại sao bạn không thường thấy những loại breadcrumbs này. Các nhà thiết kế website ưa chuộng các loại điều hướng breadcrumbs có nhiều chức năng hơn.
5 Thực tiễn Tốt nhất cho Breadcrumbs
Khi thiết kế điều hướng breadcrumbs cho website của bạn, hãy tuân theo các thực tiễn tốt nhất dưới đây.
1. Làm cho Chúng Dễ Nhìn
Breadcrumbs nên dễ nhìn mà không gây cản trở, và điều đó thường có nghĩa là đặt chúng ở góc trên bên trái của trang.
Dưới đây là một ví dụ từ blog của Plaid:
2. Bao gồm Đường Dẫn Đầy Đủ
Điều hướng breadcrumb của bạn nên bao gồm toàn bộ đường dẫn từ trang chủ hoặc trang danh mục chính đến điểm đến hiện tại. (Có thể có nhiều bước hơn tùy thuộc vào cấu trúc trang web của bạn.) Điều này cho phép khách truy cập theo dõi lại bước đi của họ và nhanh chóng quay trở lại những phần quan trọng của trang web.
Điều này đặc biệt quan trọng trên di động vì điều hướng chính thường bị ẩn sau menu hamburger. Đây là một ví dụ:
Bằng cách này, người dùng di động chỉ cần một lần chạm để quay lại danh mục “Phụ nữ”.
3. Sử dụng Định dạng Nhất quán
Breadcrumb nên xuất hiện theo định dạng nhất quán để tạo trải nghiệm duyệt web dễ dàng cho người dùng.
Bạn có thể làm cho breadcrumb nhất quán bằng cách:
- Sử dụng cùng một ký hiệu phân cách giữa các cấp (ví dụ: “/”, “>”, hoặc “→”)
- Đảm bảo rằng màu chữ và màu liên kết phù hợp với hướng dẫn hình ảnh của bạn và trông giống nhau trên các trang
- Áp dụng cùng một loại breadcrumb (ví dụ: dựa trên phân cấp hoặc thuộc tính) trên toàn bộ trang web của bạn
4. Đừng Liên kết đến Trang Hiện tại
Breadcrumb không nên liên kết đến trang hiện tại vì những liên kết như vậy không có mục đích. Và chúng có thể gây nhầm lẫn cho người dùng vì chúng không dẫn họ đến nơi khác.
Nhưng bạn nên liệt kê trang hiện tại trong đường dẫn breadcrumb để giúp người dùng hiểu vị trí của họ.
Điều này cũng tốt cho SEO vì bạn có thể đề cập đến một từ khóa chính (từ khóa chính) một cách tự nhiên. Việc tích hợp các thuật ngữ mà bạn đang nhắm đến theo cách này giúp các công cụ tìm kiếm hiểu rằng trang của bạn liên quan đến một số truy vấn nhất định.
5. Thêm và Xác minh Schema Breadcrumb
Việc thêm schema breadcrumb giúp các công cụ tìm kiếm hiểu cấu trúc trang web của bạn và cách các trang liên quan đến nhau.
Sau khi bạn thêm schema markup breadcrumb vào trang web của mình, hãy thực hiện một cuộc kiểm tra để kiểm tra xem nó đã được định dạng đúng chưa.
Bạn có thể làm điều này với công cụ Site Audit của Semrush.
Khi bạn thiết lập dự án và quét trang web của mình, bạn sẽ thấy một bảng điều khiển với các báo cáo theo chủ đề. Nhấp vào “Xem chi tiết” bên dưới “Markup.”
Dưới “Structured Data Items,” tìm “Breadcrumb.” Và kiểm tra xem bạn có bất kỳ mục không hợp lệ nào trong cột “Invalid”.
Nếu bạn thấy bất kỳ lỗi nào, hãy nhấp vào số liên kết để xem danh sách các lỗi và các URL bị ảnh hưởng. Từ đây, bạn có thể nhấp vào các mũi tên thả xuống trong cột “Affected Fields” để tìm các trường cụ thể cần được sửa chữa.
Cách Triển khai Breadcrumb trong WordPress
Người dùng WordPress có thể triển khai breadcrumb bằng cách cài đặt một chủ đề hỗ trợ chúng ngay từ đầu.
Hoặc bạn có thể sử dụng một plugin như Yoast SEO.
Để cài đặt, hãy đi đến “Plugins” > “Thêm Plugin.”
Tìm kiếm “Yoast” và nhấp vào “Cài đặt ngay.”
Sau khi plugin được cài đặt, nhấp vào “Kích hoạt.”
Tiếp theo, bạn cần thêm một đoạn mã vào chủ đề của mình. Nếu bạn không thoải mái với việc thực hiện các thay đổi kỹ thuật trên trang web của mình, hãy nhờ một nhà phát triển giúp đỡ.
Để tiếp tục, hãy sao chép đoạn mã dưới đây và dán nó vào chủ đề của bạn nơi bạn muốn breadcrumb hiển thị.
<?phpif ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb( '</p><p id="breadcrumbs">','</p><p>' );}?>
Sau đó, hãy đi đến “Yoast SEO” > “Cài đặt” từ thanh bên. Sau đó, chọn “Nâng cao” > “Breadcrumbs.”
Tại đây, bạn có thể cấu hình breadcrumb của mình và tùy chỉnh cách chúng xuất hiện trên trang web của bạn.
Khi bạn đã sẵn sàng để công bố các thay đổi, hãy nhấp vào công tắc bên cạnh “Bật breadcrumb cho chủ đề của bạn.”
Triển khai Breadcrumb để Cải thiện Trải nghiệm Người Dùng và SEO
Breadcrumb loại bỏ sự cản trở trong điều hướng cho khách truy cập và giữ họ ở lại trang web của bạn lâu hơn. Vì vậy, trang web của bạn trông có ích hơn đối với các công cụ tìm kiếm và có thể xếp hạng cao hơn.
Nhưng breadcrumb chỉ là một khía cạnh nhỏ của SEO. Bạn cần xem xét backlink, quyền lực chủ đề, hiệu suất kỹ thuật và nhiều hơn nữa.
Semrush cung cấp các bộ công cụ SEO và tiếp thị nội dung được hỗ trợ bởi AI để giúp bạn tối ưu hóa mọi phần của trang web. Khám phá chúng với một tài khoản miễn phí.
Đưa góc nhìn thành kế hoạch.
Chia sẻ website và mục tiêu để LionTech tư vấn giải pháp phù hợp.
Đăng ký tư vấn ↗