Bài 10: Breadcrumbs

Trong bài này, bạn sẽ tìm hiểu breadcrumbs là gì và tại sao chúng cần thiết cho trang web của bạn. Google nhấn mạnh tầm quan trọng của breadcrumbs trong tất cả các tài liệu hướng dẫn liên quan đến quá trình SEO. Lý do đơn giản là vì các ng cụ tìm kiếm sử dụng breadcrumbs để hiểu rõ hơn về cấu trúc web đồng thời còn giúp điều hướng người dùng dễ dàng hơn.

Breadcrumb là gì?

Breadcrumbs là tập hợp những liên kết giúp người dùng xác định vị trí của mình khi ở trên website. Hay nói cách khác, đường dẫn breadcrumb là một menu nhỏ thường nằm ở đầu trang, được sử dụng để hỗ trợ cho việc điều hướng, nó hiển thị đường dẫn từ trang hiện tại trở lại trang chủ hoặc đi đến trang nhỏ hơn.

Dưới đây là một ví dụ về menu đường dẫn breadcrumb:

Ví dụ về đường dẫn breadcrumbs
Ví dụ về đường dẫn breadcrumbs

Như các bạn có thể thấy, đường dẫn breadcrumb bắt đầu từ trang chủ, qua danh mục và sau đó đến trang hiện tại. Mỗi bước trong đường dẫn breadcrumb đều có thể nhấp chuột được.

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 và kết nối vị trí trang hiện tại với các trang khác của trang web.

Các loại breadcrumb phổ biến nhất là:

Breadcrumbs 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í). Đó là breadcrumb điển hình thường thấy trên các blog hoặc trang web có cấu trúc phân cấp đơn giản.

Breadcrumb động

Đường dẫn breadcrumb động được sử dụng khi một sản phẩm có nhiều thuộc tính để giúp điều hướng dễ dàng hơn. Chúng sẽ bao gồm đường link theo thuộc tính nào đó và dùng để lọc thông tin theo những tiêu chí được quy định sẵn. 

Lúc này, breadcrumb giúp người dùng chọn các thuộc tính sản phẩm khác nhau thì sẽ được dẫn đến đúng với thông tin liên quan mà không cần rời khỏi trang hiện tại.

Breadcrumbs lịch sử 

Đường dẫn breadcrumb được xây dựng dựa trên các trang mà người dùng đã truy cập. Thường sẽ được sắp xếp theo thứ tự như sau: Trang đã xem – Trang đang xem. Tuy nhiên, đây là dạng breadcrumbs ít được sử dụng vì nó không chuẩn SEO.

Tại sao Breadcrumbs lại quan trọng?

Tăng trải nghiệm người dùng

  • Hỗ trợ người dùng điều hướng trên website.
  • Đường dẫn click chuột ngắn hơn khi điều hướng qua các cấp.
  • Thu hút sự quan tâm của người dùng đến các yếu tố cao hơn trong hệ thống của trang web.
  • Thúc đẩy tương tác.

Có tác dụng đặc biệt với SEO

Breadcrumbs là một yếu tố cần thiết của một trang web giúp thân thiện với SEO vì chúng giúp các bot của ng cụ tìm kiếm trong quá trình thu thập dữ liệu và lập chỉ mục. Trình thu thập thông tin có thể xác định breadcrumbs và sử dụng cấu trúc breadcrumbs để thu thập thêm thông tin về một trang web.

Lý do thứ hai là vì Google hiển thị thông tin breadcrumb trong SERPS thay vì hiển thị URL của trang.

Ví dụ: Breadcrumbs được tối ưu hóa SEO nên chúng được hiển thị trong kết quả. 

Hiển thị breadcrumbs
Hiển thị breadcrumbs

Breadcrumbs hiển thị thay cho các URL trong kết quả tìm kiếm của Google vì mình đã bật schema Breadcrumbs trên trang web.

Lợi ích khi sử dụng Breadcrumbs

Đặc biệt đối với những website có quy mô lớn thì hiệu sử dụng hợp lý thanh breadcrumbs có thể mang đến những lợi ích sau:

Giúp người dùng định hướng được họ đang ở đâu

Khi truy cập vào một trang web lớn, có nhiều tầng thì việc sử dụng breadcrumbs giúp người dùng hình dung được cấu trúc cụ thể của toàn trang web và dễ dàng tìm ra được thứ mình mong muốn. Thanh công cụ còn giúp người dùng dễ dàng chuyển hướng qua các mục nội dung khác mà không cần phải tìm kiếm lại từ đầu hay mò mẫm mất thời gian.

Breadcrumbs nếu được đặt đúng vị trí còn có thể làm cho website của bạn trở nên chuyên nghiệp hơn, giúp nâng cao trải nghiệm người dùng và tối ưu kết quả SEO.

Cung cấp đường link đến thư mục cấp cao hơn nhanh chóng

Khi người dùng đang đọc nội dung thì trong trang thư mục có thể sẽ chứa các bài viết liên quan hoặc nội dung tương tự và chỉ cần nhấp vào link thì họ sẽ được dẫn đến bài viết tương tự trong mục.

Ví dụ bạn truy cập vào một trang web bán quần áo và tìm đến mục áo sơ mi thì thanh công cụ sẽ hiển thị “Bộ sưu tập → Áo → Áo sơ mi”, nếu bạn muốn quay lại xem áo thì chỉ cần nhấp vào Áo thì sẽ thấy được tất cả các danh mục áo khác như áo polo, áo thun,… mà không cần tìm kiếm lại từ đầu.

Giảm tỷ lệ thoát trang

Người dùng thường có xu hướng truy cập vào trang web nằm ở top đầu trên trang kết quả. Thanh breadcrumbs thường sẽ xuất hiện trước, trong hoặc sau tiêu đề trang làm tăng khả năng quan tâm và nhấp vào đường link. 

Trong trường hợp người dùng rời đi nhưng họ tiếp tục xem nội dung tiếp theo của trang, điều này giúp giảm tỷ lệ Bounce Rate của toàn site. Đó là phần trăm số lượng người vào website và rời đi mà không xem bất kỳ nội dung gì. 

Tác động tích cực đến Google

Breadcrumbs không chỉ nâng cao trải nghiệm người dùng mà còn tác động đến Google. Trên thực tế, Google đánh giá cao các website sử dụng breadcrumbs một cách hợp lý và thông mnh. 

Bạn có thể thấy khi khai báo dữ liệu thì cấu trúc này sẽ hiển thị dưới dạng Rich Snippet trên kết quả tìm kiếm khi bạn có áp dụng Schema Markup cho breadcrumbs.

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

Breadcrumbs mang lại nhiều lợi ích cho người dùng và tối ưu được cấu trúc trang web đối với bất kỳ website nào có nhiều hơn hai phần tử trong đường dẫn. 

Các website càng lớn, càng phức tạp thì càng được hưởng nhiều lợi ích hơn từ việc sử dụng breadcrumbs. Trường hợp phổ biến nhất là các website e-commerce nhiều sản phẩm, danh mục.

Tối ưu hóa SEO cho Breadcrumbs

Để Tối ưu hóa breadcrumbs bạn cần tuân theo các quy tắc sau:

Đảm bảo đã được bật và hiển thị cho người dùng

Nhiều nhà thiết kế website đã quên hoặc muốn che giấu đường dẫn breadcrumb vì họ cảm thấy nó không đẹp về mặt thiết kế. Tuy nhiên đây là sai lầm nghiêm trọng vì người dùng cần thấy breadcrumbs để có thể nhấp chuột. Việc cần làm ở đây là tối ưu sao cho breadcrumbs được đẹp mắt về mặt thiết kế hơn.

Đảm bảo Thân thiện với thiết bị di động

Breadcrumb phải thân thiện với thiết bị di động.

Nếu bạn muốn hiển thị breadcrumbs 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 liên kết dễ dàng. Tuy nhiên bạn có thể ẩn breadcrumbs trên điện thoại di động hoặc chỉ để ở dạng các nút.

Thêm schema Breadcrumb

Đường dẫn sẽ được hiển thị thay cho các URL trong kết quả tìm kiếm của Google khi bạn đã bật đánh dấu schema đường dẫn trên trang web của mình.

Cách thêm schema Breadcrumb vào website

Đối với breadcrumbs, schema có liên quan là breadcrumblist. Nó có các thuộc tính bắt buộc sau:

  • Item  – URL của trang
  • Name – Tiêu đề của breadcrumb
  • Position – vị trí trong đường dẫn breadcrumb.
Thuộc tính Schema Breadcrumbs
Thuộc tính Schema Breadcrumbs

Giống như thế này: 

Ví dụ về dữ liệu có cấu trúc breadcrumblist
Ví dụ về dữ liệu có cấu trúc breadcrumblist

Bạn đừng lo lắng vì thông thường bạn không cần phải tạo theo cách thủ ng. Hiện nay, đã có nhiều ng cụ tạo tự động giúp bạn.

Plugin Yoast SEO (WordPress) 

Plugin Yoast SEO có hỗ trợ tích hợp sẵn cho breadcrumbs và bạn cần chuyển đến Hiển thị tìm kiếm → Đường dẫn để cấu hình.

Thiết lập breadcrumbs trong Yoast SEO
Thiết lập breadcrumbs trong Yoast SEO

Bạn có thể cấu hình một số nội dung liên quan đến sự xuất hiện của breadcrumbs trên website và sau đó schema sẽ tự động thêm vào trang web của bạn.

Cài đặt Breadcrumb trong Yoast SEO
Cài đặt Breadcrumb trong Yoast SEO

Themes WordPress

Ngoài ra, một số Themes WordPress có hỗ trợ tích hợp sẵn các schema breadcrumbs.

Nếu bạn không sử dụng WordPress

Bạn cần kiểm tra xem schema breadcrumb đã được có trên trang web của bạn chưa bằng cách chuyển đến 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 ổn, bạn sẽ thấy ở bên phải có kết quả 0 Lỗi và 0 Cảnh báo.

Schema breadcrumbs
Schema breadcrumbs

Nếu bạn gặp lỗi, cảnh báo hoặc không thấy mục breadcrumblist thì dữ liệu có cấu trúc breadcrumb chưa có. Để khắc phục bạn nên thuê Agency để chèn thêm mã cần thiết vào web.

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

Các SEOer khi sử dụng breadcrumbs thường gặp một số lỗi như sau:

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

Giả sử đường dẫn breadcrumbs quá ngắn mà website lại có nhiều phân cấp trang thì việc sử dụng thanh công cụ này cũng trở nên vô nghĩa. 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.

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

Trên thực tế, không khó để bắt gặp những trường hợp thêm breadcrumbs loại phân cấp trong phần title HTML của website nhưng điều này sẽ làm cho Google khó hiển thị toàn bộ tiêu đề. Vì vậy, cách tốt nhất là không nên sử dụng chúng trong title HTML của website.

Chìa khóa học tập

  • Đường dẫn breadcrumb rất tốt cho trải nghiệm người dùng, hiển thị tìm kiếm được tối ưu hơn và Google cũng ưa thích chúng. Vì vậy bạn nên cân nhắc kích hoạt breadcrumbs trên tất cả các trang của mình.
  • Nếu nhà thiết kế web của bạn phản đối điều này vì nó ‘phá vỡ’ thiết kế, hãy giải thích cho họ các lợi ích và nên tích hợp breadcrumb vào web.
  • Cuối cùng, việc triển khai schema breadcrumblist là rất cần thiết để Google cũng như các ng cụ tìm kiếm khác hiểu cấu trúc web của bạn.

Kết luận

Với thông tin đã được cung cấp trong bài viết trên, Digital Marketing DMA hi vọng bạn đã hiểu rõ hơn Breadcrumbs là gì và nó có thể giúp ích gì cho quá trình SEO. Đây là yếu tố cần thiết giúp bạn nâng cao được trải nghiệm người dùng trên trang web nếu biết cách sử dụng hợp lý, thông minh. Chính vì vậy, bạn hãy cân nhắc tạo cho website một breadcrumbs ngay bây giờ nhé!

 

Liên hệ SEO

✅ Dịch vụ SEO ⭐ SEO tổng thể, SEO từ khóa
✅ Giá SEO ⭕ Rẻ nhất thị trường
✅ Thời gian SEO ⭐ 8 – 12 tháng.
✅ Từ khóa ⭕ Top 1-3, 1-5, 1-7, 1-10
✅ Cam kết ⭐ An toàn và bền vững
✅ Chuyển đổi ⭕ Tối ưu cao nhất

 

Câu hỏi thường gặp về Breadcrumbs

  1. Breadcrumbs là gì và chức năng của chúng là gì?
    Breadcrumbs là một thành phần giao diện trên trang web giúp người dùng biết vị trí của mình trong cấu trúc trang web.
  2. Làm thế nào để thêm breadcrumbs vào một trang web?
    Bạn có thể sử dụng mã HTML và CSS hoặc sử dụng các plugin, framework có sẵn.
  3. Breadcrumbs có tác dụng gì trong việc cải thiện trải nghiệm người dùng và tăng cường khả năng tìm kiếm?
    Breadcrumbs cải thiện trải nghiệm người dùng bằng cách cung cấp đường dẫn rõ ràng và dễ dàng trong quá trình điều hướng.
  4. Breadcrumbs có ảnh hưởng đến SEO không? 
    Breadcrumbs không có ảnh hưởng trực tiếp đến SEO. Tuy nhiên, chúng cung cấp một trải nghiệm tốt hơn cho người dùng, điều này có thể ảnh hưởng đến thời gian lưu trú trên trang web và tỷ lệ thoát.
  5. Làm thế nào để tối ưu hóa breadcrumbs để tăng hiệu quả trong việc điều hướng và tìm kiếm trên trang web?
    Hãy đảm bảo rằng chúng được thiết kế rõ ràng, dễ đọc và dẫn đường chính xác. Sử dụng cấu trúc hợp lý và từ khóa liên quan để tạo breadcrumbs tốt cho SEO.

 

CHÚC CÁC BẠN THÀNH CÔNG!

Để lại một bình luận