Breadcrumb là gì? Sức mạnh “đáng gờm” của Breadcrumbs trong SEO

  • Last update: 15/12/2021

Nguyễn Lê Hoài Thương

Chuyên Gia Digital Marketing

Breadcrumb là gì? Sức mạnh "đáng gờm" của Breadcrumbs trong SEO hình ảnh 1

Bạn đang xây dựng cấu trúc website và triển khai chiến lược SEO thì chắc chắn là từng nghe đến Breadcrumb là gì? Tuy nhiên, thực tế vẫn có nhiều người thường bỏ qua Breadcrumb, nhưng lại không biết rằng Breadcrumb đóng vai trò cực kỳ quan trọng khi làm SEO.

Để hiểu rõ lý do vì sao mọi SEOer nên sử dụng Breadcrumb – bạn hãy tiếp tục theo dõi bài viết của Prodima Vietnam nhé!

Breadcrumb là gì?

Thông thường, một trang web sẽ có cấu trúc khá phức tạp vì chứa nhiều nội dung – Breadcrumb tập hợp chuỗi liên kết giúp người dùng xác định được mình đang ở đâu trên website và di chuyển giữa các trang dễ dàng hơn.

Ví dụ về Breadcrumbs:

  • Schema Breadcrumbs website thông thường.
  • Breadcrumblist trên các trang web e-Commerce.
  • Breadcrumb Schema xuất hiện trên SERP.
  • Google hiển thị Breadcrumbs dựa trên truy vấn của người dùng (với một số từ khóa nhất định).
Breadcrumb là gì
Breadcrumb là chuỗi liên kết quan trọng giúp người dùng biết rõ mình đang ở đâu trên một website

Tầm quan trọng của Breadcrumb khi làm SEO

Chúng ta đã tìm hiểu về Breadcrumb là gì, vậy lý do gì mà các SEOer không thể bỏ qua Breadcrumb? Những website đã sử dụng Breadcrumbs sẽ có cấu trúc phân tầng nội dung phức tạp hơn. Nhưng với những trang web lớn thì việc sử dụng và điều hướng Breadcrumbs phù hợp sẽ mang lại rất nhiều lợi ích sau:

Đáp ứng Google tốt hơn

Không chỉ nâng cao trải nghiệm người dùng, Breadcrumbs còn giúp Google đánh giá cao trang web của bạn. Điều này sẽ giúp cải thiện thứ hạng trang trên kết quả tìm kiếm.

Điều này sẽ diễn ra khi khai báo các dữ liệu có cấu trúc này dưới dạng Rich Snippet trên kết quả tìm kiếm Google hoặc Schema Markup cho Breadcrumbs.

Một điểm khác biệt so với trước đây là thay dấu “/” thành “>” sang phải – đoạn test sẽ được Google đăng tải dưới dạng khai báo Schema. Đặc biệt, Google cũng sử dụng Breadcrumb để hiển thị các kết quả tìm kiếm.

Điều hướng nhanh đến thư mục cấp cao hơn

Bạn đang đọc một bài viết => có thể quan tâm đến các bài viết liên quan cùng chủ đề. Điều này thúc đẩy bạn vào link để truy cập vào bài viết đó.

Cũng tương tự như cách người dùng sẽ làm trên trang web của bạn. Việc bố trí điều hướng phù hợp sẽ giúp người dùng tìm kiếm nhanh hơn, khiến họ ở trên trang lâu và có thể tạo ra nhiều chuyển đổi như bạn mong muốn.

Giúp người dùng biết được “họ đang ở đâu?” trên website

Khi truy cập vào một trang web có cấu trúc tầng phức tạp, việc sử dụng Breadcrumb sẽ giúp người dùng truy cập không bị bối rối và biết được mình ở đâu, có thể tìm thông tin mong muốn như thế nào…

Đồng thời, Breadcrumb giúp trang web của bạn trở nên chuyên nghiệp hơn trong mắt người đọc, không chỉ góp phần tăng trải nghiệm người dùng mà còn hỗ trợ làm SEO tốt hơn.

Giảm tỷ lệ thoát trang (Bounce Rate)

Tâm lý chung của người dùng là nhấp chuột vào những trang web nằm ở top đầu trên kết quả tìm kiếm Google. Lúc này thanh Breadcrumb sẽ xuất hiện “Trước – Trong và Sau” tiêu đề của website.

Điều này giúp trang web của bạn nổi bật hơn trong mắt người dùng và khiến họ click vào link để tìm đến danh mục cao cấp hơn trên trang.

Trong trường hợp, người dùng truy cập thoát trang nhưng họ vẫn xem các nội dung tiếp theo của trang sẽ giúp giảm tỷ lệ Bounce Rate (Tỷ lệ Thoát trang) trên toàn website.

Và Bounce Rate cũng là một trong những yếu tố quan trọng để Google xem xét và xếp hạng trang web của bạn.

Breadcrumb là gì? Sức mạnh "đáng gờm" của Breadcrumbs trong SEO hình ảnh 2
Breadcrumb nâng cao trải nghiệm người dùng giúp giảm tỷ lệ thoát trang

3 Loại Breadcrumb phổ biến

Hiện nay có 3 loại Breadcrumb được các SEOer sử dụng nhiều nhất, cụ thể:

Path Breadcrumbs (Breadcrumbs theo đường dẫn)

Path Breadcrumbs còn được gọi là Path-based Breadcrumbs – hiển thị cho người dùng các đường dẫn / các bước cụ thể. Tuy nhiên, loại Breadcrumb này đang dần “chìm” hơn vì bản chất của nó giống như nút “Back”. Thêm vào đó, người dùng truy cập cũng khó biết rõ vị trí hiện tại của họ trên website.

Location Breadcrumbs (Breadcrumbs theo vị trí)

Location Breadcrumbs còn gọi là Location-based breadcrumbs – giúp người dùng biết được vị trí của họ trên trang web.

Nếu trang web của bạn có cấu trúc được chia thành nhiều tầng, con số lớn hơn 2 (chuyên mục và bài viết) thì nên sử dụng loại Breadcrumb này sẽ hỗ trợ rất tuyệt vời.

Attribute Breadcrumbs (Breadcrumbs theo thuộc tính)

Attribute Breadcrumbs còn gọi là Attribute-based breadcrumbs – thể hiện các thuộc tính của một trang web. Loại Breadcrumb được sử dụng rất nhiều trong các website thương mại điện tử vì có số lượng sản phẩm lớn, nhiều mẫu mã… để phân loại.

Ví dụ: Website của bạn kinh doanh sản phẩm điện thoại di động theo hệ điều hành, hãng sản xuất, giá thành, các thuộc tính khác… Breadcrumbs sẽ đóng vai trò phân loại cho các tiêu chí này, cung cấp cho người dùng thông tin rõ hơn về sản phẩm để dễ dàng lựa chọn.

Breadcrumb là gì? Sức mạnh "đáng gờm" của Breadcrumbs trong SEO hình ảnh 3
Cách sử dụng Breadcrumb trong website thương mại điện tử

2 Cách tạo Breadcrumbs cực kỳ đơn giản

Chúng ta đã tìm hiểu các loại Breadcrumbs là gì, trong phần này Prodima Vietnam sẽ hướng dẫn cho bạn cách tạo Breadcrumb rất đơn giản như sau:

Sử dụng plugin WordPress Breadcrumb NavXT

Bước 1: Search từ khóa “Breadcrumb NavXT” => Tải xuống, cài đặt và kích hoạt.

Bước 2: Thêm Breadcrumb NavXT thông qua Widget => truy cập vào tab Layout => mở Widget => thả plugin NavXT bạn muốn xuất hiện đường dẫn WordPress vào.

Bước 3: Để thêm Breadcrumb trực tiếp vào giao diện trang, bạn hãy chèn đoạn Code Snippet dưới đây vào file header.php:

<div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”https://schema.org/”>

<?php

if(function_exists(‘bcn_display’))

{

bcn_display();

}?>

</div>

Khi hoàn tất, bạn sử dụng plugin này để hiển thị Breadcrumb tại các vị trí cần thiết. Để xem cấu hình chi tiết, bạn hãy truy cập vào Cài đặt của plugin.

Sử dụng Yoast SEO để chèn Breadcrumb vào website WordPress

Bước 1: Tải xuống, cài đặt và kích hoạt plugin Yoast SEO.

Bước 2: Sau khi hoàn tất cài đặt, thêm Code vào WordPress theme con của bạn. Tuy nhiên khi thêm mã này vào thì tài khoản ban đầu sẽ đổi thành page.php, single.php hoặc header.php. 3 Breadcrumb này đảm bảo hiển thị trên toàn bộ trang, danh mục và nội dung bài viết.

Đây là đoạn mã:

<?php

if ( function_exists(‘yoast_breadcrumb’) ) {

yoast_breadcrumb( ‘<p id=”breadcrumbs”>’,'</p>’ );

}

?>

Sau khi bạn thêm code vào, kích hoạt breadcrumbs bằng Yoast SEO -> Search Appearance ->

Breadcrumbs

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

Breadcrumb đóng vai trò cực kỳ quan trọng đến sự tăng trưởng của website. Mặc dù bạn đã hiểu được lợi ích của Breadcrumb là gì nhưng nếu không dùng đúng cách cũng không mang lại hiệu quả như mong đợi.

Để tối ưu hóa Breadcrumb tốt nhất cho website, bạn nên ghi nhớ các lưu ý dưới đây nhé:

Nên thiết kế Breadcrumbs như thế nào?

Kích thước Breadcrumb khi thiết kế phải phù hợp với website. Ngoài ra, Breadcrumb không được quá nổi bật hay chiếm nhiều diện tích sẽ lấy đi sự chú ý của người đọc với Page Title và Top Menu.

Thêm vào đó, bạn không nên liên kết Breadcrumb đến chính nó và đừng quên in đậm / ghi đề mục để người dùng nhận biết.

Vị trí của Breadcrumbs ở đâu?

Nên đặt Breadcrumb ở Header – ngay đầu trang, trên Page Title hoặc dưới top Navigation bar (nếu có) – vì đây là những vị trí người dùng dễ nhìn thấy và nhấp vào khi cần.

Breadcrumb là gì? Sức mạnh "đáng gờm" của Breadcrumbs trong SEO hình ảnh 4
Vị trí đặt Breadcrumb phổ biến

Breadcrumbs phải hướng đến người dùng

Khi tạo Breadcrumb, bạn phải nghĩ đến trải nghiệm của người dùng và phải đáp ứng tốt cho SEO. Đặc biệt không được lạm dụng Breadcrumb cũng như nhồi nhét quá nhiều từ khóa. Điều này sẽ gây ra nhiều hệ lụy không mong muốn cho website như: giảm lượng truy cập, giảm lượt click, tăng tỷ lệ thoát trang…

Quan hệ giữa Breadcrumb và Top Menu / Main Navigation

Khi sử dụng Breadcrumb, bạn phải thêm cả Top Menu và Main Navigation. Thực tế, Breadcrumb là hệ thống Navigation phụ để người dùng truy cập có thể biết rõ vị trí hiện tại của mình. Chính vì thế, Breadcrumb không thể hoàn toàn thay thế cho Top Menu hay Main Navigation.

Hướng dẫn kiểm tra Breadcrumb trên website

Công cụ check Breadcrumbs Schema

  • Kiểm tra Breadcrumb trên giao diện website bằng mắt thường.
  • View Source code.
  • Google Search Console.
  • Google Search.
  • Công cụ kiểm tra hiển thị kết quả tìm kiếm.
  • Công cụ kiểm tra dữ liệu có cấu trúc Google.

Kiểm tra Breadcrumbs trên 6 loại page

Nguyên tắc bạn cần nằm lòng khi kiểm tra Breadcrumb trên các trang này:

  • Trang chủ: Không cần có.
  • Trang danh mục: Phải có.
  • Trang tĩnh: Phải có.
  • Trang Tag: Phải có.
  • Trang Filter: Phải có.
  • Trang bài viết/ sản phẩm: Phải có.

Các kiểu hiển thị Breadcrumb được sử dụng nhiều nhất

Website càng có nhiều ứng dụng thì theme hiển thị của Breadcrumb cũng thay đổi linh hoạt theo từng mục đích sử dụng:

  • Sử dụng các hình khối.
  • Dưới dạng một menu.
  • Dựa trên văn bản cổ điển.
  • Quy trình hướng dẫn nhiều bước.

Lời kết

Qua những chia sẻ về Breadcrumb là gì trên đây, chắc rằng bạn đã hiểu được vai trò của Breadcrumb đối với một website và trong quá trình làm SEO. Prodima Vietnam luôn khuyến khích bạn nên tối ưu Breadcrumb là gì phải đáp ứng trải nghiệm người dùng và tạo điều hướng nội dung trên trang tốt nhất.

Nếu bạn thích bài viết này, chắc hẳn bạn sẽ thích thú với dịch vụ SEO của chúng tôi. Prodima là đội ngũ chuyên gia về Digital Marketing tại TP. Hồ Chí Minh. Chúng tôi có thể mang đến cho bạn những chiến lược xuất sắc để giúp bạn bứt phá lượng truy cập và tăng doanh thu một cách bền vững.

Liên hệ ngay với các chuyên gia của chúng tôi để được tư vấn ngay bây giờ với sự hỗ trợ tận tình 24/7.