Szybsza i lepsza wyszukiwarka WordPress przez Algolia API

Obrazek dla Szybsza i lepsza wyszukiwarka WordPress przez Algolia API

Algolia to zaawansowane narzędzie do wyszukiwania, dzięki któremu osiągniesz niezrównaną szybkość i dokładność w przeszukiwaniu treści na swojej witrynie WordPress. Zapewnisz użytkownikom płynne i intuicyjne doświadczenie podczas wyszukiwania i odciążysz serwer hostingowy. Jeśli Ciebie również męczy używanie natywnej wyszukiwarki w WordPress, spróbuj z Algolia.

Przyspiesz wyszukiwanie w WordPress.

Jednym z najważniejszych aspektów Algolii jest jej zdolność do przyspieszenia procesu wyszukiwania. Dzięki zaawansowanym mechanizmom indeksowania i optymalizacji zapytań, Algolia potrafi błyskawicznie przeszukać ogromne ilości danych, prezentując Ci wyniki wyszukiwania w czasie rzeczywistym. To oznacza, że nawet przy dużej liczbie treści na stronie, użytkownicy mogą natychmiast otrzymać odpowiedzi na swoje zapytania, co znacząco poprawia ich doświadczenie użytkowania Twojej witryny.

algolia search wordpress
Wyszukiwarka Algolia w WordPress. Natychmiastowe wyszukiwanie treści.
Nie masz WordPress?

Sprawdź jak łatwo go zainstalować na hostingu HitMe.

Sprawdź

Szybsze wyszukiwanie w WordPress za darmo?

Algolia oferuje Klucze API są one bezpłatne dla małych projektów osobistych i użytku niekomercyjnego, co sprawia, że jest ona dostępna nawet dla początkujących użytkowników lub osób prowadzących niewielkie blogi czy strony portfolio. Dzięki temu każdy może skorzystać z zalet tego potężnego narzędzia bez konieczności inwestowania dużych środków finansowych. Oczywiście jeśli interesują Cię dodatkowe funkcje, jak wsparcie woocommerce – będzie potrzebny plan płatny. Jednak darmowy plan oferuje do 10 tys. żądań wyszukiwania / miesiąc i 1 milion rekordów co dla wielu stron okazuje się wystarczające.

Utwórz swoje konto w serwisie algolia.com i od razu przejdź do rejestracji swojej aplikacji. Możesz skorzystać z poniższego linku, jeśli trudno Ci namierzyć tę opcję:

https://dashboard.algolia.com/account/plan/cluster?planName=build&previousStep=planSelect&clusterName=c41-eu
algolia nowa aplikacja
Aloglia. Utworzenie nowej aplikacji ze zbiorem danych.

Następnie, musisz utworzyć nowy index, czyli taki zbiór danych wyszukiwania na Twojej stronie.

algolia utwórz indeks
Algolia. Tworzymy nowe indeks danych.

Jeśli utworzyłeś indeks to w tym miejscu możesz się już zatrzymać. Nie musisz nic dalej ustawiać. Przejdź teraz przez Kokpit Algolia do swojej nowej aplikacji, potwierdź [1] że będziesz wyświetlał logo Algolii przy wynikach wyszukiwania (to załatwi za Ciebie wtyczka WordPress). Następnie przejdź do [2] API Keys.

algolia aplikacja
Algolia. Kokpit aplikacji.

Pozostaw sobie tę zakładkę przeglądarki otwartą, przyda się później.

Instalacja wtyczki WordPress Algolia

Zespół Algolia nie obsługuje już swojej oryginalnej wtyczki do WordPress, udostępnił swój kod dlatego możemy zainstalować wtyczkę z repozytorium WordPress. Zaloguj się do swojego Kokpitu WordPress i Dodaj wtyczkę WP Search with Algolia wpisując frazę algolia w polu wyszukiwania.

WP Search with Algolia
Wtyczka WP Search with Algolia

Zainstaluj i włącz tę wtyczkę w WordPress. Następnie przejdź do Ustawień wtyczki. Pierwsze co musisz zrobić, to podać klucze API, znajdziesz je na stronie Algolii w miejscu gdzie skończyliśmy.

Algolia WordPress klucze
Ustawienia kluczy Algolia.

Wklej w tych polach swoje poniższe klucze ze strony Algolia. Analogicznie przekopiuj i wklejaj:

  • [1] Application ID
  • [2] Search-Only API Key
  • [3] Admin API Key

Przy każdym kluczu masz wygodny przycisk, umożliwiający skopiowanie do schowka.

algolia klucze API
Algolia. Klucze dostępowe API.

Całość ustawień powinna prezentować się nastepująco:

algolia wp keys api
WordPress. Podane klucze dostępowe do API Algolia.

Zapisz ustawienia. Wyświetli się komunikat o [4] prawidłowym połączeniu.

Natychmiastowe wyszukiwanie w WordPress

Jednym z korzyści Algolia jest natychmiastowe wyszukiwianie – instantsearch. Algolia podmienia standardową metodę wyszukiwania WordPress dlatego może być zintegrowana z większością motywów WordPress, w których ono występuje.

Przejdź do opcji wtyczki [1] Search Page (Strona wyszukiwania) i zaznacz [2] Use Algolia with instantsearch.js po czym [3] Zapisz zmiany.

algolia wordpress instantsearch
WordPress. Instant search – natychmiastowe wyszukiwanie.

Na starcie indeks Algolia (zbiór danych), który utworzyłeś na samym początku, nie zawiera żadnych rekordów, jest pusty. Możesz teraz rozpocząć [1] indeksowanie całej treści swojej strony wordpress, zgodnie z pierwotnymi ustawieniami natywnej wyszukiwarki WordPress. Spowoduje to przesłanie danych do Twojej aplikacji w Algolia.

wordpress algolia indeksowanie
WordPress Algolia – rozpoczęcie indeksowanie treści.

Przejdź teraz do opcji [1] Autocomplete, możesz aktywować [2] Autouzupełnianie i ustawić typy treści, które będą indeksowane. Np. chcesz aby były to tylko Wpisy i Strony.

Algolia wordpress autocomplete
WordPress Algolia. Autouzupełnianie oraz typy treści.

Gotowe. Od teraz standardowe pole wyszukiwania WordPress zamieniło się w [1] wyszukiwarkę z silnikiem Algolia.

algolia search form
WordPress. Domyślne pole wyszukiwania.

Natomiast domyślna strona wyników wyszukiwania Twojego motywu WordPress zwykle dostępna pod adresem mojadomena.pol/?s=Lorem stała się [1] wyszukiwarką w czasie rzeczywistym, z możliwością filtrowania wyników.

wordpress wyniki algolia
WordPress Algolia – zmiana strony wyników wyszukiwania.

Tuning Algolia – dla zaawansowanych.

Wygląd wyników wyświetlania możesz tuningować poprzez skopiowanie plików szablonu do swojego katalogu motywu. Możesz następnie je edytować bez obaw o nadpisanie przy aktualizacji wtyczki. Całość dokumentacji jest dostępna pod adresem autorów wtyczki Customize your search page · WebDevStudios/wp-search-with-algolia Wiki (github.com)

Przykładowo jeśli chcesz usunąć z filtrów pole Users lub przetłumaczyć nagłówki na język polski:

  • utwórz katalog /algolia w ścieżce katalogu Twojego motywu /public_html/wp-content/themes/naza-twojego-motywu/algolia
  • skopiuj tam pliki z /public_html/wp-content/plugins/wp-search-with-algolia/templates
  • są to pliki instantsearch.php oraz autocomplete.php
instantsearch.php
instantsearch.php: zakomentowanie widgetu filtra Users