• Home
  • WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc website
    • Tối ưu WordPress
    • Mua theme Paradise
  • Thông báo
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » Cải tiến công cụ tìm kiếm mặc định của WordPress

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

31/10/2020 31/10/2020 Trung Hiếu 9 Bình luận

Mục lục bài viết

  1. Tại sao bạn nên chọn Algolia?
  2. Cải tiến công cụ tìm kiếm với Algolia

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

cai-tien-cong-cu-tim-kiem-mac-dinh-cua-wordpress-voi-algolia

Hôm qua, tôi tình cờ xem mã nguồn website của MyThemeShop và phát hiện ra họ đang sử dụng tính năng tìm kiếm của Algolia. Tôi tò mò cài thử trên WP Shop và nhận thấy nó khá hay ho nên quyết định viết bài này để chia sẻ với các bạn. Algolia có khả năng tiên đoán và hiển thị các kết quả đề xuất ngay trên khung 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 đã quá chán với tính năng tìm kiếm mặc định của WordPress thì Algolia rất đáng để thử.

Tham khảo thêm:

  • Thay thế công cụ tìm kiếm mặc định của WordPress
  • Hướng dẫn chèn khung tìm kiếm vào menu trong WordPress

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

  • Nó có gói miễn phí, hỗ trợ tới 10.000 truy vấn mỗi tháng.
  • Algolia sẽ thu thập dữ liệu từ website của bạn và lưu 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, ít sử dụng tài nguyên của host.
  • Có thể tích hợp chung với công cụ tìm kiếm mặc định của WordPress một cách dễ dàng.
  • 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 tiến công cụ tìm kiếm với Algolia

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

cai-dat-va-kich-hoat-plugin-wp-search-with-algolia

2. Tiếp theo, truy cập link này và đăng ký cho mình 1 tài khoản Algolia. Các bạn chỉ cần điền email, password => tick vào mục I accept Algolia’s Terms of Service, Free Trial Limitations, and have read Algolia’s Privacy Policy => click vào nút Create an Account là được.

dang-ky-tai-khoan-algolia

3. Sau khi đăng ký, bạn sẽ nhận được thông báo trông như thế này:

confirm-your-algolia-account

4. Hãy truy cập email của bạn và click vào nút Confirm my email để xác minh tài khoản Algolia.

xac-minh-tai-khoan-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.

dien-thong-tin-dang-ky-algolia

Sau khi điền xong, hãy click vào nút Next.

6. Lựa chọn vị trí server lưu trữ dữ liệu tìm kiếm từ website của bạn. Hãy chọn vị trí gần chỗ đặt host của bạn nhất. Ví dụ web của tôi đang sử dụng server đặt tại Atlanta nên tôi sẽ chọn server US East.

lua-chon-vi-tri-dat-server

Click vào nút Finish để hoàn tất.

7. Một app mặc định sẽ được tạo ra, các bạn truy cập API Keys, copy Application ID, Search-Only API Key và Admin API Key.

copy-algolia-api-keys

8. Quay trở lại trang quản trị của WordPress, truy cập Algolia Search => Settings => điền thông tin đã copy ở bước 7 vào các mục tương ứng.

thiet-lap-plugin-wp-search-with-algolia

Click vào nút Save Changes để lưu lại.

9. Truy cập Algolia Search => Autocomplete.

algolia-autocomplete

Thực hiện các công việc sau:

  • Tick vào mục Enable autocomplete để kích hoạt tính năng.
  • Tick vào cột Enable tương ứng với các thành phần mà bạn muốn Algolia index dữ liệu và hiển thị trong kết quả tìm kiếm. Tick chọn thành phần nào thì cũng nhớ click vào nút Re-index tương ứng với thành phần đó để Algolia tiến hành thu thập dữ liệu.
  • Điều chỉnh số lượng đề xuất hiển thị trên khung tìm kiếm trong cột Max. Suggestions.

Sau khi hoàn tất, click vào nút Save Changes để lưu lại.

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

algolia-search-page

Trong đó:

  • Do not use Algolia: không sử dụng tính năng tìm kiếm của Algolia trên website 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 1 website khác.
  • Use Algolia in the backend: sử dụng Algolia kết hợp với công cụ tìm kiếm mặc định của WordPress. Nghĩa là giao diện tìm kiếm vẫn là của WordPress và Algolia chỉ hiển thị kết quả mà thôi.
  • Use Algolia with Instantsearch.js: sử dụng Algolia với đầy đủ chức năng (bộ lọc, hiển thị kết quả ngay lập tức…). Tuy nhiên, Algolia sẽ tải thêm một số file JS và CSS vào website nên có thể sẽ ảnh hưởng tới tốc độ load web.

Click vào nút Save Changes để lưu lại.

11. Xóa tất cả các thể loại cache (cache website, cache CDN, cache trình duyệt web…) và kiểm tra kết quả.

demo-algolia-search

Thật tuyệt vời phải không nào? Chúc các bạn thành công!

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

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

5 / 5 ( 3 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

Chuyên mục: Thủ thuật WordPress Thẻ: WordPress Search

dich-vu-cai-dat-website-wordpress-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Bài viết trước « Chèn video YouTube responsive vào website WordPress
Bài viết sau Hiển thị mô tả cho category và tag trong WordPress »

Reader Interactions

Bình luận

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. Ngoc Blue viết

    01/11/2020 lúc 10:50

    Tích hợp luôn vào theme Paradise được ko Hiếu ơi :D

    Trả lời
    • Trung Hiếu viết

      01/11/2020 lúc 11:02

      Cái này không tích hợp sẵn được bạn ạ. Phải tự cài nhé. :)

      Trả lời
  2. Luật sư Online viết

    07/11/2020 lúc 11:11

    Vẫn trung thành với Google Search Console! Tuy hơi xấu 1 tí – T.T – Không tùy chỉnh được chữ “Được cải tiến bởi Google” nghe nó quê mùa kinh dị a ạ!

    Trả lời
    • Trung Hiếu viết

      07/11/2020 lúc 11:13

      Google Custom Search chứ nhỉ. :D Sử dụng dịch vụ của họ thì phải chấp nhận vậy thôi. WP Căn bản cũng đang sử dụng Google Custom Search. :D

      Trả lời
      • Trung viết

        14/01/2021 lúc 16:17

        Có bài viết hướng dẫn thay thế google search cho tìm kiếm trên thanh menu của theme paradise của wpcanban :))) không anh ơi?

        Trả lời
        • Trung Hiếu viết

          14/01/2021 lúc 17:48

          Hiện tại chưa có bạn ạ.

          Trả lời
  3. Gia Tuấn viết

    15/11/2020 lúc 11:51

    Em cũng đang sử dụng cái này công nhận search nhanh và chuẩn, miễn phí rất đủ dùng

    Trả lời
  4. WareVN viết

    15/11/2020 lúc 15:17

    Cảm ơn bạn đã chia sẻ. Mai mình sẽ test thử và phản hồi :)

    Trả lời
  5. vũ viết

    04/12/2020 lúc 11:18

    Cảm ơn bạn đã chia sẻ. Mai mình sẽ test thử và phản hồi

    Trả lời

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Đừng quên truy cập vào email của bạn để xác nhận việc đăng ký nhé!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-website-wordpress-chat-luong-cao

Bài viết mới nhất

  • Hướng dẫn sử dụng LiteSpeed Memcached 17/01/2021
  • Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache 08/01/2021
  • Hướng dẫn nâng cấp PHP 8 cho website WordPress 15/12/2020
  • Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo 11/11/2020
  • Hiển thị mô tả cho category và tag trong WordPress 05/11/2020
  • Cải tiến công cụ tìm kiếm mặc định của WordPress 31/10/2020

Dịch vụ quét mã độc miễn phí

quet-ma-doc-mien-phi-cho-website

Footer

Bình luận mới nhất

  • Hải trong 5 Lời khuyên giúp tăng Adsense CTR của bạn lên 500%
  • Nhật trong Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache
  • Nồi Phở Sài Gòn trong Khắc phục lỗi email vào spam khi gửi mail từ hosting cPanel
  • Nga Pham trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng

Bình luận nhiều nhất (tháng)

  1. Doligo (7)
  2. Tuyen (7)
  3. Tien Coin (4)
  4. lê hải (3)
  5. Nguyễn Văn Long (3)
  6. Thành (3)

Thông tin hữu ích

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

10 Chuyên mục - 978 Bài viết - 37217 Bình luận

Bản quyền © 2014 - 2020 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting