Định nghĩa breadcrumb, breadcrumb navigation

Theo hình trên, bạn sẽ dễ dàng nhận thấy rằng Google đã hiển thị breadcrumb theo hình trên ở trang kết quả tìm kiếm. Thực tế nếu website của bạn có cấu trúc thẻ HTML tốt thì Google vẫn có thể phân tích và nhận biết được các breadcrumb này. Tuy nhiên, có một số cấu trúc chuẩn HTML bạn có thể áp dụng để giúp Google hiểu được breadcrumb dễ dàng hơn.

Đây là hướng dẫn tạo Breadcrumb navigation căn bản cho danh mục tin tức, bài viết, hoặc sản phẩm:
Hoặc, bạn có thể dùng thẻ ul li:
Phân tích đoạn mã trên bạn có thể bỏ qua những thuộc tính class mà chỉ cần quan tâm đến các thuộc tính như itemscope, itemtype, itemprop.

• itemscope: dùng để định nghĩa khu vực cho từng thành phần trong breadcrumb.
• itemtype: dùng để khai báo cho Google biết định nghĩa và nhận dạng data cho thuộc tính itemprop.
• itemprop: thuộc tính để định dạng cấu trúc, để định dạng cho cấu trúc breadcrumb bạn cần những properties như url, title.

Khi làm xong cấu trúc như trên bạn chỉ cần chờ một thời gian để Google cập nhật lại website của mình và sẽ thấy Google bắt đầu hiển thị các breadcrumb trên kết quả tìm kiếm.

Để tìm hiểu thêm về vấn đề này bạn có thể tham khảo thêm tại Help forum của Google hoặc link chi tiết: