Hỏi Đáp Là gì

Breadcrumb html là gì

Breadcrumb là một trong những yếu tố không thể thiếu khi xây dựng cấu trúc website. Tuy nhiên, không phải người làm SEO nào cũng biết để tìm hiểu về nó. Trong bài viết này, VietMoz sẽ giúp bạn hiểu rõ hơn về định nghĩa Breadcrumb là gì, lợi ích, vai trò mà nó mang lại cũng như cách tối ưu hiệu quả cho website.

Breadcrumb là gì?

Breadcrumb là tập hợp các đường dẫn giúp người dùng biết được vị trí hiện tại của mình đang ở đâu trên cấu trúc website.

Breadcrumb là thuật ngữ bắt nguồn từ câu chuyện cổ tích Hansel và Gretel kể về 2 đứa trẻ làm rơi những mảnh vụn bánh mì để đánh dấu con đường mình đi, từ đó có thể quay trở về. Tương tự như trong 1 cấu trúc web bất kỳ, khi sử dụng Breadcrumb người dùng dễ dàng biết mình đang ở đâu và di chuyển tới trang ban đầu bất cứ lúc nào.

Bạn thường thấy Breadcrumb xuất hiện nhiều tại các trang web có lượng nội dung lớn và được phân chia theo thứ bậc từ lớn đến nhỏ. Định dạng phổ biến nhất là các đường dẫn liên kết văn bản được sắp xếp theo chiều ngang và được phân tách bằng ký hiệu > thể hiện cấp độ của trang. Bạn có thể hình dung nó bằng hình ảnh sau đây:

Vai trò Breadcrumbs trong quá trình SEO website

Đối với người dùng

Điều hướng người dùng linh hoạt, tiết kiệm thời gian tìm kiếm.
Thu hút lượt truy cập nhiều trang hơn, thời gian time onpage của người dùng ở lại lâu hơn.
Tỷ lệ khách hàng tương tác cao hơn, giảm tỷ lệ thoát trang.
Người dùng tiện theo dõi vị trí của mình trên trang.

Ngoài ra, theo như thống kê của UXCAM thì gần 90% người dùng nói rằng họ sẽ không quay lại các trang mà khó sử dụng về mặt điều hướng vị trí sản phẩm/ dịch vụ. Và chỉ có khoảng một nửa số công ty trực tuyến mới đáp ứng đủ, cũng như thỏa mãn trải nghiệm của người dùng.

Đối với SEO

Đa dạng anchor text có gắn từ khóa trên website, tuy nhiên bạn nên biết phân bổ sao cho hợp lý tránh tình trạng lạm dụng nó quá đà.
Các kết quả tìm kiếm hiển thị snippets đẹp mắt và chuyên nghiệp hơn, được Google đánh giá cao.
Nó cũng là một loại Schema được Google tín nhiệm nhất hiện nay.

Có bao nhiêu loại breadcrumb?

Hiện nay có 3 loại breadcrumb phổ biến mà thường xuyên gặp nhất đó là:

Breadcrumb dựa trên sự phân cấp trên trang

Phần lớn các trang web hiện nay thường dùng loại breadcrumb này, vì chúng giúp cho người dùng dễ dàng biết được mình đang ở đâu trên trang. Nó dạng như kiểu: Trang chủ > blog> Danh mục > Tên bài đăng.

Breadcrumb dựa trên thuộc tính

Bạn sẽ bắt gặp loại breadcrumbs nhiều trên các trang web thương mại điện tử ví dụ như Shopee, Tiki, LazadaCụ thể là khi người dùng tìm kiếm một sản phẩm bất kỳ thì đường dẫn được tạo thành từ các thuộc tính của sản phẩm. Ví dụ như:

Trang chủ > Danh mục sản phẩm > Giới tính > Kích thước > Màu sắc.

Breadcrumb dựa trên lịch sử các trang truy cập

Với loại breadcrumb này bạn sẽ bắt gặp khi đã xem các trang trước đó xong và nó hiển thị lại những vị trí mà bạn đã truy cập. Giống như kiểu sau:

Trang đã xem > Trang đã xem > Trang đã xem > Trang đã xem.

Bạn cũng có thể hình dung nó giống như thanh lịch sử internet của bạn vậy. Tuy nhiên, loại breadcrumb này có vẻ ít phổ biến hơn vì nó chỉ đóng vai trò như một điều hướng tiến và lùi có sẵn ngay trên thanh công cụ.

Làm thế nào để tối ưu Breadcrumb cho website?

Đây hẳn là câu hỏi được mong chờ nhất trong bài viết này, vậy làm thế nào để tối ưu nó? Bạn phải đáp ứng được các yếu tố tiêu chuẩn sau đây:

Breadcrumb hướng đến người dùng

Google luôn ưu tiên trải nghiệm người dùng đầu tiên, đó cũng là lý do mà họ luôn cập nhật các thuật toán của mình theo thời gian sao cho phù hợp nhất. Vì vậy, cách tối ưu hàng đầu mà bạn cần quan tâm đó là luôn đặt lợi ích người dùng đầu tiên.

Cụ thể, bạn cần đặt mình vào vị trí là khách hàng, bạn cảm thấy như thế nào khi tương tác với trang. Việc tìm kiếm, tương tác và trải nghiệm có gặp phải bất cứ vấn đề thao tác nào hay không. Từ đó có phương án chỉnh sửa bổ sung sao cho toàn vẹn và tốt nhất.

Ngoài ra, trong quá trình sử dụng breadcrumbs bạn không nên nhồi nhét từ khóa quá nhiều. Điều này khiến cho người dùng cảm thấy khó chịu, cũng như ảnh hưởng đến thứ hạng trang trên kết quả tìm kiếm của Google.

Vị trí của Breadcrumbs

Ưu tiên đặt breadcrumb ở phía đầu trang hoặc tại những vị trí thuận mắt người dùng nhìn thấy nhất. Điều này còn thuộc vào cách bày trí phân bổ trang của bạn như thế nào mới tìm được nơi đặt ưng ý.

Chú ý đến thiết kế Breadcrumb

Xét về tổng thể website, bạn cần xem xét tỷ lệ kích thước Breadcrumb sao cho phù hợp nhất. Cụ thể, kích thước của nó không quá lớn, vì điều này ảnh hưởng tới các diện tích khác, cũng như vô tình lấy đi sự chú ý của người dùng đến thanh menu và page title.

Quan hệ giữa main Navigation/top menu và Breadcrumbs

Việc hiểu rõ mối quan hệ giữa Navigation/top menu và Breadcrumbs sẽ giúp bạn tối ưu cấu trúc trang web hiệu quả hơn. Cụ thể, Breadcrumb vốn dĩ chỉ là cấp phụ của Top Menu, vì vậy bạn cũng không cần đặt nặng vấn đề này. Bởi nó cũng chỉ là 1 yếu tố giúp Top Menu trở nên rõ ràng hơn trong mắt người dùng.

Một số lỗi thường gặp khi sử dụng Breadcrumb

Sử dụng Breadcrumb cho các Site Structures ngắn

Giả sử đường dẫn Breadcrumb quá ngắn mà website lại đang có nhiều cấp độ phân trang thì việc sử dụng chả khác gì có mà như không.

Vì vậy cách tốt nhất là bạn cần thiết kế lại việc sử dụng theo hướng giảm mức thu thập thông tin. Điều này cực kỳ hữu ích cho việc tối ưu hóa tỷ lệ thu thập thông tin.

Sử dụng Breadcrumbs Trail đảo ngược

Thật không khó để bắt gặp những trường hợp thêm Breadcrumbs Trail trong phần title HTML của website. Điều này sẽ làm cho công cụ Google khó lòng hiển thị toàn bộ tiêu đề, hay nói chính xác là nó sẽ bị rút ngắn lại trong kết quả tìm kiếm.

Vì vậy cách tốt nhất là bạn không nên sử dụng Breadcrumbs Trail trong Title HTML của website.

Khi nào nên sử dụng Breadcrumbs?

Có vẻ như khá nhiều quản trị web không khỏi băn khoăn là có nên sử dụng Breadcrumbs không, dù biết rằng nó vô hại không ảnh hưởng gì quá nhiều tới việc tối ưu công cụ tìm kiếm của Google. Tuy nhiên, nếu trang web của bạn quá nhỏ không có nhiều cấp độ phân cấp thì việc dùng Breadcrumbs sẽ không có giá trị. Thỉnh thoảng, nó còn có tác động tiêu cực tới trải nghiệm người dùng.

Như đã đề cập ở trên, Breadcrumbs thường được áp dụng cho các trang web có nhiều cấp độ phân trang, điển hình là các trang thương mại điện tử có nhiều sản phẩm. Vì vậy nếu bạn sở hữu một trang web có nhiều cấp độ thì hãy dùng đến Breadcrumbs.

Kết luận

Breadcrumb là 1 dạng menu tập hợp những liên kết giúp người dùng biết được mình đang ở đâu trong cấu trúc website. Nhờ nó mà trải nghiệm của người dùng được cải thiện cũng như gia tăng kết quả tìm kiếm của bạn trên Serps. Hy vọng thông qua bài viết này, sẽ giúp bạn biết cách sử dụng cũng như tối ưu nó hiệu quả hơn. Cảm ơn bạn đã đọc bài!

5/5 - [1 bình chọn]