Hình ảnh cài đặt plugin Yoast SEO
Một trong những cách hiệu quả để cải thiện trải nghiệm người dùng và định hướng SEO là sử dụng Breadcrumbs. Hôm nay, tôi sẽ hướng dẫn các bạn chi tiết cách thêm Breadcrumbs cho website WordPress thông qua plugin Yoast SEO, đặc biệt khi sử dụng theme Flatsome.
Bước 1: Kích hoạt Tính Năng Breadcrumbs trong Yoast SEO
Đầu tiên, bạn cần cài đặt plugin Yoast SEO. Nếu chưa cài đặt, bạn có thể tải plugin tại đây: Phiên bản miễn phí (SEO 1 từ khóa) hoặc Phiên bản cao cấp (SEO nhiều từ khóa). Sau khi cài đặt, truy cập vào Quản trị > SEO > Cài đặt nâng cao và kích hoạt “Enable Breadcrumbs” (phiên bản từ 5.7.1 trở lên).
Tuy nhiên, chỉ kích hoạt Breadcrumbs không đủ để chúng hiển thị trên website của bạn, bạn cần chèn thêm một đoạn mã PHP vào theme của mình. Hãy tiếp tục với bước thứ hai.
Bước 2: Chèn Mã Hiển Thị Breadcrumbs
Bạn sẽ cần chèn đoạn mã PHP sau vào trong theme để hiển thị Breadcrumbs. Chèn mã này vào vị trí phù hợp trong file .php của trang bạn muốn hiển thị Breadcrumbs:
<div class="breadcrumbs">
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('<p id="breadcrumbs">', '</p>');
}
?>
</div>
Ví dụ, để thêm Breadcrumbs vào các trang đơn (page.php) hoặc trang bài viết (single.php) trong theme Flatsome, bạn nên thêm mã sau vào các file tương ứng như page-right-sidebar.php
hoặc page-left-sidebar.php
phụ thuộc vào bố cục của trang.
Chèn Breadcrumbs vào Trang Đơn
Giả sử bạn đang sử dụng trang đơn có sidebar bên phải trong theme Flatsome, bạn hãy mở file page-right-sidebar.php
và chèn đoạn mã phía trên ngay sau thẻ <div class="page-inner">
.
Chèn Breadcrumbs vào trang đơn
Chèn Breadcrumbs vào Bài Viết
Bạn có thể sử dụng đường dẫn sau để chèn Breadcrumbs vào bài viết: wp-content > themes > flatsome > template-parts > posts > partials
. Mở file entry-header.php
và chèn mã Breadcrumbs sau thẻ <header class="entry-header">
.
Sau khi đã thêm mã vào đúng vị trí, đừng quên cập nhật CSS để đãi Breadcrumbs phù hợp với bố cục và thiết kế của theme bạn đang sử dụng.
Lời kết
Với các bước trên, bạn có thể dễ dàng thêm Breadcrumbs vào website WordPress của mình, từ đó nâng cao trải nghiệm người dùng và cải thiện SEO. Chúc các bạn thực hiện thành công và đừng quên ghé thăm Websiteviet.vn để khám phá thêm nhiều kiến thức hữu ích khác.
- Khám Phá Bí Quyết Thiết Kế Website Tin Tức Đạt Chuẩn Chuyên Nghiệp
- Xu Hướng Thiết Kế Website Tin Tức Hiện Đại và Tối Ưu Nhất
- Tạo Phong Cách Cổ Điển Bằng Lightroom: Hướng Dẫn Toàn Diện
- Thiết Kế Website Công Ty Xây Dựng: Giải Pháp Hiện Đại Chiếm Lĩnh Thị Trường
- Tầm Quan Trọng Của Website Đối Với Doanh Nghiệp