Come aggiungere la ricerca con completamento automatico al tuo sito WordPress

Una barra di ricerca con completamento automatico è ovunque in questi giorni. Se utilizzi un motore di ricerca, è probabile che spesso riconosca ciò che stai cercando prima che tu possa finire di digitare e inizi a mostrarti suggerimenti per risparmiare tempo.

Sebbene WordPress includa funzionalità di ricerca pronte all'uso, non supporta nativamente la "ricerca con completamento automatico" o la "ricerca dal vivo", che sono i due nomi più comuni per questa funzione. Con l'aiuto del plug-in giusto, tuttavia, puoi implementare facilmente una casella di ricerca.

In questo articolo, ti presenteremo tre plugin di ricerca con completamento automatico di WordPress che puoi utilizzare e come iniziare con ciascuno di essi. Quindi parleremo di come implementare manualmente la ricerca con completamento automatico in WordPress. Andiamo a lavorare!

Perché la ricerca con completamento automatico è importante?

Al giorno d'oggi, gli utenti si aspettano di trovare rapidamente le risposte di cui hanno bisogno. Man mano che i motori di ricerca diventano sempre più accurati, le persone si abituano a trovare le pagine e i contenuti che corrispondono alla loro query di ricerca con il minimo sforzo richiesto.

Ecco perché può essere un'esperienza stridente passare da un potente motore di ricerca all'utilizzo della funzionalità di ricerca interna di un sito web. Sebbene la funzione di ricerca di WordPress funzioni abbastanza bene, manca di alcune delle opzioni avanzate a cui la maggior parte dei visitatori si è abituata, come il completamento automatico.

È qui che tornano utili i suggerimenti di ricerca con completamento automatico. Implementando i suggerimenti di ricerca di WordPress, aumenti le possibilità che gli utenti trascorrano più tempo sul tuo sito. Rendi più facile per loro trovare il contenuto che desiderano, il che si traduce in una migliore esperienza complessiva. Inoltre, non è difficile implementare la ricerca di completamento automatico WP se stai utilizzando il plug-in giusto.

Come aggiungere la ricerca al tuo sito WordPress con un plug-in

Ci sono molti plugin di ricerca di WordPress tra cui puoi scegliere, ma non tutti includono la funzione di completamento automatico che stiamo cercando. Per questa sezione, ci concentreremo su tre delle migliori opzioni che puoi utilizzare e ti mostreremo come abilitare la ricerca predittiva con ciascuna di esse.

Abilita il completamento automatico in WPSolr

WPSolr è un plug-in di suggerimento di ricerca premium che funziona con i normali siti Web WordPress e WooCommerce. È alimentato dalle piattaforme Elasticsearch e Solr e ti consente di personalizzare i risultati della ricerca da un sito all'altro.

Se ti piacciono i plugin che includono quante più opzioni di personalizzazione possibili, probabilmente apprezzerai WPSolr. L'unico aspetto negativo di questo plugin è che è costoso. Tra i lati positivi, semplifica l'abilitazione della ricerca dal vivo.

Una volta installato il plug-in, avrai accesso alla sua pagina delle impostazioni all'interno della dashboard. Se accedi alla scheda che dice Definisci la tua ricerca con Elastic.co – GCloud , troverai un'opzione chiamata Mostra suggerimenti nella casella di ricerca .

Quando abiliti questa funzione, gli utenti vedranno i titoli delle pagine intere e parte del contenuto di tali pagine direttamente all'interno della barra di ricerca, prima ancora che inviino una query. In questo modo, possono selezionare immediatamente il risultato che desiderano, senza dover consultare un elenco completo di opzioni.

Prezzo: una licenza WPSoler costa € 199 all'anno (circa $ 215 all'anno).

Abilita il completamento automatico in SearchWP

SearchWP aiuta gli utenti a trovare contenuti che la funzionalità di ricerca predefinita di WordPress non riconosce. Fuori dagli schemi, il plug-in supporta dati di campo personalizzati, output di codici brevi, tassonomie e persino dettagli del prodotto WooCommerce.

Tuttavia, SearchWP non include la funzionalità di ricerca con completamento automatico per impostazione predefinita. Per abilitare quella funzione, dovrai utilizzare un'estensione gratuita chiamata SearchWP Live Ajax Search.

Tutto quello che devi fare per abilitare la ricerca con completamento automatico è attivare l'estensione. Farà il resto per te automaticamente.

Vale anche la pena notare che SearchWP Live Ajax Search funziona senza il plug-in SearchWP di base. L'unica differenza è che quando combinato con SearchWP, ottieni l'accesso a risultati più approfonditi.

Prezzo: una licenza SearchWP standard per un sito costa $ 99 , ma l'estensione Live Ajax Search è gratuita.

Abilita il completamento automatico in Ajax Search Lite

Fuori dagli schemi, Ajax Search Lite offre funzionalità che di solito trovi solo nei plugin di ricerca premium di WordPress. Con questo strumento, i tuoi utenti possono accedere ai risultati di ricerca di completamento automatico di WordPress che includono tipi di post personalizzati, campi e altri tipi di metadati (insieme alla pagina predefinita e ai risultati dei post).

Una volta che il plug-in è attivo, puoi accedere ad Ajax Search Lite > Opzioni generali > Completamento automatico e suggerimenti . La ricerca con completamento automatico dovrebbe essere attivata per impostazione predefinita, in Attivare il completamento automatico della ricerca con Google? .

Se desideri il pieno controllo sul tipo di contenuto visualizzato nei risultati di completamento automatico, vai alla scheda Fonti e nozioni di base . Qui puoi scegliere quale contenuto verrà visualizzato nei risultati di ricerca.

Tutte le funzionalità di ricerca con completamento automatico di cui hai bisogno sono disponibili nella versione gratuita di Ajax Search Lite. Tuttavia, esiste anche una versione premium del plug-in che include funzionalità aggiuntive, come temi personalizzati per la barra di ricerca e i risultati.

Prezzo: Ajax Search Lite è gratuito, mentre la versione premium del plugin parte da $ 36.

Ricerca di completamento automatico di WordPress senza plug-in

Come avrai notato, due dei plug-in trattati nell'ultima sezione si basano su Ajax (o JavaScript asincrono) per alimentare la funzionalità di ricerca in tempo reale. L'utilizzo di Ajax insieme a jQuery è l'approccio più semplice per implementare questa funzionalità in WordPress.

Ciò significa che se non ti senti a tuo agio nell'usare JavaScript, potrebbe essere meglio restare con i plugin. Tuttavia, è possibile aggiungere questa funzionalità manualmente.

Come aggiungere la ricerca di completamento automatico da solo

L'aggiunta manuale della funzionalità di ricerca con completamento automatico al tuo sito Web richiede di lavorare con del codice, come ci si potrebbe aspettare. Tuttavia, ci sono diversi modi in cui puoi affrontare il progetto, con diversi livelli di difficoltà.

Ecco i due approcci che consigliamo di esplorare:

• Implementa la ricerca in tempo reale con Ajax solo per i titoli dei post . Dal momento che recupererai solo i titoli dei post, questo è il metodo di implementazione più semplice.
• Aggiungi la ricerca di completamento automatico per le tabelle personalizzate . Con questo metodo, puoi servire i risultati da una tabella personalizzata che crei, dandoti il ​​pieno controllo sui dati visualizzati.

In uno di questi scenari, probabilmente vorrai implementare il codice che usi in formato plugin. Questo perché con un plugin puoi disabilitare o abilitare il codice in qualsiasi momento, il che è perfetto se hai intenzione di personalizzare questa funzionalità in futuro.

Migliora le tue esperienze digitali con WP Engine

L'implementazione della ricerca di completamento automatico in WordPress è più semplice di quanto ci si potrebbe aspettare. Con il plug-in giusto, puoi rendere molto più semplice per i visitatori trovare ciò che stanno cercando e migliorare la loro esperienza.

Ovviamente, questo non significherà molto se non stai utilizzando anche l'host web giusto. L'hosting WordPress gestito ti garantisce l'accesso illimitato agli strumenti e il supporto 24 ore su 24, 7 giorni su 7 da parte di esperti tecnici per mantenere prestazioni ottimali del sito. Con WP Engine, ottieni tutte le risorse necessarie per far crescere il tuo sito Web e offrire ai tuoi visitatori un'esperienza digitale di alta qualità!