Hướng dẫn thêm Breadcrumbs trên giao diện Generatepress

Thêm một Breadcrumbs trong một bài post nó giúp bài viết của bạn trông chuyện nghiệp hơn rất nhiều. Và khách hàng cũng biết rằng họ đang đọc một bài viết với chủ đề gì. Giúp ít một phần không nhỏ trong việc SEO. Mình cũng không biết gì nhiều về SEO nhưng trong bài viết này mình cũng chỉ muốn chia sẻ và chia sẻ thế thôi hihi.

Ví dụ về website đã cài Breadcrumbs

Bạn chú ý phần mà mình quét khối nhé.

image 19
Blog nguyenvanbao.com ví dụ về Breadcrumbs đã thêm xong.

Breadcrumbs là gì?

Breadcrumb là 1 tập hợp những liên kết giúp người dùng xác định vị trí hiện tại của mình trong cấu trúc site. Thuật ngữ này gắn với câu chuyện cổ Grimm: Hansel và Gretel, trong đó 2 đứa trẻ  đã rải những mẩu bánh mỳ vụn (breadcrumb) dọc đường để tìm về nhà. Hiểu đơn giản như vậy thôi, bạn mà đọc nhiều quá cũng rối não lắm.

Khi mà gõ website của bạn lên Google nó sẽ như thế này nè. Nhìn chuyên nghiệp dữ lắm.

image 20
Khi web có Breadcrumbs trên google tìm kiếm sẽ hiển thị như trên ảnh.

Các bước thêm Breadcrumbs với giao diện Generatepress.

Bước 1: Bạn phải sử một Plugin hỗ trợ SEO (có thể dùng Yoast SEO hoặc Rank Math). Trong bài này mình sử dụng Rank Math nên hướng dẫn bạn làm với Rank Math nhé.

Cài đặt plugin Rank Math xong, setup Rank Math với chế độ chuyên nghiệp ý, chứ cơ bản không có đâu. Phần này mình sẽ viết hướng dẫn sau. Chứ thật ra trên Google cũng có nhiều bạn hướng dẫn lắm rồi. Nhưng khi rảnh mình sẽ update.

Bước 2: Vào cài đặt của Rank Math bật Breadcrumbs nhé, xem ảnh chi tiết bên dưới.

image 21
Bật breadcrumbs mặc định trên Rank Math

Sau đó bạn copy đoạn mã

<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

Hoặc

[rank_math_breadcrumb]

Dán vào nơi cần hiển thị là phía trên bài viết như ví dụ bên trên của mình.

Để thêm cho đúng với giao diện GeneratePress bạn hãy mở file GeneratePress: content-single.php sau đó dán vào đúng vị trí giống như ảnh là OK nhé.

image 22
Hướng dẫn chèn code vào đúng vị trí file content-single.php

Nó ở dòng thứ 28 á, bạn có thể sửa hoàn toàn với trình chỉnh sửa code theme mặc định của WordPress luôn dễ lắm.

Tổng kết

Như vậy là mình đã hướng dẫn cơ bản hoàn tất cho bạn việc thêm Breadcrumbs cho website của bạn, cho chuyên nghiệp hơn, hỗ trợ SEO tốt hơn. Chúc bạn thành công.

Viết một bình luận