Breadcrumbs là gì? Những loại Breadcrumbs điển hình – Thuật ngữ breadcrumbs là một khái niệm không mấy phổ biến trong SEO và không phải SEOer hay SME SEO cũng biết hoặc dành sự quan tâm đến thuật ngữ này. Tuy nhiên, nó lại có một vai trò tiềm ẩn rất quan trọng không chỉ đối với người dùng mà còn đối với cả việc SEO website.
Việc Google cập nhật việc hiển thị breadcrumbs thay thế cho đường dẫn của trang web trên bảng kết quả tìm kiếm mới đây là một minh chứng rõ ràng nhất cho tầm quan trọng của nó. Đã đến lúc các SEOer hay nhà đầu tư SEO phải quan tâm đến thuật ngữ breadcrumbs là gì nếu không muốn chịu thiệt thòi so với các website khác.
Bài viết “Breadcrumbs là gì?” sẽ gửi đến các nhà đầu tư SEO khái niệm rõ ràng và chi tiết nhất về thuật ngữ breadcrumbs.
Breadcrumbs là gì?
Breadcrumbs hay còn gọi là Breadcrumbs trail là một thẻ điều hướng phụ thêm trên trang được sử dụng nhằm tối ưu tương tác người dùng của website (visitor engagement) trên trang. Về bản chất, Breadcrumbs là tập hợp những đường link phân cấp giúp người dùng có thể biết được mình đang ở page nào và từ đó có thể di chuyển thuận lợi qua các trang khác nhau trên website.
Thuật ngữ này được sử dụng đầu tiên tại Mỹ bởi các SEOer và Coder bản địa, với ý tưởng xuất phát từ câu chuyện về hai đứa trẻ rải những mẩu bánh mỳ dọc đường để tự tìm đường về nhà (Hansel and Gretel).
Breadcrumbs thường xuất hiện ngay trên đầu website, và được đặt ở ngay dưới phần đầu (Top) hay dưới thanh tiêu đề hoặc headers. Chúng cung cấp cho khách hàng những liên kết để quay lại trang trước cấp cao hơn và tiện theo dõi vị trí hiện tại của mình trên trang. Một breadcrumbs điển hình sẽ có mẫu như sau:
Trang chủ > Chuyên Mục (hoặc thẻ Tag) > Trang con
hoặc
Trang chủ > Trang đã xem thứ nhất > Trang đã xem thứ hai > …
Những loại Breadcrumbs điển hình
Hiện nay, có 3 loại breadcrumb chính đã và đang được sử dụng, bao gồm:
1. Location Breadcrumbs – Breadcrumbs theo vị trí
Location Breadcrumbs hay còn gọi là Location-based breadcrumbs, hiển thị cho người dùng biết vị trí hiện tại của họ trên website.
Loại breadcrumb này thường được dùng và cũng là loại khuyên dùng cho những website có cấu trúc site được chia theo nhiều tầng hoặc có số tầng lớn hơn hặc bằng 2 (chuyên mục + bài viết). Đây được đánh giá là loại Breadcrumbs phổ biến nhất hiện nay.
2. Attribute breadcrumbs – Breadcrumbs theo thuộc tính.
Attribute breadcrumbs hay còn gọi là Attribute-based breadcrumbs, có chức năng thể hiện các thuộc tính của một page trong website.
Loại breadcrumb này đặc biệt được ưa chuộng trong những trang web thương mại điện tử có số lượng mẫu mã sản phẩm lớn, với nhiều các tiêu chí để phân loại. Ví dụ như sản phẩm điện thoại di động, có thể được phân loại theo giá thành, theo hãng sản xuất, theo hệ điều hành, hoặc theo những thuộc tính khác. Như vậy, Breadcrumbs trong trường hợp này sẽ là các tiêu chí phân loại cho sản phẩm, người dùng có thể biết được mình đang tìm hiểu tiêu chí nào.
3. Path Breadcrumbs – Breadcrumbs theo đường dẫn
Path Breadcrumbs hay còn gọi là Path-based Breadcrumbs. Nó hiển thị cho người dùng các bước hoặc đường dẫn mà người dùng đã đi qua. Loại Breadcrumbs này hiện nay ít còn được sử dụng rộng rãi bởi do bản chất của nó tương tự nút “Back”. Hơn nữa, người dùng cũng khó có thể biết vị trí hiện tại của mình trong cấu trúc website.
Breadcrumb có vai trò gì trong SEO?
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.
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
Tại sao Breadcrumbs lại quan trọng với SEO?
Breadcrumbs là một yếu tố cần thiết của một trang web thân thiện với SEO vì:
- Chúng giúp điều hướng dễ dàng hơn – đó là vai trò chính của breadcrumbs và đây là lý do tại sao người dùng yêu thích chúng.
- Họ khuyến khích mọi người truy cập nhiều trang hơn của trang web trước khi họ thoát và do đó họ giảm tỷ lệ thoát .
- Chúng tốt cho SEO.
- Có hai lý do chính tại sao breadcrumbs lại tốt cho SEO.
- Đầu tiên, chúng giúp các bot của công cụ tìm kiếm trong giai đoạn thu thập thông tin và lập chỉ mục. Trình thu thập thông tin có thể xác định đường dẫn và có thể sử dụng cấu trúc đường dẫn để thu thập thêm thông tin về trang và trang web.
- Thứ hai, Google hiển thị thông tin breadcrumb trong SERPS, thay vì hiển thị liên kết cố định của một trang.
Các loại Breadcrumbs khác nhau
Breadcrumbs có thể có nhiều dạng khác nhau nhưng tất cả các dạng đều có chung một mục tiêu là giúp người dùng hiểu được mối quan hệ giữa trang hiện tại với phần còn lại của trang.
Breadcrumbs dựa trên phân cấp
Ví dụ trên là một menu breadcrumb phân cấp (hoặc dựa trên vị trí) điển hình. Đó là breadcrumb điển hình mà bạn có thể tìm thấy trên các blog hoặc trang web có cấu trúc phân cấp đơn giản.
Breadcrumbs động
Đường dẫn động hoặc dựa trên thuộc tính được sử dụng trong trường hợp một sản phẩm có nhiều thuộc tính và đường dẫn đường dẫn phản ánh điều đó để giúp điều hướng dễ dàng hơn.
Lưu ý cách breadcrumb giúp người dùng chọn các thuộc tính sản phẩm khác nhau mà không cần rời khỏi trang hiện tại.
Breadcrumbs dựa trên lịch sử
Đường dẫn đường dẫn breadcrumb được xây dựng dựa trên các trang mà người dùng đã truy cập. Đây không phải là một thực hành thiết kế web chuẩn SEO và nó không được sử dụng thường xuyên.
Ưu điểm của việc sử dụng breadcrumbs
Có một số lợi ích khi sử dụng những gợi ý nhỏ hữu ích này trên trang web của bạn. Hãy xem nhanh chúng:
1. Google yêu thích chúng
Khách truy cập của bạn thích breadcrumbs, nhưng Google cũng vậy. Chúng cung cấp cho Google một cách khác để tìm ra cách trang web của bạn được cấu trúc, nhưng, như đã đề cập ở trên, Google cũng có thể sử dụng chúng trong các kết quả tìm kiếm thực tế, điều này làm cho kết quả của bạn hấp dẫn hơn nhiều đối với người dùng. Để tăng cơ hội đường dẫn của bạn xuất hiện trên Google, bạn cần thêm dữ liệu có cấu trúc giống như Yoast SEO.
2. Chúng nâng cao trải nghiệm người dùng
Mọi người ghét bị lạc. Khi gặp một địa điểm mới, mọi người thường nhìn xung quanh để tìm kiếm các vật thể hoặc địa danh dễ nhận biết – và điều này cũng đúng với các trang web. Bạn cần phải giữ cho khách truy cập vui vẻ và giảm thiểu xích mích càng nhiều càng tốt.
Breadcrumbs có thể giúp ích cho trải nghiệm người dùng của bạn vì chúng là một phần tử giao diện chung giúp hiển thị ngay cho mọi người một lối thoát. Không cần phải bấm vào nút quay lại!
3. Họ giảm tỷ lệ thoát
Hầu như không có ai truy cập vào một trang web qua trang chủ – Đó là tất cả về tìm kiếm không phải trả tiền. Điều đó có nghĩa là bất kỳ phần nào trên trang web của bạn đều có thể là một điểm vào. Bạn cần nghĩ ra một cách để hướng dẫn những khách truy cập này đến các phần khác của trang web của bạn nếu trang đã chọn không đáp ứng được nhu cầu của họ.
Breadcrumbs có thể giảm tỷ lệ thoát vì bạn đang cung cấp cho khách truy cập một cách thay thế để duyệt trang web của bạn. Bạn có nghĩ rằng việc đưa khách truy cập vào trang chủ của bạn tốt hơn là quay lại Google?
Các phương pháp hay nhất về SEO Breadcrumbs
Để Tối ưu hóa SEO đường dẫn của bạn, bạn cần tuân theo các quy tắc đơn giản sau:
Đảm bảo rằng đường dẫn được bật và hiển thị cho người dùng
Điều này nghe có vẻ hiển nhiên nhưng nhiều nhà thiết kế web có xu hướng giấu đường mòn breadcrumb vì họ cảm thấy nó không phù hợp với thiết kế.
Đây không phải là sự thật. Hãy xem ví dụ đầu tiên ở trên và nhận thấy mức độ hữu ích của đường mòn breadcrumb trên trang web của Rolex (và nó trông cũng rất tuyệt).
Đảm bảo rằng breadcrumbs thân thiện với thiết bị di động
Nếu bạn quyết định giữ cho breadcrumbs hiển thị trên thiết bị di động, hãy đảm bảo rằng kích thước phông chữ đủ lớn để có thể nhấp vào các liên kết một cách dễ dàng. Một thực tế phổ biến là ẩn breadcrumbs trên điện thoại di động hoặc làm cho chúng trông giống như các nút.
Thêm giản đồ Breadcrumb
Lý do đường dẫn của tôi được hiển thị thay cho URL trong kết quả tìm kiếm của Google là vì tôi đã bật đánh dấu lược đồ đường dẫn trên trang web của mình.
Đánh dấu lược đồ là gì? Là một cách để làm nổi bật các khu vực nhất định trên trang web của bạn với trình thu thập thông tin của công cụ tìm kiếm để họ có thể hiểu rõ hơn về cách cấu trúc một trang.
Bằng cách thêm các đoạn mã vào HTML của bạn (đây được gọi là dữ liệu có cấu trúc), bạn có thể cung cấp cho các công cụ tìm kiếm thêm thông tin về trang và nội dung của bạn.
Điều này có thể làm tăng thay đổi của bạn trong việc nhận các đoạn mã chi tiết trong kết quả tìm kiếm và cũng như các đường dẫn được định dạng tốt.
Đây là cách thêm lược đồ breadcrumb trên trang web của bạn:
Đối với breadcrumbs, lược đồ có liên quan là breadcrumblist . Nó có các thuộc tính bắt buộc sau:
– Mặt hàng – URL của trang cho mặt hàng cụ thể
– Tên – Tiêu đề của breadcrumb
– Vị trí – vị trí của mục này trong đường dẫn breadcrumb.
Nếu bạn bối rối, đừng lo lắng trong phần lớn các trường hợp, bạn không phải viết mã theo cách thủ công.
Có những công cụ có thể làm điều này cho bạn một cách tự động.
Yoast SEO Plugin (WordPress)
Chủ đề Genesis (WordPress)
Các chủ đề dựa trên Genesis (giống như chủ đề tôi đang sử dụng trên trang web của mình, đã được xây dựng hỗ trợ cho các lược đồ).
Nếu bạn không sử dụng WordPress hoặc sử dụng một chủ đề khác, cách tốt nhất là trước tiên hãy kiểm tra xem lược đồ breadcrumb đã được kích hoạt trên trang web của bạn chưa.
Chuyển đến công cụ kiểm tra dữ liệu có cấu trúc và nhập URL của một trong các trang của bạn đã bật breadcrumbs.
Nếu mọi thứ đều ổn với việc triển khai dữ liệu có cấu trúc, bạn sẽ thấy ở bên phải kết quả với 0 Lỗi và 0 Cảnh báo. Điều này có nghĩa là cách triển khai của bạn là chính xác.
Nếu bạn gặp lỗi, cảnh báo hoặc không nhìn thấy mục breadcrumblist, thì điều đó có nghĩa là dữ liệu có cấu trúc breadcrumb không được triển khai trên trang web của bạn.
Cách tốt nhất để khắc phục điều này là thuê một nhà phát triển để thêm mã cần thiết vào tất cả các trang hợp lệ.
Đừng quên rằng, để đạt được kết quả tuyệt vời, bạn nên làm việc với những người có chuyên môn. Vì vậy, bây giờ, lần tới khi ai đó hỏi bạn, “breadcrumbs là gì?” hoặc “Điều hướng breadcrumb là gì?” Bạn sẽ không chỉ biết breadcrumbs là gì mà còn tại sao chúng lại quan trọng đối với cả người dùng và đối với SEO vào năm 2021. Chúng tôi tưởng tượng điều này cũng sẽ xảy ra trong nhiều năm tới.
Sử dụng breadcrumb trong thực tế
Sử dụng breadcrumb không khó, nhưng để dùng breadcrumb tốt nhất, có một vài nguyên tắc cơ bản cần tuân thủ:
Breadcrumb là hệ thống navigation phụ và không thể thay thế main navigation/ top menu.
Website cũ của video sharing website mefeedia mắc phải sai lầm sử dụng breadcrumb là navigation duy nhất trong các trang video chi tiết. Người dùng muốn vào các phần khác của site ngoài các link trên breadcrumb cần back lại trang video category trước khi đi tiếp
Breadcrumb phải mang lại lợi ích cho người dùng
Một lỗi phổ biến khi thực hiện breadcrumb là sử dụng khi chúng chẳng mang lại lợi ích nào cho website, như ví dụ dưới, người dùng có top menu, breadcrumb và navigation bằng tab, trong đó tab navigation và breadcrumb không thống nhất về mặt nội dung
Cách tốt nhất để xác định xem breadcrumb có mang lại lợi ích cho một website hay không là xây dựng một site map hoặc visitor flow để xác định breadcrumb sẽ cải thiện khả năng của người sử dụng như thế nào để điều hướng thông tin trong website
Tiêu chuẩn tạo breadcrumb:
– Breadcrumb thường xuất hiện phía trên nửa đầu của trang, ngay dưới top navigation bar (nếu có) và ở trên page title
– Breadcrumb giảm cấp theo thứ bậc: bắt đầu từ trang chủ và đi theo từng cấp từ cao nhất đến thấp nhất theo từng bước.
– Breadcrumb cần có kích cỡ hợp lý, không chiếm quá nhiều diện tích, và không nên lấy sự chú ý khỏi top menu và title của page.
– Dấu hiệu tách hyperlink cho breadcrumb cần thống nhất
- Phổ biến nhất là biểu tượng > theo mẫu: Parent category > Child category .
- Overstock.com sử dụng dấu “>” và sử dụng checkbox cho các thuộc tính sản phẩm để người dùng có thể filter sản phẩm
Thiết kế breadcrumb đẹp mắt và hài hòa với thiết kế tổng quan của site.
Breadcrumb tương tác của Delicious cho phép người dùng loại bỏ các mục trong breadcrumb để giúp tìm thấy các bookmarks nhanh hơn.
Thiết kế breadcrumb theo một phong cách phù hợp với thiết kế chung của website.
Những công dụng khác của breadcrumb
– Hỗ trợ các quy trình có nhiều bước
- Statement Tracker sử dụng breadcrumb để chỉ ra các bước liên quan khi đăng kí một tài khoản.
- Flickr sử dụng breadcrumb để chỉ ra các phần giới thiệu trong Flickr tour.
– Đóng vai navigation bar bổ sung: dropdown xuống navigation phụ (Sub-Navigation)
– Sáng tạo với breadcrumb
- Booreiland sử dụng một điều hướng breadcrumb cho menu chính cho phép khách truy cập hiểu nhanh những gì mà họ đang xem.
CÔNG TY TNHH THƯƠNG MẠI & DỊCH VỤ GIẢI PHÁP SEO VIỆT
Mã số thuế: 0314269562
Địa chỉ: 270 – 272 Cộng Hòa, P.13, Quận Tân Bình, Tphcm
Hotline: 0932 6789 46
Email: info.vinaseoviet@gmail.com
Website: https://vinaseoviet.com/ – https://vinaseoviet.vn/
MXH: Facebook