SEO là phương pháp tối ưu công cụ tìm kiếm google và khi tiến hành làm SEO cho hiệu quả, anh em SEOer ngoài việc quan tâm 3 trọng số chính là Content – Traffic User – Backlink thì một trong những yếu tố cốt lõi nhất là tối ưu On Page cũng cần được quan tâm. Breadcrumb là một trong các yếu tố quan trọng nhất khi tối ưu On Page đối viêc Website. Có thể nói Breadcrumb như cái nền của On Page mà thông qua đó Website của bạn mới có thể phát triển khi bạn tiến hành đẩy từ khóa. Vậy vai trò của Breadcrumb trong SEO là gì? Hãy cùng theo dõi qua bài viết sau đây của KingNCT.
Breadcrumb là gì?
Breadcrumb là một tập hợp các đường dẫn liên kết giúp cho người dùng biết được vị trí hiện tài của bài viết mà họ đang đọc đang nằm ở lĩnh vực nào. Qua đó, điều này dễ dàng có thể giúp người dùng có thể tự tìm các nội dung liên quan khác trong trang web của bạn.
Đối với một trang Web có cấu trúc phức tạp thì Breadcrumb Navigation là một sự lựa chọn phổ biến để người dùng xác định vị trí và di chuyển giữa các trang trên Site của bạn.
Hình ảnh dưới đây là một ví dụ minh họa điển hình giúp các bạn dễ dàng mường tượng ra Breadcrumb của một Website có hình thức ra sao.
Từ khóa đuôi dài là gì? Tại sao bạn nên sử dụng Longtail Keyword
Các loại Breadcrumb phổ biến trên trang Web
Sau khi các bạn đã biết Breadcrumb là gì, hãy tiếp tục cùng chúng tôi đi sâu vào tìm hiểu các loại Breadcrumb thường được sử dụng trong Website hiện nay.
Sử dụng Breadcrumb được chia ra làm 3 loại phổ biến nhất:
- Attribute Breadcrumbs
- Location Breadcrumbs
- Path Breadcrumbs
Attribute Breadcrumbs
Attribute Breadcrumbs (Attribute Based Breadcrumbs) là một loại Breadcrumbs theo thuộc tính. Nó được tạo ra với nhiệm vụ là để thể hiện các thuộc tính của trang chủ, trang con trong website, tương tự như danh mục sản phẩm.
Attribute breadcrumbs được sử dụng nhiều trong website thương mại điện tử. Lý do là vì các trang web dạng này thường sở hữu lượng sản phẩn khổng lồ và có nhiều tiêu chí cần phân loại. Ví dụ, với mặt hàng là kem dưỡng da, admin website có thể phân loại sản phẩm theo các yếu tố khác nhau như mức giá, hãng sản xuất, quốc gia sản xuất,… và hiển thị kết quả thông qua Attribute Breadcrumbs.
Location Breadcrumbs
Location Breadcrumbs (Location Based Breadcrumbs) là một loại Breadcrumbs theo vị trí. Nó sẽ hiển thị để giúp người truy cập biết được vị trí hiện tại của họ trên trang web. Đây là một trong những loại Breadcrumbs phổ biến và được sử dụng nhiều nhất hiện nay.
Path Breadcrumbs
Path Breadcrumbs là loại Breadcrumbs theo đường đẫn, được sử dụng để hiển thị cho người dùng các chuyên mục hoặc đường dẫn mà họ đã xem qua. Path Breadcrumbs (Path Based Breadcrumbs) hiện nay vẫn chưa được sử dụng rộng rãi bởi tính năng mà nó cung cấp cho người dùng cũng tương tự như nút “Back” trên thanh công cụ. Loại Breadcrumb này sẽ khó để người dùng xác định được vị trí của bài viết đang thuộc lĩnh vực, cate hay danh mục cụ thể nào.
(Bí quyết đặt tiêu đề chuẩn SEO 2022) Phương pháp mới nhất đặt tiêu đề thu hút
Vai trò khi sử dụng Breadcrumb trong SEO Top Google đối với Website
Sử dụng Breadcrumb có tác dụng gì đối với SEO, chắc chắn là câu hỏi mà rất nhiều SEOer mới vô nghề đều thắc mắc. Thật sự mà nói, Breadcrumb không có tác dụng giúp bài viết của bạn lên được Top trong Google tìm kiếm. Breadcrumb hướng đến việc tối ưu trải nghiệm cho người dùng, giúp website của bạn trong có cấu trúc rõ ràng hơn và giúp điều hướng người dùng tăng thời gian ở lại trang của bạn. Một số vai trò của Breadcrumb đối với việc làm SEO Web bao gồm:
Thuận tiện cho người dùng
Đối với một Website lớn có nhiều nội dung, Breadcrumb giúp cho những vị khách ghé vào Web của bạn biết được vị trí mà họ đang đọc thuộc chuyên mục nào trong cấu trúc Website của bạn. Thay vì họ nhấn nút Back để lui lại, họ có thể chủ động nhấn vào Breadcrumb để ra danh mục để để tìm những nội dung liên quan bài viết họ vừa xem xong.
Việc giúp người dùng thuận lợi di chuyển giữa các danh mục cao cấp sẽ tăng thời gian và giá trị chuyển đổi cho web của bạn. Thời gian Onpage tốt góp một phần không nhỏ trong việc thúc đẩy keyword của bạn phát triển và trăng traffic pageviews.
Giảm tỷ lệ Bounce Rate
Tỷ lệ thoát trang (Bounce Rate) được tính từ lúc khách truy cập vào Web và ra trang web khác. Việc giảm tỷ lệ Bounce Rate đến từ việc tăng thời gian ở lại trang và đề xuất thêm nội dung có giá trị liên quan đến cho độc giả.
Ngoài những lợi ích bên trên, Breadcrumb còn giúp cho khách hàng khi truy cập trang Web của bạn dễ dàng hơn trong việc tìm kiếm nội dung, cấu trúc trang web sẽ trong đẹp hơn và có sự liền mạch giữa các nội dung.
Ví trí các Breadcrumb tối ưu nhất cho Website
Thường thị vị trí Breadcrumb nên được đặt ở vị trí đầu trang, phía trên title bài viết hoặc nằm ở dưới Top Navigation. Việc hiển thị vị trí trên cùng sẽ dễ dàng giúp người dùng nhìn thấy nhiều hơn để tăng tỷ lệ click vào.
6 Công cụ làm SEO hoàn toàn miễn phí mà SEOer bắt buộc phải có
Cách triển khai điều hướng Breadcrumb để SEO Onpage tốt
Để có thể triển khai điều hướng Breadcrumb, chúng ta có thể áp dụng một số phương pháp như sau. (Nội dung này được sao chép từ GTV Seo – vì ad lười viết lại nội dung đã có sẵn nhởn nhơ về kỹ thuật).
Việc triển khai Breadcrumbs có thể được thực hiện với HTML/XHTML markup đơn giản, như sau:
Mẫu HTML markup cho Breadcrumb Trail
Giả sử bạn muốn cài đặt một đường dẫn Breadcrumb như sau:
Trang chủ / Marketing / Marketing là gì? Tìm hiểu về marketing & 10 điều Marketer làm mỗi ngày
HTML markup sẽ trông như thế này:
<a href="https://gtvseo.com/">Trang chủ</a> >
<a href="https://gtvseo.com/marketing/">Marketing</a> > Marketing là gì? Tìm hiểu về marketing & 10 điều Marketer làm mỗi ngày
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 >> hay các 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 muốn đảm bảo công cụ Google tìm kiếm hiểu Breadcrumb, bạn nên sử dụng schema.org vocabulary. Một trong những Structured Data hỗ trợ hiệu quả trong quá trình này là:
- 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.
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í)
Bạn có thể tham khảo thêm một số mẫu Breadcrumb trong Structured Data, tôi chia sẽ dưới đây. Hãy note kỹ phần này nhé!
Mẫu Breadcrumb Markup sử dụng Microdata
Mẫu Breadcrumb: Trang chủ / Marketing / Marketing là gì? Tìm hiểu về marketing & 10 điều Marketer làm mỗi ngày
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://gtvseo.com/">
<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://gtvseo.com/marketing/">
<span itemprop="name">Marketing</span></a>
<span itemprop="position" content="2">></span>
</li>
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<span itemprop="item" content="https://gtvseo.com/marketing/marketing-la-gi/">
<span itemprop="name">Marketing là gì? Tìm hiểu về marketing & 10 điều Marketer làm mỗi ngày</span></span>
<span itemprop="position" content="3"></span>
</li>
</ol>
Mẫu Breadcrumb Markup sử dụng RDFa
Mẫu Breadcrumb: Trang chủ / Marketing / Marketing là gì? Tìm hiểu về marketing & 10 điều Marketer làm mỗi ngày
Breadcrumb Markup sử dụng RDFa sẽ trông như thế này:
<ol vocab="http://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
<a property="item"
content="https://gtvseo.com/">
<span property="name">Trang chủ</span></a>
<span property="position" content="1">></span>
</li>
<li property="itemListElement" typeof="ListItem">
<a property="item"
content="https://gtvseo.com/marketing/">
<span property="name">Marketing</span></a>
<span property="position" content="2">></span>
</li>
<li property="itemListElement" typeof="ListItem">
<span property="item" content="https://gtvseo.com/marketing/marketing-la-gi/">
<span property="name">Marketing là gì? Tìm hiểu về marketing & 10 điều Marketer làm mỗi ngày</span></span>
<span property="position" content="3"></span>
</li>
</ol>
Mẫu Breadcrumb Markup sử dụng JSON-LD
Như mẫu Breadcrumb sau: Trang chủ / Marketing / Marketing là gì? Tìm hiểu về marketing & 10 điều Marketer làm mỗi ngày
Breadcrumb Markup sử dụng JSON-LD sẽ trông như thế này:
<script type="application/ld+json">{
"@context":"http://schema.org",
"@type":"BreadcrumbList",
"itemListElement":[
{
"@type":"ListItem",
"position":1,
"item":{
"@id":"https://gtvseo.com/#webpage",
"url":"https://gtvseo.com/",
"name":"Trang chủ"
}
},
{
"@type":"ListItem",
"position":2,
"item":{
"@id":"https://gtvseo.com/marketing/#webpage",
"url":"https://gtvseo.com/marketing/",
"name":"Marketing"
}
},
{
"@type":"ListItem",
"position":3,
"item":{
"@id":"https://gtvseo.com/marketing/marketing-la-gi/#webpage",
"url":"https://gtvseo.com/marketing/marketing-la-gi/",
"name":"Marketing là gì? Tìm hiểu về marketing & 10 điều Marketer làm mỗi ngày"
}
}
]
}</script>
Sau khi triển khai dữ liệu Breadcrumb Markup, bước tiếp theo bạn cần thực hiện là kiểm tra xem Structured Data cho Breadcrumb đã đúng hay chưa. Tôi sẽ hướng dẫn bạn cách kiểm tra đơn giản và có thể áp dụng cho tất cả về định dạng của Structured Data của Breadcrumbs. Quá trình kiểm tra này, bạn sẽ thực hiện như sau.
Cách kiểm tra Structured Data cho Breadcrumb
Đầu tiên, hãy copy dữ liệu Breadcrumb Markup bạn vừa triển khai và cho vào Google Structured Data Testing Tool. Nó sẽ xác thực structured data markup (đánh dấu dữ liệu có cấu trúc) và chỉ ra các lỗi.
Lưu ý: Structured data markup không hợp lệ có thể khiến các công cụ tìm kiếm bỏ qua thông số kỹ thuật Breadcrumb của bạn.
Nhưng, triển khai đơn thuần như tôi vừa hướng dẫn ở trên vẫn chưa đủ mang lại hiệu quả tối ưu cho website của bạn. Do có rất nhiều loại Breadcrumb phổ biến khác nhau với cách hiển thị không giống nhau. Vậy chúng ta cần phải làm gì để cấu trúc Breadcrumb trong tối ưu và chuyên nghiệp nhất?
3 Phương pháp Breadcrumb chuyên nghiệp và đơn giản nhất
Giảm số lượng thông tin với Breadcrumb
Breadcrumbs kết hợp với các deep link ở cấp độ thấp nhất sẽ rất hiệu quả để giảm số lượng thập thông tin, do đó tạo ra cấu trúc website dày đặc hơn.
Ví dụ như:
Bạn có một website với 6 cấp độ dưới cấp độ gốc. Nếu đặ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 mức thu thập thông tin và độ sâu click chuột của tất cả nội dung ở cấp 3-6.
Breadcrumb và Search Snippets
Như đã đề cập ở trên, các công cụ tìm kiếm có khả năng hiển thị đường dẫn trong kết quả tìm kiếm, nếu 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ì vậy, trong trường hợp Breadcrumb quá dài, các công cụ tìm kiếm phải rút ngắn chúng trong kết quả tìm kiếm.
Thông thường, các phần tử đầu tiên của đường nhỏ dưới trang gốc bị bỏ đi và chỉ hai phần tử cuối cùng được hiển thị. Điều quan trọng là giữ cho hai mục cuối cùng này phù hợp với người dùng, để cải thiện tỷ lệ click từ kết quả tìm kiếm.
Tôi khuyên bạn nên sử dụng phân loại theo phân bổ cho hai mục cuối cùng có thể thu thập thông tin trong Breadcrumb.
Ví dụ về breadcrumbs được phân loại trong search snippet
Trang chủ / … / Phòng ăn / Bàn ăn
Ví dụ attribute based breadcrumbs trong search snippet:
Trang chủ / … / gỗ / lớn
Pagination và Breadcrumb
Pagination cũng phải được thể hiện trong Breadcrumbs. Nếu bạn có nội dung được Pagination, bạn nê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ụ:
Homepage / Nội thất / Phòng ăn / Bàn ăn / 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 trở lại phần bắt đầu Pagination.
Thêm Pagination vào Breadcrumb của bạn cũng tạo ra các Internal Links có liên quan đến tài liệu bắt đầu của nội dung được Pagination. Điều này có thể giúp làm cho nó phù hợp hơn với các công cụ tìm kiếm.
Một số lỗi thường gặp khi thực hiện Breadcrumb cho Website
Sử dụng Breadcrumbs ngắn cho các Site Structures
Nếu đường dẫn Breadcrumb quá ngắn trên website có nhiều cấp độ thông tin, thì Breadcrumb sẽ không hiệu quả để tạo ra một Site Structures.
Tôi khuyên bạn nên thiết kế sử dụng Breadcrumb theo cách giúp giảm mức thu thập thông tin. Điều này có thể giúp Tối ưu hóa tỷ lệ thu thập thông tin.
Sử dụng Breadcrumbs Trail đảo ngược trong Title của website
Trong một số trường hợp, quản trị viên website thêm Breadcrumb Trail trong title HTML của website. Điều này có thể dẫn đến vượt tầm kiểm soát, độ dài tiêu đề không được công cụ Google tìm kiếm hỗ trợ và sẽ bị rút ngắn trong kết quả tìm kiếm.
Vì vậy, bạn không nên sử dụng Breadcrumb Trail trong Title HTML của website.
Tổng kết
Bài viết trên đây là toàn bộ nội dung về vài trò của Breadcrumb trong việc thực hiện SEO đẩy Top từ khóa trên Google cho anh em. Hy vọng qua bài viết này tất cả các bạn đều thực hiện thành công.
Dịch vụ SEO KingNCT
Website: https://kingnct.com
Mail: 0948378849
Zalo: +84 948 378 849