Hướng dẫn tạo breadcrumbs giống thachpham
4 (80%) 16 votes

Chào các bạn, hôm nay Websitequangngai sẽ giới thiệu cho các bạn cách tạo breadcumbs( thanh điều hướng) giống với blog thachpham.com, và cũng là cách mà mình tạo ra breadcrumbs cho websitequangngai.com.

Trước tiên, bạn cần hiểu breadcrumbs là gì, bạn đừng có nhầm tưởng theo cách dịch sang tiếng Việt nghĩa của nó là “Mẫu bánh mì” đó. Thực ra, breadcrumbs – thanh điều hướng là tập hợp các đường liên kết phân cấp giúp người dùng có thể biết được mình đang ở vị trí nào trên website đó. Nếu một website có cấu trúc phức tạp mà lại không có breadcrumbs thì thật sự gây khó khăn cho người đọc khi phải đặt ra câu hỏi mình đang ở đâu, trong khi câu trả lời là không có.

Breadcrumbs là một thành phần rất quang trọng trong hệ thống nivigation của website, đặc biệt là WordPress, nhưng không phải giao diện nào cũng hỗ trợ sẵn vì vậy mà bạn cần phải biết cách để tạo ra nó một cách đơn giản nhất(ít phải viết code nhất). Trong giao diện gốc của thachpham.comwebsitequangngai.com điều thế.

breadcrumbs1

Để giúp các bạn có thể tạo ra được điều này, mình có hai cách giải quyết đó là sử dụng plugin hoặc tự code tay. Bạn hãy đọc bài viết cùng series này của mình về cách tự viết code tạo breadcrumbs tại đây. Còn bây giờ mình sẻ chỉ các bạn dùng plugin WordPress Seo By Yoast để tạo thanh điều hướng breadcumbs, bạn yên tâm với cách này sẽ không cần phải đụng tới code đâu.

Đầu tiên, bạn tải plugin Wordpess Seo By Yoast tại đây . Không cần phải nói nhiều, plugin này rất nổi tiếng trong việc hỗ trợ SEO, nên mình không đề cập đến phần giới thiệu nó mà chỉ hướng dẫn bạn sử dụng một chức năng Internal Links của nó để tạo ra breadcrumbs. Chức năng này  sẽ hỗ trợ khi bạn tìm kiếm trên Google thì những đường link này sẽ hiển thị bên dưới dòng tiêu đề của kết quả tìm kiếm. Sau khi tải về và cài đặt xong bạn vào phần quản lý Internal Links của plugin này và cài đặt các thông số theo hình ảnh bên dưới thì sẽ có được thanh breadcrumbs như ý.

breadcumbs2Bạn nhớ chọn Enable Breadcrumbs và cài đặt các thông số như trên rồi lưu lại là được. Bây giờ hãy xem kết quả nhé.

breadcumbs3

Đăng ký tư vấn thiết kế và phát triển website qua số: Hotline: 0979 68 1779 hoặc Email: [email protected]
Chú ý: Websitequangngai.com - Cung cấp các giải pháp Marketing Online trọn gói dành cho khách hàng. Gửi thông tin đăng ký qua Email:[email protected] Hoặc qua số Hotline: 0979 68 1779

Để lại ý kiến của bạn:

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 *