Breadcrumbs là chi tiết được nhắc đến trong truyện cổ Grimm. Truyện kể về hai đứa trẻ là Hansel và Gretel đi vào khu rừng, và Hansel đã rải vụn bánh mì (Breadcrumbs) trên suốt chặng đường đi để cả hai có thể tìm được đường về nếu bị lạc. Trong truyện cổ là vậy, còn trong SEO, Breadcrumbs là gì, liệu chúng có đơn giản chỉ là vụn bánh mì? Bạn sẽ tìm được câu trả lời trong bài viết bên dưới của Forza.
Nhưng trước hết, bạn cần hiểu rõ khái niệm thuật ngữ này là gì?
Mục lục:
Tổng quan về Breadcrumbs
Breadcrumbs là một loại thẻ điều hướng với nhiều đường link phân cấp khác nhau. Breadcrumbs thường được đặt ở đầu trang và đặt kế tiếp nhau nhằm giúp người dùng biết họ đang ở vị trí nào trong site và tìm kiếm các mục trong trang dễ hơn ngay cả khi chỉ mới truy cập vào website lần đầu tiên. Bên cạnh đó Breadcrumbs còn giúp Google nhận diện được cấu trúc trang web của bạn.
Ví dụ bên dưới sẽ giúp bạn hình dung rõ hơn về Breadcrumbs.
Nhìn vào hình bên trên, người dùng sẽ biết mình đang ở mục con Kiến thức Marketing trong mục lớn Kiến thức SEO.
Vậy có bao nhiêu loại Breadcrumbs hiện đang được sử dụng?
Các loại Breadcrumbs phổ biến
Có 3 loại Breadcrumbs chính thường được các website áp dụng.
Breadcrumbs theo vị trí (Location Breadcrumbs)
Location Breadcrumbs hay Location Based Breadcrumbs có tác dụng giúp người dùng biết được vị trí hiện tại của họ trên website. Đây là loại Breadcrumbs phổ biến và thường được sử dụng nhất hiện nay.
Breadcrumbs theo thuộc tính (Attribute breadcrumbs)
Attribute Breadcrumbs hay Attribute Based Breadcrumbs có nhiệm vụ thể hiện các thuộc tính của trang chủ, trang con trong trang web, tương tự như danh mục sản phẩm.
Trong các trang thương mại điện tử, loại Breadcrumbs này đặc biệt phổ biến. Vì các website dạng này thường sở hữu lượng sản phẩm khổng lồ và có nhiều tiêu chí cần phân loại.
Ví dụ với mặt hàng là Điện thoại di động, website có thể phân loại sản phẩm như mức giá, hãng sản xuất,… và hiển thị kết quả thông tin qua Attribute Breadcrumbs..
Breadcrumbs theo đường dẫn (Path Breadcrumbs)
Path Breadcrumbs là loại Breadcrumbs theo đường dẫn. Công dụng của chúng là hiển thị cho người dùng các chuyên mục hay đường dẫn mà họ đã xem qua.
Trên thực tế, loại Breadcrumbs này vẫn chưa được sử dụng rộng rãi do tính năng mà nó cung cấp cho người dùng cũng tương tự nút Back trên thanh công cụ. Hơn nữa, khi sử dụng Breadcrumbs theo đường dẫn cho website, người dùng khó có thể nhận biết được chính xác vị trí của mình trong cấu trúc trang web.
Giờ thì bạn đã hiểu được cơ bản khái niệm cũng như những dạng phổ biến của Breadcrumbs là gì. Vậy trong SEO, chúng quan trọng thế nào?
Vai trò của Breadcrumbs
Tiện lợi với người dùng
Breadcrumbs là một công cụ hữu hiệu trong việc điều hướng người dùng và gia tăng trải nghiệm của họ trên trang web.
Giúp người dùng biết vị trí hiện tại
Breadcrumbs không chỉ ảnh hưởng đến trang web mà còn có tác động lớn đến trải nghiệm của người dùng khi truy cập vào trang. Breadcrumbs giúp người dùng hiểu được cấu trúc trang web và biết được vị trí hiện tại của họ. Đồng thời có thể di chuyển giữa các trang trong site dễ dàng hơn.
Giảm lượt click và thao tác để quay lại trang trước
Breadcrumbs giúp người dùng tìm kiếm thông tin họ cần trong trang web với ít thao tác nhất. Đồng thời chúng còn thay thế cho nút Back trên website để quay lại các trang trước. Hoặc dùng chúng để di chuyển đến các category trong site.
Chẳng hạn khi bạn muốn tìm hiểu về lịch sử của tập đoàn Nestle. Bạn sẽ truy cập trang web của họ, đến trang Về Chúng Tôi và cuối cùng là trang lịch sử tập đoàn. Bạn hoàn toàn có thể dễ dàng điều hướng quay lại trang chủ một cách dễ dàng nhờ vào Breadcrumbs như hình bên dưới.
Đối với website
Breadcrumbs có vai trò rất quan trọng đối với website và đặc biệt là đối với SEO. Việc thiết lập Breadcrumbs xuất hiện đúng vị trí cũng giúp giao diện của website nhìn chuyên nghiệp hơn. Đây cũng là cách làm SEO hiệu quả.
Giảm Bounce Rate và Exit Rate
Tỷ lệ thoát không phải là yếu tố xếp hạng trực tiếp nhưng nó cũng tác động không ít trong quá trình SEO cho trang web. Tính năng điều hướng của Breadcrumbs là phương pháp rất hữu hiệu nhằm tạo thuận lợi cho người dùng có thể xem thêm những bài viết liên quan khác trên trang web sau khi đã tìm hiểu bài viết của trang nào đó trong site.
Điều này giúp giảm rõ rệt tỷ lệ bỏ trang (Bounce Rate) và tỷ lệ thoát trang (Exit Rate) của trang web.
Gia tăng tỷ lệ nhấp chuột (CTR)
Hầu hết trang web đã cài đặt Breadcrumbs trên trang và có cấu trúc site rõ ràng sẽ được Google hiển thị thanh Breadcrumbs thay cho đường dẫn URL của trang trên bảng xếp hạng kết quả tìm kiếm. Breadcrumbs được hiển thị ngay trên thẻ Meta description sẽ gia tăng cơ hội được người dùng click vào giúp trang web gia tăng đáng kể lượng người dùng click vào trang (CTR).
Tăng mật độ từ khóa cần nhấn mạnh cho trang
Nhiều người làm SEO đang dùng Breadcrumbs như một cách để tăng lượng Anchor text có gắn từ khóa trên trang web. Tuy nhiên, nếu quá lạm dụng việc này có thể khiến người dùng cảm thấy khó chịu.
Cải thiện xếp hạng trang web
Google xác nhận Breadcrumbs không chỉ giúp điều hướng người dùng mà còn giúp công cụ tìm kiếm có cách nhìn rõ hơn về cấu trúc của website, hỗ trợ công cụ tìm kiếm như Google đánh giá trang web một cách hiệu quả hơn.
Với những lợi ích “béo bở” mà Breadcrumbs mang lại, chắc bạn sẽ không còn thắc mắc tầm quan trọng trong SEO của Breadcrumbs là gì nữa. Nhưng nếu không có tính năng này, website của bạn có hoạt động ổn định không?
Tại sao website nên sử dụng Breadcrumbs?
Bạn nên sử dụng Breadcrumbs để trang web luôn được cân bằng bởi những lý do dưới đây:
- Giúp website có cấu trúc mạch lạc và tìm kiếm dễ dàng hơn.
- Điều hướng người dùng tốt hơn.
- Giúp Google nhận thấy sự liên quan giữa các nội dung trên web dễ dàng hơn.
Vậy làm sao để Breadcrumbs phát huy năng lực của mình một cách tốt nhất?
Tối ưu Breadcrumbs cho website bằng cách nào?
Sự phát triển của website bị ảnh hưởng không ít bởi Breadcrumbs. Tuy nhiên, nếu sử dụng sai cách, kết quả mang lại có thể không như mong đợi của bạn. Do đó, để tối ưu Breadcrumb cho trang web được tốt hơn, bạn cần chú ý những điều sau đây.
Breadcrumbs phải hướng đến người dùng
Lợi ích của người dùng luôn luôn phải đặt lên hàng đầu khi bạn tạo Breadcrumbs. Tuyệt đối không được lạm dụng và nhồi nhét từ khóa quá đà bởi việc này sẽ ảnh hưởng trực tiếp đến trải nghiệm của họ. Thậm chí gây ra hệ quả không nhỏ cho trang web như: tăng tỷ lệ thoát trang, giảm lượt click, giảm lượng truy cập,… và việc này sẽ khiến hiệu suất SEO bị sụt giảm.
Vị trí đặt Breadcrumbs
Hầu hết, phía đầu trang chính là vị trí tốt nhất để đặt Breadcrumbs. Nhưng bạn hoàn toàn có thể linh động thay đổi vị trí của chúng nằm trên Page title hoặc dưới Top navigation bar (nếu có). Bởi đây là những vị trí mà người dùng dễ dàng nhìn thấy và click vào ngay khi họ cần.
Thiết kế Breadcrumbs đẹp mắt
Breadcrumbs cần được thiết kế phù hợp và cân bằng với toàn bộ tổng thể của website. Do đó, trước khi bắt đầu chạy website, bạn cần căn chỉnh chúng sao cho thật hài hòa với cả giao diện của trang web.
Breadcrumbs cũng không nên chiếm quá nhiều diện tích của trang web cũng như nổi bật hơn so với những phần khác. Bởi điều này sẽ khiến người dùng quên mất sự hiện diện của Top menu hay Page title.
Quan trọng hơn, bạn tuyệt đối không được áp dụng phương pháp đi link cho một vòng Breadcrumbs quay về chính công cụ này. In đậm những phần đề mục để người dùng nhận biết chính là phương án tối ưu nhất.
Mối liên hệ giữa Breadcrumbs và Main navigation/Top menu
Breadcrumbs đóng vai trò như một Navigation phụ hỗ trợ người dùng biết vị trí họ đang đứng. Còn mục Navigation/Top menu sẽ cho phép người dùng điều hướng tốt hơn. Vì vậy, Breadcrumbs sẽ không thể thay thế hoàn toàn Main navigation/Top menu được.
Bởi lý do đó, nên dù đã tạo Breadcrumbs nhưng bạn vẫn cần chú trọng việc xây dựng Main navigation đầy đủ nội dung thu hút và đầy đủ.
Đến đây bạn đã hiểu hơn các vấn đề xoay quanh Breadcrumbs là gì rồi đúng không? Ở phần tiếp theo, chúng ta sẽ cùng tìm hiểu để thiết lập Breadcrumbs cho website cần thực hiện những bước nào.
Làm thế nào đưa Breadcrumbs vào website?
Việc đưa Breadcrumbs vào website tương đối đơn giản và dễ dàng thực hiện. Có 2 cách để thiết lập Breadcrumbs cho website WordPress.
Sử dụng plugin WordPress Breadcrumbs NavXT
Thực tế, có một số plugin có thể hỗ trợ bạn thêm Breadcrumbs vào website. Nhưng mình sẽ hướng dẫn bạn sử dụng Breadcrumbs NavXT bởi nó dễ thực hiện và tạo ra Breadcrumbs định vị có thể được tùy chỉnh khi cần thiết.
Để cài đặt Breadcrumbs NavXT, đầu tiên bạn cần vào kho Plugin của WordPress và gõ tìm từ khóa NavXT. Sau khi đã có kết quả, bạn tải về rồi nhấn nút cài đặt và kích hoạt nó.
Breadcrumbs sẽ được thêm dưới dạng widget. Để có thể sử dụng, ở thanh công cụ, bạn chọn Appearance→Widgets. Khi cần thêm Breadcrumbs cho website bất kỳ, bạn chỉ cần vào trang web đó và thả Widget NavXT là xong.
Trong trường hợp bạn cần tạo Breadcrumbs hiển thị trực tiếp trên theme, hãy gõ thêm đoạn Snippet code dưới đây vào file header.php:
| <div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”https://schema.org/”>
<?php if(function_exists(‘bcn_display’)) { bcn_display(); }?> </div> |
Khi đã hoàn thành, bạn hoàn toàn có thể dùng NavXT plugin để hiển thị Breadcrumbs theo ý của mình. Để cấu hình được chi tiết hơn, hãy đến page Setting của Plugin để cài đặt và thay đổi vài thuộc tính của Breadcrumbs nếu cần thiết.
Sử dụng Yoast SEO
Việc cài đặt Breadcrumbs bằng Yoast SEO cũng tương tự như NavXT. Bạn sẽ thực hiện các bước tìm kiếm, tải về và kích hoạt như khi thực hiện với NavXT.
Khi đã hoàn thành, để có thể tạo Breadcrumbs cho child theme WordPress, bạn cần thêm snippet code vào file single.php, page.php hay header.php như sau:
| <?php
if ( function_exists(‘yoast_breadcrumb’) ) { yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ ); } ?> |
Tiếp đến, bạn kích hoạt Breadcrumbs bằng cách vào mục Yoast SEO→Search Appearance →Breadcrumbs và cuối cùng chọn Enable.
Trước khi kết thúc bài viết, mình sẽ bổ sung thêm một số lưu ý trong quá trình tạo Breadcrumbs.
Một số lưu ý khi chèn Breadcrumbs
Chỉ nên thông báo cho Google khi trang web của bạn có từ 3 cấp bậc trở lên. Đặc biệt, đối với trang web trên nền tảng mobile, bạn hãy tích hợp nút Back để điều hướng trở về liên kết trước đó của người dùng.
Để thể hiện sự phân cấp trong Breadcrumbs, bạn cần nhớ dùng ký tự đặc biệt trong đoạn code (>, / , -, vv …)
Cần đặt Breadcrumbs ở vị trí người dùng dễ nhận biết như ở đầu trang hoặc ở ngay phía trên tiêu đề và nội dung bài viết.
Hãy chèn anchor text chứa trang web hiện tại người dùng đang xem trên Breadcrumbs của trang web. Đồng thời, không để các liên kết cùng anchor text giống nhau.
Breadcrumbs không chỉ mang nghĩa vụn bánh mì mà còn là công cụ tuyệt vời để gia tăng trải nghiệm người dùng và giúp Google đánh giá cao trang web của bạn. Bài viết trên hy vọng đã giúp bạn có câu trả lời hoàn thiện cho câu hỏi Breadcrumbs là gì.
Cứ thoải mái để lại lời nhắn cho Forza nếu bạn còn thắc mắc ở điểm nào nhé. Mình sẽ giải đáp cho bạn sớm nhất có thể.
Chúc bạn thành công.
Tìm hiểu thêm: Kiến thức Marketing, Onpage, Offpage
