Jak dodać filtr taksonomii Ajax w wyszukiwaniu WordPress

Domyślne wyszukiwanie WordPress udostępnia odwiedzającym jedną długą listę postów bez możliwości zawężenia wyników.

Kiedy nie mogą filtrować według kategorii, tagów ani typów postów, większość rezygnuje i wraca do Google.

Dodanie filtra taksonomii Ajax do wyszukiwania WordPress rozwiązuje ten problem. Pozwala odwiedzającym natychmiast zawęzić wyniki według kategorii, tagów, pól niestandardowych lub typów postów, co może prowadzić do bardziej przyjaznego dla użytkownika doświadczenia.

W tym przewodniku pokażę, jak dodać filtr taksonomii Ajax do Twojej witryny WordPress. Na koniec będziesz mógł zapewnić odwiedzającym szybkie i intuicyjne wyszukiwanie.

Dlaczego warto używać filtra taksonomii Ajax w wyszukiwarce WordPress?

Wyszukiwanie oparte na Ajax jest szybsze i zapewnia lepsze wrażenia użytkownika niż domyślna funkcja wyszukiwania WordPress. Ajax oznacza, że wyniki aktualizują się na stronie w czasie rzeczywistym, bez konieczności przeładowania całej strony.

Na przykład strona internetowa dealera samochodowego może mieć niestandardowe taksonomie dla typów pojazdów, przedziałów cenowych, modeli i innych. Dzięki filtrom Ajax odwiedzający mogą szybko zawęzić swoje opcje i znaleźć dokładnie to, czego potrzebują, bez przeładowywania strony.

Możesz dodać podobne filtry do swojej witryny WordPress, aby usprawnić nawigację i pomóc użytkownikom łatwiej znaleźć treści.

Pod maską, taksonomie WordPress (takie jak kategorie i tagi) ułatwiają również właścicielom witryn strukturalne organizowanie treści.

Jednak domyślne wyszukiwanie WordPress nie jest tak potężne i nie oferuje możliwości filtrowania treści na podstawie taksonomii, między innymi. Jeśli używasz niestandardowych taksonomii na swojej stronie, domyślne wyszukiwanie działa jeszcze gorzej.

Tutaj będziesz potrzebować wtyczki WordPress, która Ci pomoże. W poniższych sekcjach omówię dwie metody dodawania filtra taksonomii Ajax do wyszukiwania WordPress.

Pierwsza metoda ulepsza sam algorytm wyszukiwania WordPress, tak aby uwzględniał taksonomie w wynikach wyszukiwania. Druga metoda dodaje widoczny interfejs filtra Ajax, który integruje się natywnie z pierwszą metodą, dzięki czemu odwiedzający mogą zawężać wyniki jednym kliknięciem.

Po prostu kliknij poniższe linki, aby przejść do preferowanej sekcji:

Gotowi? Zacznijmy.

Metoda 1: Dodaj taksonomie Ajax do wyszukiwania w WordPress za pomocą SearchWP

Najprostszym sposobem dodania taksonomii Ajax do wyszukiwania WordPress jest użycie SearchWP. Jest to najlepsza wtyczka do wyszukiwania dla WordPress i ułatwia użytkownikom znalezienie tego, czego szukają na Twojej stronie internetowej.

Wykracza poza zwykłe wykorzystanie treści z Twoich postów na blogu i stron do wyszukiwania rzeczy. SearchWP używa niestandardowych pól, taksonomii, atrybutów produktów WooCommerce, plików tekstowych, niestandardowych tabel i nie tylko.

Więcej informacji o wtyczce znajdziesz w naszej obszernej recenzji SearchWP.

Krok 1: Zarejestruj się w SearchWP

Najpierw odwiedźmy stronę internetową SearchWP i załóżmy konto. Plan Standardowy (99 USD/rok, 1 strona) obejmuje wszystko, czego potrzebujesz do tej metody.

Jeśli planujesz dodać interfejs filtra front-end (Metoda 2 poniżej używa WPFilters, również z SearchWP), pakiet All Access (399 USD/rok) zawiera obie wtyczki i pozwala zaoszczędzić na ich oddzielnym zakupie.

Następnie możesz pobrać i zainstalować wtyczkę na swojej stronie. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem jak zainstalować wtyczkę WordPress.

Po aktywacji musisz przejść do SearchWP » Ustawienia z panelu administracyjnego WordPress. Stąd po prostu wprowadź klucz licencyjny, który możesz łatwo znaleźć w swoim obszarze konta.

Krok 2: Utwórz swój algorytm wyszukiwania

Teraz możesz przejść do SearchWP » Algorytm z poziomu panelu WordPress.

Stąd możesz edytować trafność wyszukiwania dla swojej witryny. Na przykład możesz zwiększyć wagi dla tytułu, treści, sluga i fragmentu, aby pomóc użytkownikom znaleźć to, czego szukają.

Aby dodać taksonomie do trafności wyszukiwania, możesz kliknąć przycisk „Dodaj/Usuń atrybuty”.

Spowoduje to otwarcie nowego okna.

Możesz kliknąć menu rozwijane „Taksonomie” i wybrać, czy chcesz uwzględnić kategorie, tagi, formaty, czy wszystkie z nich w wyszukiwaniu WordPress.

Po wybraniu taksonomii nie zapomnij kliknąć przycisku „Gotowe”.

Powinieneś teraz zobaczyć taksonomie dla algorytmu wyszukiwania postów na blogu WordPress. Możesz użyć suwaka, aby zwiększyć ich trafność w wyszukiwaniach WordPress.

Możesz również kliknąć przycisk „Edytuj regułę”, aby określić, jakie treści mogą, a jakie nie mogą pojawiać się w wynikach wyszukiwania.

Na przykład, SearchWP uwzględni wszystkie kategorie na Twojej stronie internetowej. Możesz usunąć kategorie, z których nie chcesz wyświetlać treści, lub dodać wiele warunków, aby dostosować wyniki wyszukiwania.

Nie zapomnij kliknąć przycisku „Gotowe” po zakończeniu.

Możesz teraz edytować algorytm wyszukiwania dla swoich stron, plików multimedialnych, produktów WooCommerce i nie tylko, aby wyświetlały się w SearchWP.

Teraz, gdy odwiedzający szuka stron i wpisów na Twojej stronie, SearchWP uwzględni taksonomie podczas procesu wyszukiwania.

Metoda 2: Dodaj interfejs filtra front-end za pomocą WPFilters

Metoda 1 sprawiła, że algorytm wyszukiwania WordPress jest świadomy taksonomii w backendzie. Metoda 2 dodaje widoczny interfejs filtra, z którym odwiedzający wchodzą w interakcję na froncie.

WPFilters jest naturalnym uzupełnieniem — jest tworzony przez ten sam zespół SearchWP i integruje się z SearchWP od razu po wyjęciu z pudełka. Posiada kreator typu „przeciągnij i upuść”, dzięki czemu możesz konfigurować pola wyboru, listy rozwijane, suwaki i filtry wyszukiwania bez dotykania kodu. Obsługuje również Advanced Custom Fields i dowolny niestandardowy typ postu, co czyni go silnym wyborem, jeśli stworzyłeś niestandardową zawartość na swojej stronie.

Umieszczenie elementu WPFilters w bocznym pasku wyników wyszukiwania (lub dowolnym obszarze widżetów, który jest wyświetlany na stronie wyników wyszukiwania) pozwala odwiedzającym na zawężanie wyników SearchWP w czasie rzeczywistym, bez przeładowywania strony.

Więcej szczegółów znajdziesz w naszej pełnej recenzji WPFilters.

Krok 1: Instalacja wtyczki WPFilters

Aby rozpocząć, musisz założyć konto WPFilters na stronie SearchWP. WPFilters jest rozwijany przez zespół SearchWP, więc integruje się natywnie z konfiguracją SearchWP, którą właśnie ukończyłeś w Metodzie 1.

Jeśli kupiłeś pakiet SearchWP All Access w Metodzie 1, WPFilters jest już zawarty w Twojej subskrypcji — wystarczy pobrać plik ZIP WPFilters z obszaru konta SearchWP i przejść do Kroku 2.

W przeciwnym razie kliknij przycisk „Get WPFilters Now” na stronie produktu WPFilters, wybierz plan i zakończ proces zakupu. Plan Standardowy (49 USD/rok, 1 strona) obejmuje wszystko, czego potrzebujesz do tego tutorialu.

Po rejestracji będziesz chciał pobrać plik ZIP wtyczki na swój komputer i skopiować klucz licencyjny.

Następnie zainstalujesz i aktywujesz wtyczkę na swojej stronie WordPress.

W obszarze administracyjnym WordPress przejdź do Wtyczki » Dodaj wtyczkę.

Następnie możesz kliknąć przycisk „Upload Plugin”.

W narzędziu do przesyłania plików kliknij przycisk „Choose File”, aby przesłać plik ZIP WPFilters z komputera. Kliknij „Install Now”, a następnie „Activate”, gdy się pojawi, aby zakończyć instalację.

Szczegóły znajdziesz w naszym przewodniku dla początkujących jak zainstalować wtyczkę WordPress.

Gdy wtyczka będzie aktywna, WPFilters przeprowadzi Cię przez kreatora konfiguracji, aby zakończyć początkowe ustawienia. Zalecam dokładne wykonanie każdego kroku, aby wtyczka była gotowa do użycia przed rozpoczęciem tworzenia filtrów.

Po zakończeniu możesz kliknąć „Zapisz i zakończ”.

Krok 2: Konfiguracja filtrów taksonomii Ajax

Teraz czas na utworzenie pierwszego filtra.

Z panelu WordPress przejdź do WPFilters » Elementy i kliknij „Dodaj nowy”, aby utworzyć nowy element filtra.

Zostaniesz poproszony o nadanie nazwy elementowi filtra.

Wybierz coś opisowego, co pomoże Ci zidentyfikować go później, na przykład „Filtr kategorii” lub „Filtr typu produktu”.

Następnie musisz wybrać typ filtra.

WPFilters oferuje kilka opcji wyświetlania do wyboru, w tym:

• Pola wyboru – świetne, aby umożliwić użytkownikom wybór wielu opcji jednocześnie
• Przyciski radiowe – idealne, gdy chcesz, aby użytkownicy wybrali tylko jedną opcję
• Listy rozwijane – kompaktowa opcja, która dobrze sprawdza się, gdy masz wiele opcji filtrowania
• Lista rozwijana (Wielokrotny wybór) – pozwala użytkownikom wybrać więcej niż jedną opcję z pojedynczej listy rozwijanej
• Wyszukiwanie – dodaje pole wyszukiwania, dzięki czemu użytkownicy mogą szybko znaleźć to, czego potrzebują
• Suwak – idealny do wybierania zakresów, takich jak ceny lub inne wartości liczbowe
• Przycisk Resetuj – pozwala użytkownikom wyczyścić wszystkie zastosowane filtry jednym kliknięciem

W tym samouczku użyjemy typu filtra Pola wyboru, ponieważ pozwala on użytkownikom na jednoczesne wybieranie wielu kategorii lub tagów. Daje im to największą elastyczność podczas zawężania wyszukiwania.

Inne typy filtrów pasują do różnych zadań: użyj suwaka dla zakresów cenowych lub wartości liczbowych, listy rozwijanej, gdy jedna taksonomia ma 10+ terminów, a przestrzeń pionowa jest ograniczona, przycisków radiowych dla atrybutów o pojedynczej wartości, takich jak kolejność sortowania, oraz wyszukiwania, gdy jest zbyt wiele terminów do wizualnego skanowania.

Gdy będziesz zadowolony z typu filtra, przewiń w dół do sekcji „Źródło danych”. Tutaj połączysz swój filtr z rzeczywistą taksonomią na swojej stronie.

Możesz wybrać spośród dowolnych taksonomii dostępnych na Twojej stronie WordPress, takich jak:

• Kategorie – domyślne kategorie treści WordPress
• Tagi – domyślne tagi WordPress
• Taksonomie niestandardowe – wszelkie taksonomie niestandardowe utworzone dla Twojej witryny

Polecam poświęcić chwilę tutaj, aby zastanowić się, która taksonomia ma najwięcej sensu dla Twoich odwiedzających. Wybór właściwej sprawi, że Twój filtr będzie znacznie bardziej użyteczny i intuicyjny dla osób przeglądających Twoją witrynę.

Krok 3: Dostosowywanie elementu filtra

Teraz, gdy skonfigurowałeś swój filtr i połączyłeś go z taksonomią, czas dostosować jego wygląd i zachowanie na Twojej stronie. WPFilters oferuje szeroki zakres opcji wyświetlania, które pomogą Ci dopasować filtr do projektu Twojej witryny i potrzeb Twoich odwiedzających.

W sekcji „Kontener” znajdziesz opcje takie jak:

• Tytuł widżetu – wyświetla nagłówek nad filtrem, dzięki czemu odwiedzający wiedzą, według czego filtrują.
• Elementy rozwijane – pozwala odwiedzającym rozwijać lub zwijać filtr, co jest przydatne, jeśli masz wiele filtrów na jednej stronie.
• Zobacz więcej/mniej – wyświetl link „Zobacz więcej”, aby zwinąć listę, jeśli jest zbyt długa.
• Pokaż więcej po – jeśli włączysz opcję „Zobacz więcej/mniej”, możesz określić liczbę elementów do wyświetlenia początkowo przed wyświetleniem linku.
• Układ poziomy – układa opcje filtra obok siebie zamiast jeden pod drugim, co może dobrze działać w szerszych układach.

Włącz te, których potrzebujesz.

Następnie możesz dostosować sposób wyświetlania elementów filtra, na przykład:

• Liczba elementów – pokazuje liczbę postów dostępnych pod każdym terminem filtra, dzięki czemu odwiedzający wiedzą, czego się spodziewać, zanim klikną.
• Pokaż puste – wybierz, czy chcesz pokazywać terminy taksonomii, które nie mają pasującej treści.
• Hierarchiczny – włączenie wyświetlania hierarchicznego znacznie ułatwia czytelnikom nawigację po treściach, co może poprawić wrażenia użytkownika.

Oto co widzisz na ekranie:

Gdy będziesz zadowolony z ustawień, kliknij „Zapisz”, aby zachować konfigurację filtra.

Twój element filtra będzie gotowy do dodania do dowolnego posta lub strony w Twojej witrynie WordPress.

Jeśli chcesz utworzyć kolejny element WPFilters, możesz po prostu powtórzyć proces.

Krok 4: Osadzanie filtrów w WordPress

Teraz, gdy Twój element filtra został zapisany, czas dodać go do swojej witryny, aby odwiedzający mogli z niego korzystać.

W przypadku połączenia SearchWP + WPFilters skonfigurowanego w Metodzie 1, najprzydatniejszym miejscem jest widżet paska bocznego na stronie wyników wyszukiwania — tam pojawiają się wyniki SearchWP, a filtr będzie je zawężał w czasie rzeczywistym, gdy odwiedzający klikną.

WPFilters oferuje trzy opcje umieszczenia:

• Widżet paska bocznego (zalecane do filtrowania wyników wyszukiwania) – pojawia się na każdej stronie korzystającej z paska bocznego, w tym na stronie wyników wyszukiwania.
• Blok Gutenberga – umieść filtr na konkretnej stronie (dobry, jeśli chcesz również strony archiwum z filtrami, takie jak strona docelowa „Przeglądaj według kategorii”).
• Krótki kod – wklej w dowolnym miejscu, gdzie obsługiwany jest krótki kod, w tym w konstruktorach stron i klasycznych widżetach.

Aby dodać filtr do paska bocznego, przejdź do Wygląd » Widżety w obszarze administracyjnym.

Stąd poszukaj paska bocznego swojego motywu (na przykład Pasek boczny główny lub Pasek boczny wyszukiwania) na liście dostępnych obszarów widżetów. Kliknij go, aby rozwinąć i wyświetlić istniejące widżety.

Następnie kliknij ikonę plusa, aby dodać nowy widżet, a następnie dodaj widżet Element WPFilters.

W panelu Ustawienia elementu wybierz filtr z menu rozwijanego.

Możesz dodać wiele widżetów filtrów, jeśli chcesz zaoferować więcej opcji filtrowania (dobrze działa jeden widżet na taksonomię — na przykład filtr Kategorii i filtr Tagów obok siebie).

Po wybraniu filtra kliknij „Zaktualizuj” lub „Opublikuj”, aby zapisać zmiany.

Twój filtr taksonomii Ajax pojawi się teraz na pasku bocznym strony wyników wyszukiwania, umożliwiając odwiedzającym zawężanie wyników SearchWP w czasie rzeczywistym.

Dodatkowe wskazówki: Więcej rzeczy, które możesz zrobić z SearchWP

Po dodaniu filtrowania taksonomii Ajax, istnieje jeszcze więcej sposobów na ulepszenie wyszukiwania w WordPress za pomocą SearchWP. Oto kilka dodatkowych funkcji, które warto sprawdzić:

🌫️ Użyj wyszukiwania rozmytego dla lepszego dopasowania

Domyślnie wyszukiwarka WordPress przeszukuje tylko dokładne dopasowania. Oznacza to, że jeśli odwiedzający popełni błąd w pisowni słowa lub użyje nieco innej frazy, może nie znaleźć tego, czego szuka.

Wyszukiwanie rozmyte rozwiązuje ten problem, pokazując wyniki, które są wystarczająco bliskie, na przykład wyłapując literówki lub podobne formy słów. To prosty sposób na dostosowanie wyszukiwania w WordPress, aby było mądrzejsze.

Zobacz nasz poradnik, jak dodać wyszukiwanie rozmyte w WordPress, aby uzyskać więcej szczegółów.

📄 Spraw, aby pliki PDF były przeszukiwalne

Jeśli udostępniasz na swojej stronie pliki PDF, takie jak instrukcje, e-booki lub broszury, SearchWP może indeksować zawartość tych plików. Oznacza to, że gdy ktoś skorzysta z paska wyszukiwania, wyniki mogą zawierać to, co jest napisane w plikach PDF, a nie tylko tytuły plików.

Jest to szczególnie przydatne dla stron biznesowych, blogów z dużą ilością zasobów, a nawet szkół.

Dowiedz się więcej w naszym poradniku, jak dodać indeksowanie i wyszukiwanie plików PDF w WordPress.

🛍️ Ulepsz wyszukiwanie produktów w WooCommerce

Jeśli prowadzisz sklep internetowy, SearchWP może również ulepszyć wyszukiwanie produktów.

Zamiast polegać na domyślnym wyszukiwaniu WooCommerce, możesz stworzyć mądrzejsze wyszukiwanie produktów, które priorytetyzuje tytuły, kategorie, tagi, a nawet pola niestandardowe. Pomaga to klientom szybciej znaleźć odpowiedni produkt, co może prowadzić do większej liczby sprzedaży.

Zobacz nasz poradnik, jak stworzyć inteligentne wyszukiwanie produktów WooCommerce.

A po więcej wskazówek i sztuczek, możesz zobaczyć nasz poradnik, jak ulepszyć wyszukiwanie w WordPress za pomocą SearchWP.

Najczęściej zadawane pytania dotyczące filtrów taksonomii Ajax w WordPress

Zanim zakończę, oto kilka częstych pytań, które nasi czytelnicy zadają na temat dodawania filtrów taksonomii Ajax w WordPress.

Czy potrzebuję umiejętności kodowania, aby dodawać filtry Ajax w WordPress?

Nie, nie potrzebujesz żadnych umiejętności kodowania. Obie powyższe metody działają bez kodu — SearchWP jest konfigurowany za pomocą panelu ustawień, a WPFilters używa kreatora przeciągnij i upuść oraz bloku lub widżetu Gutenberg.

Czy potrzebuję zarówno SearchWP, jak i WPFilters, czy mogę użyć tylko jednego?

Wykonują różne zadania. SearchWP sprawia, że silnik wyszukiwania WordPress jest świadomy taksonomii w backendzie. WPFilters dodaje widoczny interfejs filtra na stronie front-end. Możesz używać samego SearchWP, jeśli chcesz tylko lepszych wyników wyszukiwania, lub połączyć oba, aby uzyskać pełne doświadczenie filtrowania Ajax. Pakiet All Access zawiera oba w jednej cenie.

Czy mogę używać filtrów taksonomii do produktów WooCommerce?

Tak, filtry taksonomii świetnie sprawdzają się w sklepach WooCommerce. Możesz pozwolić klientom filtrować produkty według kategorii, tagów, atrybutów (takich jak rozmiar lub kolor) i innych — podobnie jak filtrowanie na dużych stronach eCommerce.

Jaka jest różnica między filtrowaniem Ajax a zwykłym filtrowaniem?

W filtrowaniu Ajax wyniki aktualizują się natychmiast, bez odświeżania strony. Zwykłe filtrowanie przeładowuje całą stronę za każdym razem, gdy użytkownik wybierze opcję, co może wydawać się wolniejsze.

Czy dodawanie filtrów Ajax spowolni moją witrynę?

Nie, niekoniecznie. W większości przypadków filtry Ajax poprawiają doświadczenie użytkownika, ładując tylko przefiltrowane wyniki zamiast odświeżać całą stronę. Upewnij się tylko, że używasz dobrze zoptymalizowanej wtyczki.

Ulepsz swoją witrynę WordPress dzięki zaawansowanemu wyszukiwaniu i filtrowaniu

Mam nadzieję, że ten artykuł pomógł Ci dodać filtr taksonomii oparty na Ajax do wyszukiwania WordPress w Twojej witrynie.

Następnie możesz również zapoznać się z naszymi przewodnikami na temat:

• Jak pozwolić użytkownikom filtrować posty i strony w WordPress
• Jak stworzyć portfolio z filtrowaniem w WordPress
• Jak skonfigurować filtr produktów WooCommerce
• Jak naprawić problem z wyszukiwaniem w WordPressie
• Jak sprawdzić analitykę wyszukiwania w WordPressie

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.