Hướng dẫn cách tối ưu SEO bằng Breadcrumbs WordPress
Khái niệm Breadcrumbs là gì?
Breadcrumbs (hay Breadcrumbs trail) là thẻ điều hướng với nhiều đường link được phân cấp khác nhau. Ngoài ra, có thể xem Breadcrumbs là một đường dẫn Anchor text. Vị trí của Breadcrumbs thường là được đặt ở đầu trang. 
Breadcrumbs giúp người dùng xác định được họ đang ở đâu trên một website. Ví dụ như tại trang chủ, tại diễn đàn, hay trong một bài viết nằm tại một chuyên mục nhất định. Ngoài vị trí thường gặp là ở đầu trang, Breadcrumbs còn có thể nằm dưới banner chính, dưới thanh menu hoặc ở header trên cùng.
Cấu trúc điển hình của Breadcrumbs được viết như hai ví dụ dưới đây:
- Trang chủ (Home)/Chuyên mục chính/Bài đăng.
- Trang chủ(Home)/Trang xem đầu tiên/Trang đang xem....
Các loại Breadcrumbs điển hình
Có rất nhiều loại Breadcrumbs khác nhau đang được sử dụng. Dưới đây là các loại Breadcrumbs thường dùng nhất.- Attribute Breadcrumbs
- Location Breadcrumbs
- Path Breadcrumbs
I. Attribute Breadcrumbs
Attribute Breadcrumbs (Attribute Based Breadcrumbs) là Breadcrumbs theo thuộc tính. Nó được tạo ra với nhiệm vụ thể hiện các thuộc tính của trang chủ và các trang con.Attribute Breadcrumbs được sử dụng nhiều bởi các website thương mại điện tử. Lý do là vì các trang TTĐT thường sở hữu danh mục sản phẩm và cần phân loại để khách hàng dễ điều hướng. Ví dụ, với mặt hàng là áo sơ mi nam, admin website có thể phân loại sản phẩm theo yếu tố thương hiệu, size, màu sắc, mức giá,...Kết quả phân loại sẽ được hiển thị bằng Attribute Breadcrumbs.
II. Location Breadcrumbs
Location Breadcrumbs (Location Based Breadcrumbs) là Breadcrumbs theo vị trí. Nó sẽ hiển thị vị trí hiện tại của người dùng trên trang web. Loại Breadcrumbs này rất phổ biến và được các nhà thiết kế web ưa chuộng.III. Path Breadcrumbs
Path Breadcrumbs là Breadcrumbs theo đường dẫn. Nó sẽ hiển thị các chuyên mục hoặc đường dẫn mà bạn đã xem qua. Path Breadcrumbs không được sử dụng rộng rãi như hai loại Breadcrumbs kể trên vì tính năng của nó tương tự như nút “Back” có sẵn trên thanh công cụ. Hơn nữa, người dùng khó có thể biết được vị trí chính xác của mình trên website khi sử dụng Path Breadcrumbs.Ưu điểm khi sử dụng Breadcrumbs
 |
Tăng trải nghiệm người dùng
Breadcrumbs hoạt động như một tấm bản đồ chỉ đường đơn giản, trực quan, giúp người dùng dễ dàng biết được vị trí của mình trên webste chỉ với một cái liếc mắt. Ngoài ra, người dùng có thể sử dụng thanh Breadcrumbs để truy cập danh mục trước đó, chuyển qua trang khác hoặc tìm kiếm nội dung liên quan một cách nhanh chóng. Điều này giúp nâng cao trải nghiệm người dùng và khiến họ lưu lại trang web lâu hơn.Tăng thứ hạng tìm kiếm
Breadcrumbs giúp Google Bot nhanh chóng hiểu được cấu trúc của website. Do đó, Breadcrumbs là một trong những yếu tố giúp Website ghi điểm trong mắt Google.Ngoài ra, Breadcrumbs cũng sẽ được hiển thị trong kết quả tìm kiếm của Google. Điều này khiến trang web tăng sức hấp dẫn với người dùng, từ đó tăng tỷ lệ nhấp chuột và thứ hạng của trang web.
Giảm tỷ lệ Exit Rate và Bounce Rate
Breadcrumbs giúp giảm tỷ lệ Exit Rate (thoát trang) và Bounce Rate (bỏ trang) của người dùng. Khi truy cập website, đa số mọi người không thích quay về trang chủ sau khi tham khảo sản phẩm. Khách hàng có xu hướng tìm kiếm và click vào những điều hấp dẫn ngay trên trang được hiển thị. Do đó, bạn cần giúp khách hàng điều hướng một cách thuận tiện để giữ chân họ lại lâu hơn.Và Breadcrumbs chính là phương thức hữu hiệu giúp người dùng điều hướng, chuyển đổi danh mục chỉ với vài thao tác nhanh chóng, đơn giản. Điều đó khiến tỷ lệ thoát trang (Exit Rate) và bỏ trang (Bounce Rate) giảm đi đáng kể.
Lý do mà bạn nên sử dụng Breadcrumbs
- Breadcrumbs giúp trang web có cấu trúc mạch lạc, dễ dàng điều hướng.
- Giúp Google dễ nhận thấy sự liên quan về nội dung trên website.
Tối ưu Breadcrumbs cho Website
Dưới đây là một số điểm cần lưu ý để tối ưu Breadcrumbs cho trang web.
Breadcrumbs cần phải hướng đến người dùng
Khi tạo Breadcrumbs, bạn cần đặt lợi ích người dùng lên hàng đầu. Tuyệt đối không nên lạm dụng Breadcrumbs và nhồi nhét từ khóa vào thanh này. Điều đó vừa gây ảnh hưởng trực tiếp đến trải nghiệm duyệt web của người dùng, trực tiếp làm tăng tỷ lệ thoát trang, giảm lượt click, giảm lượng truy cập.Nên đặt Breadcrumbs ở đâu?
Thông thường Breadcrumbs nên được đặt ở vị trí đầu trang, nằm trên page title và dưới thanh top navigation bar (nếu có). Đây là vị trí mà khách truy cập dễ thấy và sẽ click vào khi cần.Thiết kế Breadcrumbs tốt như thế nào?
Breadcrumbs cần có thiết kế hợp lý, phù hợp với tổng thể website. Ngoài ra, Breadcrumbs không nên chiếm quá nhiều diện tích trên đầu trang, cũng không nên quá nổi bật vì sẽ chiếm sự chú ý của người xem đối với top menu và page title.Ngoài ra, cần lưu ý không link Breadcrumbs đến chính đó.
Mối quan hệ giữa main navigation/ top menu và Breadcrumbs
Mặc dù bạn đã cài đặt Breadcrumbs, bạn vẫn cần có navigation bar/top menu. Breadcrumbs chỉ là một hệ thống navigation phụ, nhằm hiển thị vị trí của người dùng trên website. Còn navigation/top menu giúp người dùng điều hướng tốt hơn. Một trang web được tối ưu SEO cần có cả hai.Hướng dẫn tạo Breadcrumbs trên website WordPress.
WordPress là lựa chọn hàng đầu của các chuyên gia SEO khi thiết kế website. Hiện tại, các trang web sử dụng WordPress đã chiếm đến 34% số lượng các trang web trên Internet, trở thành bộ công cụ tạo và quản lý website thông dụng nhất trên thé giới. Sau đây VLINK ASIA sẽ hướng dẫn bạn tạo Breadcrumbs trên website WordPressThường có 2 cách để tạo Breadcrumbs trên website WordPress.
- Sử dụng plugin WordPress Breadcrumbs NavXT.
- Sử dụng Yoast SEO
Cách 1: Sử dụng plugin WordPress Breadcrumbs NavXT
Còn nếu bạn cần tạo Breadcrumbs trực tiếp, hãy gõ thêm đoạn snippet code sau vào file header.php
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
<?php
if(function_exists('bcn_display'))
{
if(function_exists('bcn_display'))
{
bcn_display();
}?>
</div>
Sau đó bạn có thể dùng NavXT plugin để chỉnh Breadcrumbs theo ý muốn. Để cấu hình chi tiết Breadcrumbs, hãy vào setting của plugin để cài đặt và thay đổi một số thuộc tính của Breadcrumbs nếu cần.
Cách 2: Sử dụng plugin Yoast SEO
Sau khi tải về và cài đặt plugin Yoast SEO, hãy thêm đoạn snippet code dưới đây vào file single.php, page.php, hoặc header.php.
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>
Tiếp theo, bạn có thể kích hoạt Breadcrumbs bằng cách vào mục Yoast SEO>Search Appearance>Breadcrumbs và chọn Enable
Breadcrumbs mang đến rất nhiều lợi ích cho người dùng và giúp website đạt thứ hạng cao trên trang hiển thị kết quả tìm kiếm. Thực hiện các bước đơn giản do VLINK hướng dẫn ở trên là bạn đã có thể tạo Breadcrumbs đẹp và tiện lợi cho trang web của mình.
COMMENTS