Breadcrumb là gì? Cách triển khai breadcrumbs cho trang web để cải thiện SEO và UX

Breadcrumb là gì? Cách triển khai breadcrumbs cho trang web để cải thiện SEO và UX
Đánh giá

Breadcrumbs là các yếu tố điều hướng trang web được sử dụng để tạo UX tốt hơn và cải thiện khả năng thu thập thông tin. Khám phá cách Breadcrumbs tác động đến SEO.

Khi nói đến SEO, có rất nhiều điều để cạnh tranh.

Từ khóa, liên kết và content chuyên sâu đều ảnh hưởng đến khả năng xếp hạng của bạn trong các công cụ tìm kiếm hiện nay.

Nhưng còn breadcrumbs thì sao?

Không, chúng tôi không nói về cách tẩm bột ngon cho gà rán KFC.

Breadcrumb là một tính năng điều hướng cho trang web của bạn và chúng có thể có tác động tuyệt vời đến SEO và trải nghiệm người dùng.

Vẫn còn rất nhiều trang web không triển khai breadcrumbs – đó là một sai lầm lớn, không chỉ vì chúng ảnh hưởng đến SEO mà còn vì chúng khá dễ thực hiện

Dưới đây là những điều bạn cần biết về breadcrumbs là gì, chúng tác động như thế nào đến SEO và những sai lầm phổ biến cần tránh.

3 loại Breadcrumbs phổ biến

3 Lợi ích của việc sử dụng Breadcrumbs cho SEO

  • Breadcrumbs Cải thiện UX
  • Cải thiện xếp hạng trang web
  • Giữ mọi người ở lại trang lâu hơn

Cách triển khai Breadcrumbs

  • Cách thêm Breadcrumbs bằng Json-ld thủ công
  • Cách thêm Breadcrumbs cho trang web dùng WordPress

4 sai lầm phổ biến khi sử dụng Breadcrumbs cho SEO

Breadcrumb là gì?

Breadcrumbs là một tính năng điều hướng trang web nó bao gồm các liên kết cho phép người dùng theo dõi vị trí của họ trên một trang web và biết được vị trí phân cấp trang web họ đang xem cách trang chủ bao xa và giúp người dùng khám phá trang web một các hiệu quả.

Bạn sẽ thường tìm thấy chúng ở đầu trang web hoặc ngay dưới thanh điều hướng.

Cũng giống như các liên kết nội bộ, chúng giúp giữ chân người dùng trên trang web và giúp họ tìm thấy thông tin họ đang tìm kiếm.

Dưới đây là một ví dụ về breadcrumbs từ trang web của Seothetop:

Nó hiển thị chính xác những danh mục tôi đã nhấp vào để đến trang tôi đang xem.

Đường dẫn giúp bạn dễ dàng quay lại trang trước nếu tôi cần.

Breadcrumbs là một tính năng UX hữu ích giúp điều hướng trang web dễ dàng hơn, nhưng chúng còn làm được nhiều việc hơn thế.

Những thay đổi gần đây của Google đã làm cho những đường dẫn tiện lợi đó trở nên quan trọng hơn – bởi vì bây giờ chúng có thể tác động trực tiếp đến SEO.

Đây là cách thực hiện.

Google hiện hiển thị breadcrumbs trong kết quả tìm kiếm và sử dụng breadcrumbs để phân loại thông tin trong kết quả tìm kiếm.

Thậm chí còn có một báo cáo dữ liệu có cấu trúc trong Google Search Console nếu đó là vấn đề của bạn.

Điều này cho biết:

Breadcrumbs giúp người dùng điều hướng trang web của bạn và chúng giúp Google phân loại và điều hướng trang web của bạn.

Điều đó làm cho breadcrumbs trở thành một vấn đề lớn đối với SEO.

3 loại Breadcrumbs phổ biến

Không phải tất cả breadcrumbs được tạo ra như nhau!

Có ba loại breadcrumbs chính, mỗi loại có mục đích riêng.

Trước khi thêm chúng vào trang web của bạn, hãy tìm ra loại đường dẫn nào sẽ phù hợp nhất với trang web của bạn.

Breadcrumbs dựa trên thứ bậc (hay còn gọi là Breadcrumbs dựa trên vị trí)

Loại đường dẫn phổ biến nhất cho người dùng biết họ đang ở đâu trong cấu trúc trang web và cách quay lại trang chủ.

Ví dụ: Trang chủ > Tài nguyên > Hướng dẫn SEO

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

Điều này thường được sử dụng trên các trang web thương mại điện tử để hiển thị những thuộc tính mà người dùng đã nhấp vào.

Ví dụ: Trang chủ > Giày > Đi bộ đường dài > Phụ nữ

Breadcrumbs dựa trên lịch sử

Hiển thị cho người dùng những trang khác trên trang web mà họ đã truy cập, tương tự như lịch sử trình duyệt.

Ví dụ: nếu bạn đang tìm kiếm tin tức SEO và đọc ba bài báo khác nhau, đường dẫn có thể trông giống như sau: Trang chủ > Bài viết SEO 1 > Bài viết SEO 2 > Trang hiện tại

3 Lợi ích của việc sử dụng Breadcrumb cho SEO

Tất cả điều này nghe có vẻ tuyệt vời, bạn đang nghĩ.

Nhưng thực tế breadcrumbs sẽ làm gì?

Nếu bạn không chắc breadcrumbs có đáng để gặp rắc rối (spoiler, chúng hoàn toàn là như vậy!), Thì bạn sẽ muốn đọc phần bên dưới.

Breadcrumbs Cải thiện UX

Breadcrumbs giúp người dùng điều hướng trang web dễ dàng hơn – và chúng khuyến khích người dùng duyệt qua các phần khác của trang web.

Ví dụ: giả sử bạn muốn tìm hiểu thêm về Nestle.

Bạn truy cập trang web của họ và đến trang lịch sử công ty Nestle.

Sử dụng breadcrumbs của họ, bạn có thể dễ dàng điều hướng trở lại Giới thiệu về chúng tôi, Lịch sử hoặc thậm chí là trang chủ của họ.

Đó là một cách hữu ích để giúp người dùng dễ dàng tìm thấy những gì họ đang tìm kiếm – và hy vọng sẽ thu hút họ sâu hơn vào trang web của bạn.

Cải thiện xếp hạng trang web

Breadcrumbs rất tốt cho UX, nhưng chúng cũng khiến Google hài lòng.

Nếu bạn đang làm cả hai, thì bạn đang sống với giấc mơ SEO, amirite?

Theo Google, họ sử dụng breadcrumbs để phân loại và ngữ cảnh hóa nội dung .

Trở lại năm 2018, Google đã thêm breadcrumbs vào các trang kết quả , khiến chúng trở nên quan trọng hơn bao giờ hết.

Breadcrumbs trong SERPs cũng giúp người dùng hiểu vị trí của trang đó trên trang web của bạn, do đó, đó là một chiến thắng kép cho SEO.

Breadcrumbs đặc biệt hữu ích cho các trang web có một số trang địa phương hoặc cấp tiểu bang, chẳng hạn như luật sư hoặc nhà hàng.

Một nghiên cứu điển hình gần đây cho thấy việc triển khai breadcrumbs đã giúp họ lọt vào top 10 kết quả của Google.

Giữ người dùng ở lại trên trang lâu hơn

Tỷ lệ thoát có thể không phải là một yếu tố xếp hạng trực tiếp, nhưng nó vẫn có thể giúp SEO một cách định hướng.

Thêm vào đó, tỷ lệ thoát cao có thể chỉ ra các vấn đề với UX – những vấn đề mà breadcrumbs có thể giúp giải quyết.

Giả sử bạn đang tìm kiếm một cặp sách mới trên Zappos.

Bạn tìm thấy cặp này, nhưng nó không hoàn toàn như những gì bạn đang tìm. Có lẽ da rắn không phải là thứ của bạn.

Sử dụng breadcrumbs của Zappos, bạn có thể dễ dàng điều hướng trở lại danh mục bốt và tìm một đôi khác.

Điều này rất tốt cho Zappos vì nó có khả năng ngăn bạn quay lại Google và truy cập vào một trang web giày khác.

Đó là sức mạnh của breadscrumb!

Một case study trên Moz cho thấy điều gì đã xảy ra khi họ thêm breadcrumbs, cùng với việc thực hiện một số thay đổi khác, vào một trang web.

Số phiên giao dịch tăng đáng kể chỉ trong vài tháng.

Đúng là họ cũng đã thêm meta và loại bỏ một số vấn đề về trải nghiệm người dùng khác, nhưng breadcrumbs cũng đóng góp một phần.

Cách triển khai Breadcrumbs

Breadcrumbs là một yếu tố điều hướng cực kỳ hữu ích cho cả người dùng và công cụ tìm kiếm – và chúng dễ dàng thêm vào trang web của bạn.

Cách thêm Breadcrumbs bằng Json-ld thủ công

Một cụm từ tìm kiếm về giải thưởng dựa trên thể loại trong một năm, "Tiểu thuyết hay nhất Giải thưởng Tinh vân năm 2014", có thể tạo ra breadcrumb sau:

Sách › Khoa học viễn tưởng › Sách đạt giải thưởng

Dưới đây là ví dụ về mã JSON-LD hỗ trợ breadcrumb và chèn đoạn mã này trong thẻ <head>:

Xem thêm: Hướng dẫn từ Google để thêm Breadcrumbs cho trang web của bạn

Cách thêm Breadcrumbs cho trang web dùng WordPress

Dưới đây là một số cách để thêm các tính năng hữu ích này vào trang web của bạn.

  • Sử dụng Yoast SEO: Nếu bạn đã sử dụng Yoast, thì việc thêm breadcrumbs sẽ chỉ mất một vài bước. Chỉ cần đăng nhập và làm theo các bước sau để triển khai breadcrumbs.
  • Các plugin WordPress: Nếu bạn sử dụng WordPress, có một số plugin có thể thêm breadcrumbs trong một vài bước. Tôi thích Breadcrumb NavXT vì 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.
  • Plugin WooCommerce Breadcrumb: Nếu bạn có một trang web thương mại điện tử sử dụng Woocommerce, hãy cân nhắc sử dụng plugin breadcrumb của họ, cho phép bạn định dạng lại breadcrumb tích hợp sẵn của WooCommerce.

Cuối cùng, trình tạo trang web hoặc chủ đề WordPress của bạn có thể có tính năng breadcrumb tích hợp sẵn.

Ví dụ: một số plugin WordPress có tùy chọn breadcrumb, bao gồm Ocean WP.

Để thêm breadcrumbs vào các trang Wix hoặc Squarespace, bạn có thể cần phải thêm mã theo cách thủ công.

4 sai lầm phổ biến khi sử dụng Breadcrumbs cho SEO

Triển khai breadcrumbs là một cách khá đơn giản để cải thiện SEO của trang web và cung cấp trải nghiệm người dùng tốt hơn.

Tuy nhiên, có một số thời điểm khi thực hiện breadcrumbs có thể gây hại nhiều hơn lợi.

Dưới đây là một số lỗi breadcrumb mà bạn muốn tránh.

Đừng quá to hoặc quá nhỏ – Hãy nhắm vừa phải

Breadcrumbs phải dễ nhìn, nhưng không phô trương.

Phông chữ nhỏ hơn một chút cũng không sao, nhưng văn bản quá nhỏ sẽ khó nhìn và khó bấm trên thiết bị di động.

Đặt chúng ở đầu trang, bên dưới hình ảnh anh hùng hoặc ngay trên tiêu đề H1 để chúng dễ tìm.

Đừng lặp lại thanh điều hướng của bạn

Nếu đường dẫn chỉ sao chép những gì đã có trong thanh điều hướng của bạn, chúng có thể không phục vụ bất kỳ mục đích bổ sung nào.

Không cần phải thêm nhiều mã (và tốn dung lượng!) Nếu nó không hữu ích.

Đừng bỏ qua thanh điều hướng của bạn để ủng hộ Breadcrumbs

Trong khi bạn không muốn lặp lại điều hướng, bạn cũng không muốn phụ thuộc hoàn toàn vào breadcrumbs.

Chúng đóng vai trò bổ sung chứ không phải thay thế cho các tính năng điều hướng khác.

Sử dụng đúng loại Breadcrumbs

Đường dẫn vị trí là loại phổ biến nhất, nhưng chúng có thể không phải là lựa chọn tốt nhất cho trang web của bạn.

Không sử dụng đường dẫn vị trí nếu trang web của bạn không sử dụng cấu trúc lồng nhau trong đó hầu hết các trang phù hợp với một vài danh mục.

Trong trường hợp đó, đường dẫn dựa trên lịch sử có thể có lợi hơn.

Breadcrumbs là một cách dễ dàng để điều hướng trang web

Hãy coi breadcrumbs như bơ cho bánh mì của bạn.

Bạn sẽ có được điểm.

Breadcrumbs là một thay đổi đơn giản có thể giúp trang web của bạn nổi bật trên trang kết quả tìm kiếm.

Mặc dù chúng sẽ không đảm bảo sự gia tăng đáng kể cho SERP, nhưng chúng rất hữu ích cho người dùng và các công cụ tìm kiếm.

Như một phần thưởng bổ sung, breadcrumbs rất dễ thực hiện bằng cách sử dụng một plugin như Yoast.

Chỉ trong một vài cú nhấp chuột, bạn có thể làm cho trang web của mình điều hướng dễ dàng hơn và có thể xếp hạng cao hơn trong SERPs.

Xem thêm: 7 cách cải thiện điều hướng trang web đơn giản

Seothetop

Nguồn: https://www.searchenginejournal.com/breadcrumbs-seo/255007/