Hướng dẫn sử dụng Algolia để thay thế công cụ tìm kiếm mặc định trong WordPress

Tôi vừa mới bật tính năng “Site search Tracking / Theo dõi tìm kiếm trên trang” trong Google Analytics để xem mọi người tìm kiếm những gì trên blog của tôi (trang WPSpeedMatters của tác giả gốc bài viết này).

theo dõi tìm kiếm trên trang

Tôi phát hiện ra một số kết quả khá thú vị. Có một tỷ lệ đáng kể từ khóa tìm kiếm không có bất cứ kết quả nào trả về!

Dưới đây là một vài ví dụ:

không có kết quả tìm kiếm trả về với các từ khóa gõ sai chính tả

Vì thế tôi tiến hành tìm hiểu công cụ thay thế, cuối cùng tôi cũng chọn được Algolia.

Algolia là công cụ tìm kiếm dưới dạng dịch vụ (Search as a service). Bạn cung cấp cho họ nội dung và họ cung cấp cho bạn API để thực hiện tìm kiếm.

Tại sao nên tích hợp Algolia vào WordPress?

  • Giảm tải tìm kiếm trong WordPress – Mỗi khi bạn hoặc ai đó thực hiện tìm kiếm từ khóa nào đấy trong công cụ mặc định của WordPress, từ khóa sẽ được tìm trong bảng MySQL (cơ sở dữ liệu), đây là một tác vụ chiếm dụng nguồn tài nguyên lớn, đặc biệt nếu bạn có nhiều bài post.
  • Kết quả tìm kiếm nhanh hơn (siêu nhanh) – Như tôi đã đề cập ở trên, công cụ tìm kiếm mặc định chiếm dụng nhiều nguồn tài nguyên và có thể trở nên chậm chạp trên các trang lớn, trong khi Algolia có thể trả về kết quả <5ms!
  • Trải nghiệm người dùng tốt hơn – Gợi ý tự động (auto suggestions), sửa lỗi đánh máy (typo tolerant), kết quả trả về ngay lập tức (instant results), highlight từ khóa và nhiều tính năng khác nữa.

P/S: Một trường hợp mà dịch vụ như kiểu Algolia không thể thiếu đó là khi bạn chuyển trang WordPress động thành tĩnh hoãn toàn (giúp tăng tốc & tiết kiệm chi phí hosting). Vì không còn PHP, MySQL, nên công cụ tìm kiếm mặc định sẽ không hoạt động trên trang tĩnh hoàn toàn. Không chỉ tìm kiếm, trên các trang như vậy, phần bình luận và bất kỳ yếu tố động nào khác cũng phải sử dụng của bên thứ ba.

Đọc thêm:  Cách inline ảnh sử dụng Base64/SVG trong WordPress

Trước và sau khi sử dụng công cụ tìm kiếm Algolia

Dưới đây là các kết quả tìm kiếm thử nghiệm tôi thực hiện trên trang trước và sau khi bật Algolia.

Từ khóa đưa vào thử là cloudfare (đây là từ sai chính tả: nó thiếu chữ l ở giữa fa, từ đúng phải là cloudflare).

Kết quả của công cụ tìm kiếm mặc định:

kết quả của công cụ tìm kiếm mặc định

Kết quả của công cụ tìm kiếm Algolia (nó trả về hơn 10 kết quả liên quan):

kết quả của công cụ tìm kiếm Algolia
Mặc dù từ khóa viết sai, công cụ tìm kiếm Algolia vẫn phát hiện được từ khóa chính xác và trả về kết quả phù hợp

Giá cả dịch vụ của Algolia

giá cả dịch vụ của Algolia

Bạn có thể xem giá cả chi tiết ở đây.

Gói miễn phí nói rằng: “dành cho các dự án dùng cho mục đích cá nhân, phi thương mại“. Blog của tôi lại là dạng thương mại, vì thế tôi đã liên hệ với bộ phận hỗ trợ của họ để hỏi xem tôi có thể sử dụng được gói miễn phí hay không?

Họ phản hồi thế này: “Gói miễn phí được dành cho trang phi thương mại, nhưng ý nghĩa được mở rộng ra rất nhiều. Bạn có thể dùng gói miễn phí miễn là bạn hiển thị logo của Algolia trong trang kết quả tìm kiếm.

Cách triển khai công cụ tìm kiếm Algolia trong WordPress

1. Lấy API keys của Algolia

Truy cập vào website algolia.com và lấy API keys (một ứng dụng sẽ được tạo tự động).

API keys của Algolia

2. Cài đặt và tùy chỉnh plugin WordPress

Cài đặt plugin WP Search with Algolia và thêm API keys ở trên vào trong phần cài đặt plugin.

nhập thông tin API vào plugin

3. Tùy chỉnh trang tìm kiếm

Theo mặc định, nó sẽ được thiết lập là “Do not use Algolia / Không sử dụng Algolia”. Chọn “Use Algolia in the backend / Sử dụng Algolia dưới chế độ nền” hoặc “Use Algolia with Instantsearch.js / Sử dụng Algolia kèm với Instantsearch.js”

tùy chỉnh trang tìm kiếm

Sau khi cài đặt xong, bạn sẽ tiến hành lập chỉ mục trang, tức là đẩy dữ liệu nội dung lên Algolia (nút bấm ở bên trên cùng trang Search Page):

Algolia ở backend vs Instantsearch.js

Tôi sử dụng tùy chọn “backend” trong blog này, chủ yếu là vì nó phù hợp với giao diện và không bơm thêm bất kỳ JavaScript nào vào trang.

Đọc thêm:  Quicklink và Instant.page và tại sao tôi xây dựng plugin Flying Pages

Dưới đây là bảng so sánh sự khác biệt:

BackendInstantsearch.js
Giao diện tìm kiếmTừ ThemeGiao diện người dùng của Algolia
Algolia logoThêm thông qua mã tùy chỉnhBật/Tắt từ plugin
Sửa lỗi chính tả✅✅
Các kết quả trả về ngay lập tức❌✅
Tự động điền❌✅
Yêu cầu thêm file JS❌✅

Kết luận

Triển khai Algolia không chỉ giúp bạn có được kết quả tìm kiếm nhanh hơn, nó còn cung cấp trải nghiệm người dùng tốt hơn. Tôi tiếc là trước đây không tích hợp nó vào sớm.

Nếu website của bạn có nhiều bài viết, rất nên thử Algolia.

(Dịch từ bài viết: Faster and Better Search Results with Algolia in WordPress, tác giả Gijo Varghese, trang: WP Speed Matters)

P/S: người dịch có thay một số ảnh và bổ sung vài đoạn…Sau khi kết thúc bản trial (dùng thử), bạn cần vào trang chủ của Algolia và chuyển gói sử dụng về miễn phí để tiếp tục dùng công cụ này. Có thể bạn phải nhấn lại nút Re-index search page records để cập nhật lại chỉ mục cho các bản ghi dành cho trang tìm kiếm.

2 thoughts on “Hướng dẫn sử dụng Algolia để thay thế công cụ tìm kiếm mặc định trong WordPress”

    • Được chứ bạn, tôi đoán cái này không liên quan đến PHP đâu, vì Algolia là dịch vụ của bên thứ ba.

      Reply

Leave a Comment