Cải tiến công cụ tìm kiếm mặc định của WordPress

Source: Cải tiến công cụ tìm kiếm mặc định của WordPress

Cải thiện công cụ tìm kiếm mặc định của WordPress với Algolia.

Hôm qua, tôi tình cờ xem được mã nguồn của trang web MyThemeShop và phát hiện ra họ đang sử dụng tính năng tìm kiếm của Algolia. Mình cũng tò mò chơi thử trên WP Shop và thấy khá thú vị nên quyết định viết bài này để chia sẻ cùng các bạn. Algolia có khả năng dự đoán và hiển thị kết quả gợi ý ngay trên ô tìm kiếm, giúp tính năng tìm kiếm từ website của bạn trở nên chuyên nghiệp hơn bao giờ hết. Nếu bạn cảm thấy nhàm chán với tính năng tìm kiếm mặc định của WordPress, thì Algolia rất đáng để thử.

Tìm hiểu thêm:

Tại sao bạn nên chọn Algolia?

• Nó có một gói miễn phí hỗ trợ lên đến 10.000 truy vấn mỗi tháng.
• Algolia sẽ thu thập dữ liệu từ trang web của bạn và lưu trữ trên máy chủ của họ. Các truy vấn tìm kiếm sẽ được tải từ máy chủ của Algolia, sử dụng ít tài nguyên của máy chủ hơn.
• Có thể dễ dàng tích hợp với công cụ tìm kiếm mặc định của WordPress.
• Hỗ trợ bộ lọc nâng cao, hiển thị kết quả tìm kiếm ngay lập tức.

Cải thiện công cụ tìm kiếm với Algolia

1. Đầu tiên, bạn cần cài đặt và kích hoạt một plugin có tên là WP Search with Algolia (tải xuống).

2. Tiếp theo, hãy truy cập vào liên kết này và đăng ký cho mình một tài khoản Algolia. Bạn chỉ cần điền email, mật khẩu => tick vào ô trống Tôi chấp nhận Điều khoản dịch vụ của Algolia, Giới hạn dùng thử miễn phí và đã đọc Chính sách quyền riêng tư của Algolia => bấm vào nút Tạo một tài khoản là được.

3. Sau khi đăng ký, bạn sẽ nhận được một thông báo như sau:

4. Đi tới email của bạn và nhấp vào nút Xác nhận email của tôi để xác minh tài khoản Algolia.

5. Algolia sẽ yêu cầu bạn cung cấp thêm một số thông tin cá nhân cần thiết.

Sau khi hoàn thành, hãy nhấp vào. cái nút tiếp theo.

6. Chọn vị trí máy chủ để lưu trữ dữ liệu tìm kiếm từ trang web của bạn. Chọn vị trí gần máy chủ của bạn nhất. Ví dụ: trang web của tôi đang sử dụng máy chủ đặt tại Atlanta, vì vậy tôi sẽ chọn máy chủ Đông Hoa Kỳ.

Nhấn vào nút hoàn thành hoàn thành.

7. Một ứng dụng mặc định sẽ được tạo, bạn truy cập Khóa API, sao chép ID ứng dụng, Khóa API chỉ dành cho tìm kiếm và Khóa API quản trị.

8. Quay lại trang quản trị WordPress, vào Tìm kiếm Algolia => Cài đặt => Điền thông tin đã sao chép ở bước 7 vào các trường tương ứng.

Nhấn vào nút Lưu thay đổi để tiết kiệm.

9. Truy cập Tìm kiếm Algolia => Tự động hoàn thành.

Thực hiện các nhiệm vụ sau:

• Đánh dấu vào mục Bật tự động hoàn thành để kích hoạt tính năng này.
• Đánh dấu vào cột Cho phép tương ứng với các phần tử mà bạn muốn Algolia lập chỉ mục dữ liệu và hiển thị trong kết quả tìm kiếm. Tick ​​chọn thành phần bất kỳ, nhớ bấm vào nút Lập chỉ mục lại tương ứng với thành phần đó để Algolia thu thập dữ liệu.
• Điều chỉnh số lượng đề xuất được hiển thị trên hộp tìm kiếm trong cột Tối đa Gợi ý.

Sau khi hoàn tất, hãy nhấp vào. cái nút Lưu thay đổi để tiết kiệm.

10. Truy cập Tìm kiếm Algolia => Trang tìm kiếm. Tại đây, bạn sẽ thấy 3 tùy chọn khác nhau.

Trong đó:

• Không sử dụng Algolia: không sử dụng tính năng tìm kiếm của Algolia trên trang web này. Bạn chỉ sử dụng Algolia để thu thập dữ liệu và sẽ hiển thị kết quả tìm kiếm trên một trang web khác.
• Sử dụng Algolia trong phần phụ trợ: sử dụng Algolia kết hợp với công cụ tìm kiếm mặc định của WordPress. Tức là giao diện tìm kiếm vẫn là WordPress và Algolia chỉ hiển thị kết quả.
• Sử dụng Algolia với Instantsearch.js: sử dụng Algolia với đầy đủ chức năng (bộ lọc, hiển thị kết quả tức thì …). Tuy nhiên, Algolia sẽ tải một số tệp JS và CSS vào trang web nên có thể ảnh hưởng đến tốc độ tải của web.

Nhấn vào nút Lưu thay đổi để tiết kiệm.

11. Xóa tất cả các danh mục cache (cache trang web, cache CDN, cache trình duyệt web…) và kiểm tra kết quả.

Thật tuyệt vời phải không? Chúc may mắn!

Bạn đã cải thiện công cụ tìm kiếm mặc định của WordPress như thế nào? Bạn đánh giá thế nào về giải pháp Algolia mà tôi vừa kể trên? Hãy chia sẻ với chúng tôi quan điểm và ý kiến ​​của bạn qua khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy đăng ký blog của tôi để thường xuyên cập nhật những bài viết hay nhất và mới nhất qua email. Cảm ơn rất nhiều.

Via: sieucoder.com

from sieucoder.com https://ift.tt/3qhGfHJ
via Sieucoder.com