Bạn có bao giờ cảm thấy lạc trong một trang web lớn không? Breadcrumb sẽ giúp bạn định hướng và dễ dàng tìm hiểu được cấu trúc của website. Terus sẽ chia sẻ cho bạn những thông tin về Breadcrumb ngay trong bài viết này!
I. Breadcrumb là gì?
Breadcrumb là một tập hợp các liên kết giúp người dùng xác định vị trí của họ trong cấu trúc trang web. Thuật ngữ này liên quan đến câu chuyện cổ Grimm về Hansel và Gretel, trong đó hai đứa trẻ tìm về nhà bằng cách rải những mẩu bánh mỳ vụn.
Đây cũng là nhiệm vụ của thanh điều hướng đối với người dùng và SEO. Một cách hiệu quả để giúp người dùng tìm thấy vị trí của họ trên một trang web có cấu tạo phức tạp hoặc chứa nhiều nội dung là breadcrumb navigation, giúp họ dễ dàng di chuyển giữa các trang.
II. Breadcrumb có vai trò gì trong SEO?
Breadcrumb tiện dụng với người dùng
Breadcrumb có tác động đặc biệt đến công cụ tìm kiếm
1. Breadcrumb tiện dụng với người dùng
2. Breadcrumb có tác động đặc biệt đến công cụ tìm kiếm
Để tăng lượng anchor text có gắnkeyword trên trang web, nhiều người làm SEO sử dụng breadcrumb. Tuy nhiên, nếu bị lạm dụng, kỹ thuật này có thể làm giảm trải nghiệm người dùng (UX), điều này thì không bao giờ là tốt.
Trong một số trường hợp, breadcrumb của bạn có thể được hiển thị trên kết quả tìm kiếm (SERP), tăng khả năng người dùng nhấp vào kết quả của bạn giữa các kết quả tìm kiếm khác. Điều này là quan trọng hơn.
III. Các loại Breadcrumb chính
Theo tôi, thanh điều hướng có ba loại chính:
Theo vị trí
Theo thuộc tính
Theo đường dẫn
1. Theo vị trí
Ngoài ra, thanh điều hướng dựa trên vị trí cho phép người dùng biết họ đang ở đâu trong hệ thống phân cấp của trang web. Loại thanh điều hướng này phù hợp nhất với các trang web có nội dung được chia thành nhiều tầng (ít nhất hai).
2. Theo thuộc tính
Breadcrumb dựa trên thuộc tính thể hiện thuộc tính của một trang web. Các website thương mại điện tử thường sử dụng loại thanh điều hướng này. Ví dụ, một chiếc SUV có màu đen và được ra mắt vào năm 2010.
3. Theo đường dẫn
Breadcrumb theo đường dẫn (path-based) chỉ ra các bước, hoặc đường dẫn mà người dùng đã đi qua để truy cập đến một trang cụ thể.
IV. Sử dụng thanh điều hướng trong thực tế
Mặc dù thanh điều hướng không khó sử dụng, nhưng để nó hoạt động tốt nhất, bạn nên tuân thủ một số nguyên tắc cơ bản:
Breadcrumb là một hệ thống navigation phụ
Thanh điều hướng nên mang lại lợi ích cho người dùng
Quy tắc để tạo thanh điều hướng
Một thiết kế breadcrumb hấp dẫn và phù hợp với thiết kế tổng quan của trang web
1. Breadcrumb là một hệ thống navigation phụ
Việc sử dụng breadcrumb để truy cập các trang video chi tiết là một sai lầm trên trang web cũ của website chia sẻ video.
Trước khi tiếp tục, người dùng phải quay trở lại trang video category nếu họ muốn truy cập các phần khác của trang web ngoài các liên kết trên thanh điều hướng.
2. Thanh điều hướng nên mang lại lợi ích cho người dùng
Một lỗi phổ biến khi triển khai thanh điều hướng là sử dụng chúng khi chúng không mang lại lợi ích gì cho trang web, như ví dụ bên dưới, người dùng có top menu, breadcrumb và điều hướng theo tab, trong đó điều hướng tab và đường dẫn có nội dung không nhất quán
Để xác định xem thanh điều hướng có mang lại lợi ích cho một trang web hay không, hãy tạo một site map hoặc hành trình khách hàng để xem breadcrumb sẽ cải thiện khả năng truy cập thông tin của người dùng trên trang web như thế nào.
3. Quy tắc để tạo thanh điều hướng
Breadcrumb thường xuất hiện ở trên nửa đầu của trang, ngay dưới top navigation bar và trên tiêu đề trang.
Breadcrumb giảm 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.
Breadcrumb cần có kích thước phù hợp, không chiếm quá nhiều diện tích và không lấy sự chú ý khỏi menu trên cao và title của trang.
4. Một thiết kế breadcrumb hấp dẫn và phù hợp với thiết kế tổng quan của trang web
Để giúp tìm bookmark nhanh hơn, Breadcrumb tương tác của Delicious cho phép bạn loại bỏ các mục trong thanh điều hướng.
Qua bài viết trên, Terus hi vọng đã trả lời được câu hỏi Breadcrumb là gì? Mong bạn hãy tiếp tục theo dõiTerus chúng tôi sẽ liên tục cập nhật những kiến thức về SEO.
Nếu có bất kỳ nhu cầu liên lạc nào bạn có thể để lại thông tin tại đây.
Theo dõi Terus tại:
Comments