Come aggiungere un filtro tassonomico Ajax nella ricerca di WordPress

La ricerca predefinita di WordPress presenta ai visitatori un lungo elenco di post senza modo di restringerlo.

Quando non riescono a filtrare per categoria, tag o tipo di post, la maggior parte rinuncia e torna su Google.

Aggiungere un filtro tassonomie Ajax alla ricerca di WordPress risolve questo problema. Consente ai visitatori di restringere istantaneamente i risultati per categoria, tag, campo personalizzato o tipo di post, il che può portare a un'esperienza utente più intuitiva.

In questa guida, ti mostrerò come aggiungere un filtro tassonomie Ajax al tuo sito WordPress. Alla fine, potrai offrire ai tuoi visitatori un'esperienza di ricerca rapida e intuitiva.

Perché usare un filtro tassonomie Ajax nella ricerca di WordPress?

La ricerca basata su Ajax è più veloce e offre un'esperienza utente migliore rispetto alla funzione di ricerca predefinita di WordPress. Ajax significa che i risultati si aggiornano direttamente sulla pagina in tempo reale, senza un ricaricamento completo della pagina.

Ad esempio, un sito web di concessionaria automobilistica potrebbe avere tassonomie personalizzate per tipi di veicoli, fasce di prezzo, modelli e altro ancora. Con i filtri Ajax, i visitatori possono restringere rapidamente le loro opzioni e trovare esattamente ciò di cui hanno bisogno senza ricaricare la pagina.

Puoi aggiungere filtri simili al tuo sito WordPress per migliorare la navigazione e aiutare gli utenti a trovare i contenuti più facilmente.

Dietro le quinte, le tassonomie di WordPress (come categorie e tag) rendono anche più facile per i proprietari del sito organizzare i contenuti in modo strutturato.

Tuttavia, la ricerca predefinita di WordPress non è così potente e non offre la possibilità di filtrare i contenuti in base alle tassonomie, tra le altre cose. Se utilizzi tassonomie personalizzate sul tuo sito, la ricerca predefinita funziona ancora peggio.

È qui che avrai bisogno di un plugin WordPress per aiutarti. Nelle sezioni seguenti, tratterò due metodi su come aggiungere un filtro tassonomie Ajax a una ricerca di WordPress.

Il primo metodo migliora l'algoritmo di ricerca di WordPress stesso in modo che includa le tassonomie nei risultati di ricerca. Il secondo metodo aggiunge un'interfaccia filtro Ajax visibile che si integra nativamente con il primo metodo, in modo che i visitatori possano restringere i risultati con un clic.

Fai semplicemente clic sui collegamenti sottostanti per passare alla sezione preferita:

Pronto? Iniziamo.

Metodo 1: Aggiungere tassonomie Ajax alla ricerca di WordPress utilizzando SearchWP

Il modo più semplice per aggiungere tassonomie Ajax alla ricerca di WordPress è utilizzare SearchWP. È il miglior plugin di ricerca per WordPress e rende facile per gli utenti trovare ciò che cercano sul tuo sito Web.

Va oltre l'utilizzo del solo contenuto dei tuoi post e pagine del blog per cercare le cose. SearchWP utilizza campi personalizzati, tassonomie, attributi dei prodotti WooCommerce, file di testo, tabelle personalizzate e altro ancora.

Per ulteriori informazioni sul plugin, consulta la nostra estesa recensione di SearchWP.

Passaggio 1: Iscriviti a SearchWP

Innanzitutto, visitiamo il sito web di SearchWP e registriamoci per un account. Il piano Standard ($99/anno, 1 sito) copre tutto ciò di cui hai bisogno per questo metodo.

Se hai intenzione di aggiungere un'interfaccia utente di filtro front-end (il Metodo 2 di seguito utilizza WPFilters, anch'esso di SearchWP), il pacchetto All Access ($399/anno) include entrambi i plugin e ti fa risparmiare il costo dell'acquisto separato.

Dopodiché, puoi scaricare e installare il plugin sul tuo sito. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin di WordPress.

Dopo l'attivazione, dovrai andare su SearchWP » Impostazioni dal pannello di amministrazione di WordPress. Da qui, inserisci semplicemente la chiave di licenza, che puoi trovare facilmente nella tua area account.

Passaggio 2: Crea il tuo algoritmo di ricerca

Ora, puoi andare su SearchWP » Algoritmo dalla dashboard di WordPress.

Da qui, puoi modificare la pertinenza della ricerca per il tuo sito Web. Ad esempio, puoi aumentare i pesi per titolo, contenuto, slug ed estratto per aiutare gli utenti a trovare ciò che cercano.

Per aggiungere tassonomie alla rilevanza della ricerca, puoi fare clic sul pulsante 'Aggiungi/Rimuovi attributi'.

Si aprirà una nuova finestra.

Puoi fare clic sul menu a discesa 'Tassonomie' e selezionare se desideri includere categorie, tag, formati o tutti nelal ricerca di WordPress.

Dopo aver selezionato le tassonomie, non dimenticare di fare clic sul pulsante 'Fatto'.

Ora dovresti vedere le tassonomie per il tuo algoritmo di ricerca dei post del blog di WordPress. Puoi usare il cursore per aumentare la loro pertinenza nelle ricerche di WordPress.

Puoi anche fare clic sul pulsante 'Modifica regola' per determinare quali contenuti possono e non possono apparire nei risultati di ricerca.

Ad esempio, SearchWP includerà tutte le categorie sul tuo sito web. Puoi rimuovere categorie da cui non desideri che il contenuto venga visualizzato o aggiungere più condizioni per personalizzare i risultati di ricerca.

Non dimenticare di fare clic sul pulsante 'Fatto' al termine.

Ora puoi modificare l'algoritmo di ricerca per le tue pagine, file multimediali, prodotti WooCommerce e altro ancora per mostrarli in SearchWP.

Ora, ogni volta che un visitatore cerca pagine e post sul tuo sito web, SearchWP includerà le tassonomie durante il processo di ricerca.

Metodo 2: Aggiungi un'interfaccia filtro frontend con WPFilters

Il Metodo 1 ha reso l'algoritmo di ricerca di WordPress consapevole delle tassonomie nel backend. Il Metodo 2 aggiunge l'interfaccia utente di filtro visibile con cui i visitatori interagiscono nel front-end.

WPFilters è l'abbinamento naturale — è costruito dallo stesso team di SearchWP e si integra con SearchWP fin da subito. Viene fornito con un costruttore drag-and-drop, così puoi impostare checkbox, menu a tendina, cursori e filtri di ricerca senza toccare il codice. Supporta anche Advanced Custom Fields e qualsiasi tipo di post personalizzato, il che lo rende una scelta solida se hai creato contenuti personalizzati sul tuo sito.

Posizionare l'elemento WPFilters nella barra laterale dei risultati di ricerca (o in qualsiasi area widget che viene visualizzata nella pagina dei risultati di ricerca) consente ai visitatori di restringere i risultati di SearchWP in tempo reale, senza ricaricare la pagina.

Per maggiori dettagli, puoi consultare la nostra recensione completa di WPFilters.

Passaggio 1: Installazione del plugin WPFilters

Per iniziare, dovrai creare un account WPFilters sul sito web di SearchWP. WPFilters è sviluppato dal team di SearchWP, quindi si integra nativamente con la configurazione di SearchWP che hai appena completato nel Metodo 1.

Se hai acquistato il pacchetto SearchWP All Access nel Metodo 1, WPFilters è già incluso nel tuo abbonamento — scarica semplicemente il file ZIP di WPFilters dalla tua area account SearchWP e salta al Passaggio 2.

Altrimenti, fai clic sul pulsante 'Ottieni WPFilters Ora' sulla pagina del prodotto WPFilters, scegli un piano e completa il processo di checkout. Il piano Standard ($49/anno, 1 sito) copre tutto ciò di cui hai bisogno per questo tutorial.

Dopo la registrazione, dovrai scaricare il file ZIP del plugin sul tuo computer e copiare la tua chiave di licenza.

Successivamente, installerai e attiverai il plugin sul tuo sito WordPress.

Nella tua area di amministrazione di WordPress, vai su Plugin » Aggiungi Plugin.

Successivamente, puoi fare clic sul pulsante 'Carica Plugin'.

Nell'uploader di file, fai semplicemente clic sul pulsante 'Scegli File' per caricare il tuo file zip di WPFilters dal tuo computer. Fai clic su 'Installa Ora' e poi su 'Attiva' quando appare per completare l'installazione.

Per i dettagli, consulta la nostra guida per principianti su come installare un plugin di WordPress.

Una volta che il plugin è attivo, WPFilters ti guiderà attraverso una procedura guidata di configurazione per completare l'impostazione iniziale. Raccomando di seguire attentamente ogni passaggio in modo che il plugin sia pronto prima di iniziare a creare i tuoi filtri.

Fatto ciò, puoi fare clic su 'Salva e completa'.

Passaggio 2: Configurazione dei filtri tassonomie Ajax

Ora è il momento di creare il tuo primo filtro.

Dal tuo pannello di controllo WordPress, vai su WPFilters » Elementi e fai clic su 'Aggiungi nuovo' per creare un nuovo elemento filtro.

Ti verrà chiesto di dare un nome al tuo elemento filtro.

Scegli qualcosa di descrittivo che ti aiuti a identificarlo in seguito, come "Filtro Categoria" o "Filtro Tipo Prodotto".

Successivamente, dovrai scegliere un tipo di filtro.

WPFilters ti offre diverse opzioni di visualizzazione tra cui scegliere, tra cui:

• Caselle di controllo – ottime per consentire agli utenti di selezionare più opzioni contemporaneamente
• Pulsanti di opzione – ideali quando vuoi che gli utenti scelgano una sola opzione
• Menu a discesa – un'opzione compatta che funziona bene quando hai molte scelte di filtro
• Menu a discesa (Selezione multipla) – Consente agli utenti di scegliere più opzioni da un singolo elenco a discesa
• Ricerca – Aggiunge una casella di ricerca in modo che gli utenti possano trovare rapidamente ciò di cui hanno bisogno
• Slider – Ideale per selezionare intervalli, come prezzi o altri valori numerici
• Pulsante di reimpostazione – Consente agli utenti di cancellare tutti i filtri applicati con un clic

Per questo tutorial, utilizzeremo il tipo di filtro Casella di controllo perché consente agli utenti di selezionare più categorie o tag contemporaneamente. Offre loro la massima flessibilità quando restringono la loro ricerca.

Gli altri tipi di filtro si adattano a lavori diversi: usa uno Slider per intervalli di prezzo o valori numerici, un Menu a discesa quando una tassonomia ha più di 10 termini e lo spazio verticale è limitato, Pulsanti di opzione per attributi a valore singolo come l'ordine di ordinamento e Ricerca quando ci sono troppi termini da scansionare visivamente.

Una volta soddisfatto del tipo di filtro, scorri verso il basso fino alla sezione 'Origine dati' . È qui che collegherai il tuo filtro a una tassonomia effettiva sul tuo sito.

Puoi selezionare tra una qualsiasi delle tassonomie disponibili sul tuo sito WordPress, come:

• Categorie – le categorie di contenuti predefinite di WordPress
• Tag – i tag predefiniti di WordPress
• Tassonomie personalizzate – qualsiasi tassonomia personalizzata che hai creato per il tuo sito

Ti consiglio di prenderti un momento qui per pensare a quale tassonomia ha più senso per i tuoi visitatori. Scegliere quella giusta renderà il tuo filtro molto più utile e intuitivo per le persone che navigano sul tuo sito.

Passaggio 3: Personalizzazione del tuo elemento filtro

Ora che hai configurato il tuo filtro e lo hai collegato a una tassonomia, è il momento di personalizzare come appare e si comporta sul tuo sito. WPFilters ti offre una buona gamma di opzioni di visualizzazione per aiutarti ad abbinare il filtro al design del tuo sito e alle esigenze dei tuoi visitatori.

Nella sezione 'Contenitore', troverai opzioni come:

• Titolo del filtro – visualizza un'intestazione sopra il tuo filtro in modo che i visitatori sappiano cosa stanno filtrando.
• Elementi comprimibili – consente ai visitatori di espandere o comprimere il filtro, utile se hai più filtri in una pagina.
• Mostra altro/meno – mostra un link Mostra altro per comprimere l'elenco se è troppo lungo.
• Mostra altro dopo – se abiliti 'Mostra altro/meno', puoi specificare il numero di elementi da mostrare inizialmente prima di visualizzare il link.
• Layout orizzontale – dispone le opzioni del filtro una accanto all'altra invece che impilate, il che può funzionare bene per layout più ampi.

Procedi e attiva quelli che desideri.

Successivamente, puoi personalizzare come vengono visualizzati gli elementi del tuo filtro, ad esempio:

• Conteggio elementi – mostra il numero di post disponibili sotto ciascun termine del filtro, in modo che i visitatori sappiano cosa aspettarsi prima di fare clic.
• Mostra vuoti – scegli se mostrare termini tassonomici che non hanno contenuti corrispondenti.
• Gerarchico – l'attivazione della visualizzazione gerarchica rende molto più facile per i lettori navigare nei tuoi contenuti, il che può migliorare l'esperienza utente.

Ecco cosa vedi sullo schermo:

Una volta soddisfatto delle impostazioni, fai clic su 'Salva' per memorizzare la configurazione del tuo filtro.

Il tuo elemento filtro sarà quindi pronto per essere aggiunto a qualsiasi post o pagina sul tuo sito WordPress.

Se desideri creare un altro elemento WPFilters, puoi semplicemente ripetere il processo.

Passaggio 4: Incorporamento dei tuoi filtri in WordPress

Ora che il tuo elemento filtro è stato salvato, è ora di aggiungerlo al tuo sito in modo che i visitatori possano effettivamente utilizzarlo.

Per l'accoppiamento SearchWP + WPFilters impostato nel Metodo 1, il posizionamento più utile è il widget della barra laterale nella pagina dei risultati di ricerca — è lì che appaiono i risultati di SearchWP e il filtro li restringerà in tempo reale mentre i visitatori fanno clic.

WPFilters ti offre tre opzioni di posizionamento:

• Widget barra laterale (consigliato per il filtraggio dei risultati di ricerca) – appare su ogni pagina che utilizza la tua barra laterale, inclusa la pagina dei risultati di ricerca.
• Blocco Gutenberg – posiziona il filtro su una pagina specifica (utile se desideri anche pagine di archivio filtrate, come una pagina di destinazione "Sfoglia per categoria").
• Shortcode – incolla ovunque sia supportato uno shortcode, inclusi page builder e widget classici.

Per aggiungere il filtro alla tua barra laterale, vai su Aspetto » Widget nella tua area di amministrazione.

Da qui, cerca la barra laterale del tuo tema (ad esempio, una Barra laterale principale o una Barra laterale di ricerca) nell'elenco delle aree widget disponibili. Fai clic su di essa per espanderla e visualizzare i widget esistenti.

Successivamente, fai clic sull'icona più per aggiungere un nuovo widget, quindi aggiungi il widget Elemento WPFilters.

Nel pannello Impostazioni elemento, seleziona il tuo filtro dal menu a discesa.

Puoi aggiungere più widget filtro se desideri offrire più opzioni di filtraggio (un widget per tassonomia funziona bene, ad esempio un filtro Categoria e un filtro Tag uno accanto all'altro).

Una volta selezionato il filtro, fai clic su 'Aggiorna' o 'Pubblica' per salvare le modifiche.

Il tuo filtro tassonomia Ajax apparirà ora nella barra laterale della tua pagina dei risultati di ricerca, consentendo ai visitatori di restringere i risultati di SearchWP in tempo reale.

Suggerimenti bonus: Altre cose che puoi fare con SearchWP

Una volta aggiunta la filtri tassonomie Ajax, ci sono ancora più modi per migliorare la ricerca di WordPress con SearchWP. Ecco alcune funzionalità aggiuntive che vale la pena controllare:

🌫️ Usa la ricerca fuzzy per una migliore corrispondenza

Per impostazione predefinita, la ricerca di WordPress cerca solo corrispondenze esatte. Ciò significa che se un visitatore commette un errore di battitura o utilizza una frase leggermente diversa, potrebbe non trovare ciò che sta cercando.

La ricerca fuzzy risolve quel problema mostrando risultati sufficientemente vicini, come errori di battitura o forme di parole simili. È un modo semplice per personalizzare la ricerca di WordPress per renderla più intelligente.

Consulta la nostra guida su come aggiungere la ricerca fuzzy in WordPress per maggiori dettagli.

📄 Rendi ricercabili i file PDF

Se condividi PDF sul tuo sito, come manuali, eBook o brochure, SearchWP può indicizzare il contenuto di quei file. Ciò significa che quando qualcuno utilizza la barra di ricerca, i risultati possono includere ciò che è scritto all'interno dei PDF, non solo i titoli dei file.

È particolarmente utile per siti aziendali, blog ricchi di risorse e persino per le scuole.

Scopri di più nella nostra guida su come aggiungere l'indicizzazione e la ricerca di PDF in WordPress.

🛍️ Migliora la ricerca dei prodotti in WooCommerce

Se gestisci un negozio online, SearchWP può migliorare anche la ricerca dei tuoi prodotti.

Invece di affidarti alla ricerca predefinita di WooCommerce, puoi creare una ricerca di prodotti più intelligente che dia priorità a titoli, categorie, tag o persino campi personalizzati. Questo aiuta i clienti a trovare il prodotto giusto più velocemente, e ciò può portare a maggiori vendite.

Consulta la nostra guida su come creare una ricerca intelligente dei prodotti WooCommerce.

E per ulteriori suggerimenti e trucchi, puoi consultare la nostra guida su come migliorare la ricerca di WordPress con SearchWP.

Domande frequenti sui filtri tassonomie Ajax in WordPress

Prima di concludere, ecco alcune domande comuni che i nostri lettori pongono sull'aggiunta di filtri tassonomia Ajax in WordPress.

Ho bisogno di competenze di codifica per aggiungere filtri Ajax in WordPress?

No, non sono necessarie competenze di codifica. Entrambi i metodi sopra funzionano senza codice: SearchWP è configurato tramite il suo pannello delle impostazioni e WPFilters utilizza un builder drag-and-drop più un blocco o widget Gutenberg.

Ho bisogno sia di SearchWP che di WPFilters, o posso usarne solo uno?

Svolgono lavori diversi. SearchWP rende il motore di ricerca di WordPress stesso consapevole delle tassonomie nel backend. WPFilters aggiunge l'interfaccia utente del filtro visibile nel front-end. Puoi usare SearchWP da solo se vuoi solo migliori risultati di ricerca, o abbinare entrambi per l'esperienza completa di filtraggio Ajax. Il pacchetto All Access include entrambi a un prezzo unico.

Posso usare filtri tassonomia sui prodotti WooCommerce?

Sì, i filtri tassonomia funzionano benissimo per i negozi WooCommerce. Puoi consentire ai clienti di filtrare i prodotti per categorie, tag, attributi (come taglia o colore) e altro ancora, simile all'esperienza di filtraggio sui grandi siti di eCommerce.

Qual è la differenza tra filtraggio Ajax e filtraggio regolare?

Con il filtraggio Ajax, i risultati si aggiornano istantaneamente senza aggiornare la pagina. Il filtraggio regolare ricarica l'intera pagina ogni volta che un utente seleziona un'opzione, il che può sembrare più lento.

L'aggiunta di filtri Ajax rallenterà il mio sito web?

No, non necessariamente. Nella maggior parte dei casi, i filtri Ajax migliorano l'esperienza utente caricando solo i risultati filtrati invece di aggiornare l'intera pagina. Assicurati solo di utilizzare un plugin ben ottimizzato.

Migliora il tuo sito WordPress con ricerca e filtri avanzati

Spero che questo articolo ti abbia aiutato ad aggiungere un filtro tassonomia basato su Ajax alla tua ricerca WordPress sul tuo sito.

Successivamente, potresti anche voler consultare le nostre guide su:

• Come consentire agli utenti di filtrare post e pagine in WordPress
• Come creare un portfolio filtrabile in WordPress
• Come configurare il filtro prodotti WooCommerce
• Come correggere la ricerca di WordPress non funzionante
• Come visualizzare le statistiche di ricerca in WordPress

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.