Breadcrumb là gì? Cách tạo breadcrumb trong WordPress Website 2021

|

Thuật ngữ Breadcrumb là một khái niệm khá phổ biến trong SEO không chỉ SEOer mà SEM SEO cùng quan tâm đến thuật ngữ này. Breadcrumb là một tập hợp các liên kết nhằm giúp cho người dùng xác định được vị trí hiện tại của mình trong cấu trúc website. Bài viết sau đây sẽ giải thích rõ hơn về tầm quan trọng Breadcrumb. Hãy cùng theo dõi nhé!

Breadcrumb là gì? Cách tạo breadcrumb trong WordPress Website 2021
Breadcrumb là gì? Cách tạo breadcrumb trong WordPress Website 2021

Breadcrumb là gì?

Breadcrumb là một tập hợp những liên kết nhằm giúp xác định được vị trí hiện tại của mình trên cấu trúc website. Trong một website có cấu trúc phức tạp hay có nhiều nội dung thì Breadcrumb Navigation chính là một cách hiệu quả để xác định được vị trí và thuận tiện hơn khi mà người dùng di chuyển giữa các trang.

Breadcrumb thường được xuất hiện ngay trên đầu trang website và cũng được đặt ngay dưới phần đầu (top) hoặc dưới thanh tiêu đề, header. Chúng cung cấp cho khách hàng các liên kết để quay lại trang trước cấp cao hơn và cũng tiện theo dõi vị trí hiện tại của mình ở trên trang.

Một Breadcrumb điển hình nhất thường có dạng như sau:

  • Trang chủ > Chuyên Mục (hoặc thẻ Tag) > Trang con
  • Trang chủ > Trang đã xem thứ nhất > Trang đã xem thứ hai > …

Breadcrumb có vai trò gì trong SEO?

Breadcrumb Có Vai Trò Trong Seo
Breadcrumb Có Vai Trò Trong Seo

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

  • Breadcrumb tiện dụng cho người dùng: Breadcrumb chính là một công cụ để hỗ trợ cho người dùng điều hướng một trang website. Đối với một trang website lớn chứa nhiều nội dung, Breadcrumb giúp cho người dùng định vị được bản thân so với cấu trúc toàn site.
  • Giảm số click và những thao tác để quay lại những trang cao cấp hơn: Thay vì người dùng sử dụng “back” hay top menu của website để nhằm quay lại trang cao cấp hơn. Người dùng có thể sử dụng Breadcrumb và dễ dàng di chuyển đến những Category hay tổ chức cao hơn trong website.
  • Giảm được bounce rate: Những điều hướng của Breadcrumb là một phương pháp hữu hiệu để khuyến khích cho người truy cập được kiểm tra nội dung của một trang website sau khi mà đã xem trang đích. Những liên kết của Breadcrumb sẽ dẫn cho người dùng đến những phân trang khác và cung cấp các thông tin liên quan. Điều này nhằm giúp giảm được tỷ lệ thoát trang nói chung.

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

Đa số những người làm seo thường dùng Breadcrumb để tăng lượng Anchor text có gắn với keyword ở trên website. Nhưng nếu như mà lạm dụng và kỹ thuật này có thể làm giảm UX (trải nghiệm của người dùng) và việc này cũng không tốt.

Quan trọng hơn hết thì wordpress Breadcrumb của bạn có thể hiện lên trên kết quả tìm kiếm (SERPs), tăng khả năng cho người dùng click vào kết quả của bạn giữa các kết quả tìm kiếm khác.

Các loại Breadcrumb

Breadcrumb theo vị trí

Hay còn được gọi là location – based Breadcrumb: cho người dùng biết được họ đang ở đâu trong hệ thống phân cấp của website.

Loại Breadcrumb này dùng tốt nhất cho các website mà nội dung được chia thành nhiều tầng (>=2).

Breadcrumb Theo Vị Trí
Breadcrumb Theo Vị Trí

Breadcrumb theo thuộc tính

Attribute – based Breadcrumb thể hiện được thuộc tính của một page trong website.

Loại Breadcrumb này cũng khá phổ biến trong những website thương mại điện tử. Ví dụ như bạn muốn tìm mua điện thoại, website đó có thể phân loại HP theo thuộc tính đặc trưng của nó như: giá, hệ điều hành, thương hiệu,…

Breadcrumb Theo Thuộc Tính
Breadcrumb Theo Thuộc Tính

Breadcrumb theo đường dẫn

Breadcrumb theo đường dẫn (path – based) chỉ ra những bước hay đường dẫn mà người dùng đã đi qua để truy cập đến một trang cụ thể.

Trong 3 loại Breadcrumb thì breadcrumb theo đường dẫn ít phổ biến. Bởi vì bản chất chức năng này tương tự như nút back và không cho người dùng biết được vị trí tương đối với cấu trúc site.

Sử dụng Breadcrumb trong thực tế

Sử dụng Breadcrumb không khó nhưng để dùng Breadcrumb tốt nhất thì cần phải có một số tài nguyên tác cơ bản cần phải tuân thủ như sau:

  • Breadcrumb là hệ thống navigation phụ và không thể thay thế main navigation/ top menu.
  • Breadcrumb phải mang lại lợi ích cho người dùng: Một số lỗi phổ biến khi mà thực hiện breadcrumb là sử dụng khi mà chúng cũng không mạng lại lợi ích gì cho website.Cách tốt nhất để xác định xem breadcrumb có mang lại lợi ích cho một website hay không là xây dựng một site map hoặc visitor flow để xác định breadcrumb sẽ cải thiện khả năng của người sử dụng như thế nào để điều hướng thông tin trong website.
  • Tiêu chuẩn tạo breadcrumb:
    • Breadcrumb thường xuất hiện phía trên nửa đầu của trang, ngay dưới top navigation bar (nếu có) và ở trên page title.
    • Breadcrumb giảm cấp theo thứ bậc: bắt đầu từ trang chủ và đi theo từng cấp từ cao nhất đến thấp nhất theo từng bước.
    • Breadcrumb cần có kích cỡ hợp lý, không chiếm quá nhiều diện tích, và không nên lấy sự chú ý khỏi top menu và title của page.
    • Dấu hiệu tách hyperlink cho breadcrumb cần thống nhất.
  • Thiết kế breadcrumb đẹp mắt và hài hòa với thiết kế tổng quan của site.
  • Những công dụng khác của breadcrumb.
    • Hỗ trợ các quy trình có nhiều bước.
    • Đóng vai navigation bar bổ sung: dropdown xuống navigation phụ (Sub-Navigation).
    • Sáng tạo với breadcrumb.

Cách tối ưu Breadcrumb cho website

Cách Tối ưu Breadcrumb Cho Website
Cách Tối ưu Breadcrumb Cho Website

Breadcrumb có vai trò rất quan trọng cho sự tăng trưởng của website. Nhưng nếu như những SEOer mà không biết sử dụng thì không thể nào đạt được kết quả như mong đợi.

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

Khi mà tạo Breadcrumb thì bạn cần đặt lợi ích của người dùng lên hàng đầu. Nếu như mà tốt cho SEo thì đó chỉ là lợi ích được thêm vào sau đó. Bạn tuyệt đối không nên lạm dụng Breadcrumb và nhồi nhét quá nhiều từ khóa quá đà vào. Điều này thì cũng có sự ảnh hưởng đến trang website của bạn như:

  • Tăng tỷ lệ thoát trang.
  • Giảm lượt click.
  • Giảm lượng truy cập.

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

Đa phần thì Breadcrumb thường được đặt ở đầu trang, ở trên page title và ở dưới top navigation bar (nếu có) vì đây chính là vị trí mà người truy cập dễ dàng nhìn thấy nhất và sẽ click vào ngay khi cần.

Mục tiêu chính thiết kế Breadcrumb là gì?  

Breadcrumb cần được thiết kế với kích thước hợp lý và phù hợp với tổng thể website. Ngoài ra thì WordPress Breadcrumb cũng không nên chiếm quá nhiều diện tích hay quá nổi bật vì sẽ lấy đi sự chú ý của người xem đối với top menu và page title.

Ngoài ra, không nên link Breadcrumb đến chính nó. Ở vị trí trang hiện tai thì bạn cũng có thể ghi đề mục in đậm để người dùng nhận biết.

Xác định mối liên quan giữa main navigation/top menu và Breadcrumb

Sử dụng Breadcrumb vẫn phải cần main navigation/top menu. Breadcrumb thực chất chỉ là một hệ thống navigation phụ nhằm giúp cho người dùng biết được vị trí mình đang truy cập. Còn navigation/top menu sẽ cho phép điều hướng tốt hơn. Vì thế mà Breadcrumb sẽ không thay thế thay thế hoàn toàn cho main navigation/top menu. Tuy bạn đã tạo Breadcrumb nhưng cũng cần chú ý đến việc xây dựng main navigation thu hút và đầy đủ.

Hướng dẫn làm Breadcrumb cho website

Hướng Dẫn Làm Breadcrumb Cho Website
Hướng Dẫn Làm Breadcrumb Cho Website

Cài đặt Schema Breadcrumb WordPress

Nếu như mà bạn đã sử dụng Plugin Yoast SEO Breadcrumb thì bạn cũng có thể bật avf điều chỉnh những bước như sau:

  1. Copy đoạn code này đặt trong <single.php> hay <page.php>
<?php
if ( function_exists(‘yoast_Breadcrumb’) ) {
    yoast_Breadcrumb( ‘<p id=”Breadcrumbs”>’,'</p>’ );
}
?>
  1. Bạn chọn DashboardSEOSearch AppearanceBreadcrumbEnable.

Trong đó:

  • Dấu ngăn cách giữa những Breadcrumb: Thường sẽ là “»” hay dấu ‘/” .
  • Anchor text cho trang chủ: Điền Home hay trang chủ.

Hay có thể cài đặt plugin tạo Schema Breadcrumb như:

  • Breadcrumb navxt (link tải: https://wordpress.org/plugins/Breadcrumb-navxt/)
  • Breadcrumb (link tải: https://wordpress.org/plugins/Breadcrumb/)

Bạn cũng có thể thay đổi domain website thành sitename giúp cho kết quả tìm kiếm đường dẫn Breadcrumb Google trong đẹp hơn và cũng dễ dàng truyền tải thương hiệu hơn: Bạn thêm code này:

<head itemscope itemtype=”http://schema.org/WebSite”>
<meta itemprop=’name’ content=”Your WebSite Name”/>
<link rel=”canonical” href=”https://example.com/” itemprop=”url”>

Cài đặt Breadcrumb với website sử dụng mã nguồn khác

Đối với những website mã sử dụng những mã nguồn khác thì bạn cũng có thể tham khảo và sử dụng các đoạn code có sẵn ở trang website hỗ trợ tạo Breadcrumb.

Lưu ý: Nếu không biết về code thì bạn nên nhờ đến thiết kế hay quản trị website để tránh những tình trạng đáng tiếc khi mới thêm đoạn code Breadcrumbs.

Sử dụng Yoast SEO để thêm Breadcrumb vào website wordpress

Cài đặt Plugin Yoast SEO cũng tương tự như những plugin khác. Tải và thực hiện cài đặt như những plugin khác.

  1. Đăng nhập vào WordPress, truy cập vào Trang tổng quan
  1. Nhấp vào SEO

Ở phía tay trái, bạn sẽ thấy một menu. Click vào menu đó và nhấp vào ‘SEO’.

  1. Nhấp vào “Giao diện tìm kiếm” (Search Appearance)

Cài đặt ‘SEO’ sẽ mở rộng cung cấp cho bạn các tùy chọn bổ sung. Nhấp vào ‘Giao diện Tìm kiếm’.

  1. Nhấp vào tab Breadcrumbs
Nhấp Vào Tab Breadcrumbs
Nhấp Vào Tab Breadcrumbs
  1. Cuộn xuống cuối màn hình và bật công tắc Breadcrumbs

Để thêm breadcrumbs Yoast, chuyển nút gạt sang ‘Đã bật’.

Để xóa breadcrumbs Yoast, hãy chuyển nút gạt sang ‘Đã tắt’.

  1. Nếu bạn đã bật breadcrumbs, hãy định cấu hình cài đặt theo sở thích của bạn.
Định Dạng Cấu Hình Breadcrumb
Định Dạng Cấu Hình Breadcrumb

Lưu ý rằng Trang không nhận được tùy chọn Taxonomy (cách nhóm các nội dung lại với nhau trong WordPress) để Hiển thị và do đó breadcrumbs sẽ không được hiển thị. Thay vào đó, một mã ngắn phải được sử dụng để hiển thị chúng.

Gắn Mã để Hiển Thị Breadcrumbs
Gắn Mã để Hiển Thị Breadcrumbs
  1. Nhấp vào “Lưu thay đổi
  1. Hiển thị Tính năng Blog Page

Nếu bạn muốn sử dụng tính năng này, bạn sẽ cần thiết lập một trang tĩnh cho Trang Bài đăng (Posts Page) của mình trong phần Cài đặt-Đọc trên trang web WordPress của bạn.

Sử dụng plugin WordPress Breadcrumb NavXT

NavXT cũng thực hiện cài đặt như những plugin khác. Bạn chỉ cần tìm kiếm từ khóa “Breadcrumb NavXT” thì nó sẽ hiện ra, bạn sẽ cài đặt và kích hoat.

Plugi NavXT thêm Breadcrumb thông qua widget. Để sử dụng thì bạn hãy chuyển tới tab Appearances mở widgets. Chỉ cần tahr widget NavXT, widget vào trang web mà bạn muốn breadcrumb wordpress hiện lên là được.

Nếu như bạn cần thêm breadcumb trực tiếp vào theme thì thực hiện như sau:

  1. Bạn cũng cần thêm đoạn code snippet sau vào file header.php:
<div class=”breadcrumbs” typeof=”BreadcrumbList” vocab=”https://schema.org/”>
<?php
if(function_exists(‘bcn_display’))
{
    bcn_display();
}?>
</div>
  1. Sau khi có thể sử dụng Plugin này để hiển thị breadcrumb ở chỗ cần thiết. Để cấu hình chi tiết di chuyển vào page setting của plugin

Mẫu HTML markup cho Breadcrumb Trail

Ví dụ như bạn bạn muốn cài đặt một đường dẫn breadcrumb như sau:

Trang chủ//Mẫu theme đẹp/Mẫu theme bất động sản

HTML markup sẽ trông như thế này:

<a href="https://themenest.vn/">Trang chủ</a>
<a href="https://themenest.vn/mau-theme-dep/">Mẫu theme bất động sản</a>

Lưu ý:

Trong quá trình triển khai Breadcrumb bạn nên tách các mục bằng ký tự, các ký tự đơn giản như:

hoặc >> những biến thể như > (hay còn gọi là dấu ngoặc kép tiếng Pháp) và », / hoặc là //

Việc sử dụng các ký tự này làm tăng thêm sự quen thuộc, do đó nó sẽ mang lại trải nghiệm tốt cho người dùng.Tốt nhất nên sử dụng các ký tự đơn giản. Bạn chọn ký tự phân tách nào sẽ không quan trọng, chỉ cần trong suốt quá trình thực hiện bạn sử dụng đồng ký tự cho trang web.

Structured Data (Dữ liệu cấu trúc) & Breadcrumb

Nếu như muốn đảm bảo được công cụ google tìm kiếm hiểu breadcrumb, bạn cũng nên sử dụng schema.org vocabulary. Một trong những structured data hỗ trợ hiệu quả quá trình này:

  • Microdata
  • RDFa
  • JSON-LD

Việc áp dụng các Structured Data cho Breadcrumbs giúp các công cụ tìm kiếm sẽ có nhiều khả năng thêm đường dẫn vào snippets cho website trong kết quả tìm kiếm.

Structured Data Mua Theme WordPress
Structured Data Mua Theme WordPress

Sử dụng thuộc tính Structured Data trong Điều hướng Breadcrumb

Thuộc tính Structured Data có cấu trúc cho Breadcrumb được xác định bởi schema.org BreadcrumbList. Công cụ google tìm kiếm thường sử dụng các thuộc tính sau để tạo list breadcrumb trong các snippets:

  • Item (mục).
  • Name (tên).
  • Position (vị trí).

Mẫu Breadcrumb Markup sử dụng Microdata

Mẫu Breadcrumb:

Trang chủ/ Mẫu theme wordpress/ Mẫu theme wordpress bất động sản

Breadcrumb Markup sử dụng cài đặt Microdata sẽ trông như thế này:

<ol itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://themenest.vn/"> <span itemprop="name">Trang chủ</span></a> <span itemprop="position" content="1">>></span> </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://themenest.vn/mau-theme-wordpress/"> <span itemprop="name">Mẫu theme wordpress</span></a> <span itemprop="position" content="2">>></span> </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <span itemprop="item" content="https://themenest.vn/mau-theme-wordpress/mau-theme-wordpress-bat-dong-san"> <span itemprop="name">Mẫu theme wordpress bất động sản</span></span> <span itemprop="position" content="3"></span> </li>
</ol>

Mẫu Breadcrumb Markup sử dụng RDFa

Mẫu Breadcrumb:

Trang chủ/ Mẫu theme wordpress/ Mẫu theme wordpress bất động sản

<ol vocab="http://schema.org/" typeof="BreadcrumbList">
    <li property="itemListElement" typeof="ListItem"> <a property="item" content="https://themenest.vn/"> <span property="name">Trang chủ</span></a> <span property="position" content="1">>></span> </li>
    <li property="itemListElement" typeof="ListItem"> <a property="item" content="https://themenest.vn/mau-theme-wordpress/"> <span property="name">Mẫu theme wordpress</span></a> <span property="position" content="2">>></span> </li>
    <li property="itemListElement" typeof="ListItem"> <span property="item" content="https://themenest.vn/mau-theme-wordpress/mau-theme-wordpress-bat-dong-san"> <span property="name">Mẫu theme wordpress bất động sản</span></span> <span property="position" content="3"></span> </li>
</ol>

Những phương pháp hay nhất về Breadcrumb

Giảm số lượng thông tin với Breadcrumb

Breadcrumb kết hợp với với những deep link ở một cấp độ thấp nhất sẽ hiệu quả để giảm được số lượng thập thông tin. Vì thế tạo ra cấu trúc website này cũng đặc hơn.

Bạn có một website với 6 cấp độ dưới cấp độ gốc. Nếu như đặt một liên kết từ cấp cơ sở đến nội dung cấp 6 bằng Breadcrumb, bạn giảm thu thập thông tin và độ sâu click chuột của tất cả những nội dung ở cấp 3-6.

Breadcrumb và Search snippets

Như đã được đề cập ở khái niệm, các công cụ có khả năng hiển thị đường dẫn trong kết quả tìm kiếm, nếu như chúng có thể xác định được trên website. Nhưng Search snippets bị giới hạn số lượng hiển thị. Vì thế mà trong trường hợp Breadcrumb quá dài và những công cụ tìm kiếm phải rút ngắn lại trong kết quả tìm kiếm.

Pagination và Breadcrumb

Pagination cũng được thể hiện ở trong Breadcrumb. Nếu như bạn có nội dung được Pagination, nếu như bạn thêm phần tử đầu tiên và phần tử hiện tại của nội dung được pagination ở trong Breadcrumb của mình.

Ví dụ như:

Homepage/đèn năng lượng mặt trời/đèn 60W/trang 3.

Liên kết “Bảng” liên kết đến phần tử đầu tiên của nội dung được phân trang bảng và cho phép người dùng quay lại phần bắt đầu Pagination.

Khi thêm Pagination vào Breadcrumb cũng tạo ra những internal link có liên quan đến những tài liệu bắt đầu của nội dung được Pagination. Điều này cũng có thể giúp cho nó phù hợp hơn với những công cụ tìm kiếm.

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

Khi mà tạo bredcrumbs, bạn chỉ cần phải đặt lợi ích người dùng lên hàng đầu. Nếu nó có tốt cho SEO thì đó cũng là lợi ích mà thêm vào sau đó. Bạn cũng không nên lạm dụng quá Breadcrumbs và nhồi nhét từ khóa. Điều này cũng gây ra những ảnh hưởng trực tiếp đến những người trải nghiệm và cũng gây ra những hệ lụy không hề nhỏ cho những webiste của bạn:

  • Tăng tỷ lệ thoát trang.
  • Giảm lượt click.
  • Giảm lượng truy cập.

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

Thường thì Breadcums nên được đặt ở đầu trang, ở trên page title và dưới top navigation bar (nếu có) vì đây là vị trí mà người truy cập dễ dàng nhìn thấy và sẽ click vào ngay khi cần.

Thiết kế Breadcrumbs là làm gì?

Breadcrums cần được thiết kế với kích thước hợp lý, phù hợp với tổng thể website. Bên cạnh đó thì breadcumns cũng không nên chiếm quá nhiều diện tích hay quá nổi bật vì nó cũng lấy đi sự chú ý của nhiều người xem đôi với top menu và page title.

Bên cạnh đó thì cũng không nên link Breadcrumbs đến chính nó. Ở vị trí hiện tại nên thực hiện in đậm để người dùng dễ dàng nhận biết hơn.

Quan hệ giữa main navigation/top menu và Breadcrumbs là gì?

Sử dụng Breadcrumbs vẫn phải cần main navigatin//top menu. Breadcrums thực sự chỉ là một hệ thống navigation phụ nhằm giúp cho người đoc định vị được vị rí đứng của mình. Còn navigation/top menu sẽ cho phép người dùng sẽ điều hướng tốt hơn. Vì thế mà Breadcrumbs cũng sẽ không thể thay thế hoàn toàn cho main navigation/top menu.

Mặc dù có tạo Breadcrumbs nhưng mà bạn cũng cần chú ý đến với việc xây dựng main navigation thu hút và đầy đủ.

Những lỗi thường gặp với điều hướng Breadcrumb

Sử dụng Breadcrumb ngắn cho những Site structures

Nếu như mà đường dẫn Breadcrumb ngắn quá trên website có nhiều cấp thông tin thì Breadcrumb sẽ không thực sự hiệu quả để tạo ra một site Structures.

Vì thế mà bạn nên thiết kế sử dụng Breadcrumb theo cách giảm mức thu thập thông tin. Điều này cũng có thể giúp cho tối ưu hóa tỷ lệ thu thập thông tin.

Sử dụng Breadcrumb Trail đảo ngược trong Title của website

Một số trường hợp mà quản trị viên của website thêm Breadcrumb Trail trong title HTML của website. Điều này cũng có thể dẫn đến vượt tầm kiểm soát và độ dài tiêu đề không được công cụ google tìm kiếm hỗ trợ, sẽ bị rút ngắn trong kết quả tìm kiếm.

Vì thế mà bạn không nên sử dụng Breadcrumb Trail trong title HTML của website.

Đừng để hiển thị quá to hay quá nhỏ

Breadcrumbs phải trông thật dễ nìn nhưng mà cũng đừng nên quá phô trương. Font chữ cũng nên nhỏ hơn 1 chút cũng không có sự ảnh hưởng gì cả. Nhưng mà cỡ chỡ thì bạn cũng không nên để quá nhỏ vì nó làm cho người dùng khó nhìn và kích vào khi dùng thiết bị di động.

Đặc breadcrumb ở đầu trang và bên dưới hero image hay ngay ở trên thanh tiêu đề của H1 để người dùng dễ dàng tìm kiếm.

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

Nếu như mà đường dẫn chỉ sao chép những gì mà bạn đã có trong thanh điều hướng thì thực sự chúng sẽ có ích vì không thể phục vụ thêm cho bạn bất cứ một mục đích nào khác.

Không cần phải có nhiều mã nếu như nó không có hữu ích với bạn.

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

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

Không cần phải thêm mã nếu như mà nó không có ích.

Đừng bỏ thanh điều hướng và chỉ sử dụng Breadcrumbs

Không nên lặp lại những gì mà có trong thanh điều hướng nhưng cũng không nên quá phụ thuộc hoàn toàn vào breadcumbs.

Chúng cũng đóng vài trò bổ úng chứ không hề thay thế cho những tính năng điều hướng khác.

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

Đường dẫn vị trí (breadcrumbs location) chính là một loại phổ biến, nhưng chúng cũng phải là một lựa chọn tốt nhất cho webiste của bạn. Ví dụ, bạn cũng sử dụng đường dẫn những vị trí nếu như mà trang website của bạn không sử dụng những cấu trúc lồng nhua ở trong đó hầu hết những trang phù hợp với một vài danh mục.

Với những trường hợp như thế thì bạn cũng nên dẫn đường dựa vào lịch sử có thể có lợi hơn. Điều này cũng có nghĩa là bạn cũng phải hiểu được cấu trúc của website của mình và cũng đưa ra được sự lựa chọn đúng đắn với breadcrumbs phù hợp.

Những kiểu hiển thị Schema Breadcrumbs được sử dụng hiện nay

Website mà càng có nhiều ứng dụng đi kèm theo giao diện hiển thị của Schema Breadcrumb cũng được thay đổi tuỳ theo mục đích sử dụng:

Dựa trên văn bản cổ điển

Thiết Kế Breadcrumbs Theo Văn Bản Cổ điển
Thiết Kế Breadcrumbs Theo Văn Bản Cổ điển

Sử dụng các hình khối

Thiết Kế Breadcrumbs Sử Dụng Các Hình Khối
Thiết Kế Breadcrumbs Sử Dụng Các Hình Khối

Quy trình hướng dẫn nhiều bước

Thiết Kế Breadcrumbs Quy Trình Hướng Dẫn Nhiều Bước
Thiết Kế Breadcrumbs Quy Trình Hướng Dẫn Nhiều Bước

Kiểm tra Schema Breadcrumbs khi check onpage

Những công cụ check Breadcrumbs Schema

  • Sử dụng mắt thường để check Breadcrumbs Schema trên giao diện website
    View Source code.
  • Google Search.
  • Công cụ kiểm tra dữ liệu có cấu trúc Google.
  • Công cụ kiểm tra hiển thị kết quả tìm kiếm.
  • Google Search Console.
Công Cụ Check Breadcrumbs Schema
Công Cụ Check Breadcrumbs Schema

Kiểm tra Schema Breadcrumbs có mặt tại 6 loại page

Kiểm Tra Schema Breadcrumbs Có Mặt Tại 6 Loại Page
Kiểm tra Schema Breadcrumbs có mặt tại 6 loại page

Nguyên tắc khi kiểm tra Schema Breadcrumbs trên các loại page:

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

Tạo và kiểm tra Breadcrumbs

Google search sử dụng schema Breadcrumbs trong phần nội dung ở trang web nhằm phân loại những thông tin ở trên trang SÉP.

Nhưng mà web của bạn cũng nên tuân thủ điều kiện như sau:

  • Nguyên tắc quản trị trang web.
  • Nguyên tắc chung về dữ liệu có cấu trúc.

Để cài đặt cấu trúc Schema Breadcrumbs có thể qua 03 cách chèn code:

  1. Thêm một đoạn code JSON-LD.
  2. Chuyển đổi HTML breadcrumbs theo cấu trúc RDFa.
  3. Chuyển đổi HTML breadcrumbs theo cấu trúc Microdata.

Cách kiểm tra theo lệnh Schema Breadcrumbs:

  • Kiểm tra theo lệnh “site:url cần kiểm tra”.
  • View source code.
  • Sử dụng công cụ kiểm tra dữ liệu có cấu trúc.

Kiểm tra báo cáo đường dẫn trong Search Console để xử lý

KIểm Tra Báo Cáo đường Dẫn Trong Search Console
Kiểm tra báo cáo đường dẫn trong Search Console

Breadcrumb chính là một giải pháp để cải thiện được sự trải nghiệm của người dùng và tạo được sự tương tác. Nắm được Breadcrumb là gì thực sự không khó, nhưng bạn phải lưu ý những điều này: Breadcrumb có ích cho người dùng, thiết kế Breadcrumb hài hòa với website, có từ khóa chính xác của bài viết.

Nếu bạn có thắc mắc hay có vấn đề cần hỗ trợ, bạn có thể liên hệ trực tiếp với ThemeNest thông qua các kênh sau:

  • Hotline: 0902 170 180
  • Email: sales@themenest.vn

ThemeNest hiện đang có chương trình khuyến mãi dành cho khách hàng mua theme wordpress. ThemeNest sẽ hỗ trợ quý khách 24/24 với chất lượng theme tốt nhất!

Có tất cả 0 bình luận

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

0902 170 180