Cercare contenuti su un sito web dovrebbe essere semplice. Quando un visitatore digita una parola nella barra di ricerca, si aspetta di vedere risultati utili quasi istantaneamente, non di aspettare che una pagina completamente nuova venga caricata con un elenco che potrebbe o meno essere utile.
La ricerca con completamento automatico live rende possibile questa esperienza istantanea. Mentre il visitatore digita, i risultati corrispondenti appaiono in un menu a discesa proprio sotto la barra di ricerca.
Funziona in modo molto simile alla barra di ricerca di Google, dove i suggerimenti compaiono prima ancora che tu finisca di digitare la tua query. Abbiamo lavorato su molti siti WordPress nel corso degli anni, e una delle prime cose che impostiamo sempre è la ricerca con completamento automatico live.
È uno di quei piccoli cambiamenti che fanno una grande differenza nel modo in cui i visitatori interagiscono con un sito. La ricerca predefinita di WordPress non si avvicina nemmeno a offrire quel tipo di esperienza.
In questo tutorial, ti mostreremo come aggiungere la ricerca con completamento automatico live al tuo sito WordPress. Non è necessario scrivere una sola riga di codice e l'intera configurazione richiede solo pochi minuti.
Cos'è la Ricerca Live con Autocompletamento e Perché è Importante?
Oggigiorno, gli utenti online hanno alte aspettative riguardo alla ricerca. Motori di ricerca come Google offrono funzionalità avanzate, tra cui la ricerca live con autocompletamento e suggerimenti predittivi. Queste funzionalità forniscono risultati di ricerca migliori e fanno risparmiare tempo, migliorando l'esperienza utente complessiva.
Se vuoi migliorare l'esperienza di ricerca del tuo sito, devi aggiungere la ricerca live con autocompletamento. Permette ai motori di ricerca di indovinare cosa sta cercando un utente e, in cambio, fornisce suggerimenti pertinenti mentre digita. Con questa funzionalità, gli utenti non hanno bisogno di completare manualmente la loro ricerca o caricare una pagina diversa per vedere i risultati.
Aggiungere questa funzionalità al tuo sito offre innumerevoli vantaggi. Ad esempio, aggiungere la ricerca live con autocompletamento a WordPress aiuterà i visitatori del tuo sito web a trovare istantaneamente ciò che stanno cercando.
La funzionalità di riempimento automatico live suggerisce risultati mentre gli utenti digitano le loro query. Il tuo sito mostrerà anche risultati più pertinenti in base al suo contenuto.
Oltre a migliorare l'esperienza di ricerca, l'autocompletamento educa gli utenti sul tuo sito. Anche quando i suggerimenti non corrispondono all'intento di ricerca, l'utente sa che il tuo sito contiene il prodotto o il contenuto suggerito.
Poiché i tuoi utenti non hanno più bisogno di digitare molte parole chiave, possono evitare errori di battitura e ridurre il tempo di ricerca. Ciò garantisce una migliore esperienza utente, e i tuoi visitatori possono trascorrere più tempo sul tuo sito e acquistare più prodotti.
La buona notizia è che puoi facilmente aggiungere la ricerca live con autocompletamento a WordPress. Vediamo come farlo passo dopo passo.
Come Aggiungere la Ricerca Live con Autocompletamento (Modo Facile)
Per aggiungere la ricerca con completamento automatico live al tuo sito web, hai bisogno del plugin gratuito SearchWP Live Ajax Search. Si collega automaticamente ai tuoi moduli di ricerca WordPress esistenti senza richiedere codice.
Se desideri anche funzionalità più potenti, come motori di ricerca multipli, indicizzazione di PDF o documenti, integrazione con WooCommerce e impostazioni di pertinenza personalizzate, ti consigliamo la versione premium di SearchWP. È il miglior plugin di ricerca per WordPress, fidato da oltre 50.000 proprietari di siti web.
Ora, esaminiamo la configurazione passo dopo passo.
Passaggio 1: Installa e attiva il plugin SearchWP Live Ajax Search
Per installare SearchWP Live Ajax Search, vai semplicemente su Plugin » Aggiungi Nuovo nella tua bacheca di WordPress.
Nella pagina dei plugin, digita ‘SearchWP’ nella barra di ricerca. Vedrai un elenco di estensioni SearchWP.
Una volta trovato il plugin SearchWP Live Ajax Search, fai clic su Installa Ora e poi su Attiva.
Se hai bisogno di aiuto con questo, consulta questa guida su come installare un plugin di WordPress.
La pagina delle impostazioni si aprirà automaticamente una volta attivato il plugin SearchWP Live Ajax Search.
Passaggio 2: Personalizza la tua ricerca live
Noterai che l'interruttore Abilita Ricerca Live è attivo per impostazione predefinita.
Successivamente, puoi scorrere verso il basso e selezionare un tema di layout.
SearchWP offre diversi layout predefiniti tra cui scegliere, e puoi anche vedere un'anteprima.
Da qui, puoi personalizzare ulteriormente i layout visualizzando la sezione Stile personalizzato.
Ad esempio, ci sono opzioni per abilitare la descrizione, visualizzare l'immagine, il prezzo, aggiungere al carrello e altro.
Successivamente, puoi scorrere verso il basso fino alla sezione Risultati.
Qui troverai opzioni per includere lo stile, modificare il posizionamento, abilitare l'auto-larghezza, modificare il numero massimo di risultati e altro.
Una volta apportate le modifiche, fai semplicemente clic sul pulsante Salva in alto.
Passaggio 3: Vedi la ricerca con completamento automatico live in azione
Dopo aver installato SearchWP Live Ajax Search, testa la nuova funzionalità di completamento automatico. Puoi farlo navigando sul front-end del tuo sito.
Quando digiti una qualsiasi query sui tuoi moduli di ricerca esistenti, vedrai la ricerca live con completamento automatico in azione.
Come aggiungere un modulo di ricerca con riempimento automatico in WordPress
Ora che il tuo sito dispone di una ricerca live con completamento automatico, è il momento di decidere dove vuoi visualizzare i moduli di ricerca.
Puoi aggiungere la ricerca con completamento automatico live all'area della barra laterale, dell'intestazione e del piè di pagina del tuo sito, o a qualsiasi post del blog o pagina.
Vediamo come visualizzare la barra di ricerca in una qualsiasi di queste posizioni.
Visualizzazione del modulo di ricerca con riempimento automatico nella barra laterale/piè di pagina/intestazione di WordPress
Alla maggior parte dei proprietari di siti WordPress piace visualizzare il modulo di ricerca nella barra laterale. In questa posizione, i tuoi visitatori possono completare rapidamente la loro ricerca, indipendentemente dalla pagina in cui si trovano.
Il piè di pagina e l’intestazione possono essere ideali per pagine come la homepage o la pagina del negozio.
Puoi aggiungere una barra di ricerca a una qualsiasi di queste posizioni utilizzando la funzione widget.
Per accedervi, vai su Aspetto » Widget dalla tua bacheca di WordPress. Tieni presente che l'area widget può variare a seconda del tema che stai utilizzando.
In questa pagina, puoi aggiungere una barra di ricerca live a qualsiasi area scelta utilizzando l’editor di widget basato su blocchi.
Per prima cosa, fai clic sull’area widget desiderata e poi sull’icona ‘+’. Quando appare l’elenco dei widget, digita ‘Search’ nella barra di ricerca. Quindi fai clic sul widget SearchWP Live Search per aggiungere il campo di ricerca con riempimento automatico.
Ora, personalizza la barra di ricerca in base alle tue esigenze.
Successivamente, fai clic su Aggiorna nell'angolo in alto a destra.
Il tuo campo di ricerca è ora pronto per essere visualizzato. Tieni presente che, a seconda del tuo tema WordPress attivo, potresti non essere in grado di utilizzare alcune aree widget.
Visualizzazione del campo di ricerca con riempimento automatico su qualsiasi pagina del tuo sito web
Puoi anche aggiungere un campo di ricerca a qualsiasi pagina del tuo sito web. L’editor a blocchi rende facile aggiungere una barra di ricerca qui.
Per fare ciò, apri qualsiasi pagina in modalità Modifica e fai clic sull'icona '+' nella posizione in cui desideri aggiungere la barra di ricerca.
Quindi, digita 'ricerca' e seleziona il blocco Ricerca.
Una volta personalizzato il blocco secondo le tue preferenze, fai clic su Aggiorna.
Hai aggiunto con successo la ricerca live con completamento automatico al tuo sito WordPress. Puoi anche seguire questi stessi passaggi per aggiungere una barra di ricerca live a qualsiasi articolo.
Come personalizzare il modulo di ricerca live con completamento automatico
Da un lato, la ricerca predefinita di WordPress offre funzionalità limitate, il che può frustrare i tuoi visitatori. Dall'altro lato, creare un modulo di ricerca ideale è impegnativo in quanto richiede tempo ed è necessario possedere competenze di codifica esperte.
Tuttavia, la versione premium di SearchWP rende tutto molto facile. Puoi aggiungere un modulo di ricerca avanzato quasi immediatamente senza scrivere una sola riga di codice!
Un modulo di ricerca avanzato ti aiuterà a ridurre la frustrazione e ad aumentare l'interazione con i tuoi contenuti, offrendo un'esperienza utente migliorata e un tasso di rimbalzo diminuito. Segui la nostra guida dettagliata su come creare moduli di ricerca avanzati in WordPress (facilmente).
Dopo aver aggiunto la ricerca con completamento automatico live al tuo sito, potresti voler migliorare ulteriormente la ricerca del tuo sito web. Puoi programmare i risultati di ricerca del tuo sito in base a una scala di priorità personalizzata. Ciò migliorerà significativamente l'esperienza di ricerca.
Uno dei motivi per cui SearchWP è immensamente popolare è il fatto che offre tantissime funzionalità avanzate per regolare il tuo algoritmo di ricerca. Puoi fare tutto questo senza scrivere alcuna riga di codice.
Con la versione premium di SearchWP, puoi regolare la pertinenza di ogni origine, attributo di contenuto o decidere quale contenuto indicizzare.
Puoi anche creare e utilizzare diversi motori di ricerca in diverse posizioni del sito. Questo ti aiuterà a offrire un'esperienza di ricerca unica in ognuna di queste posizioni.
Per saperne di più, puoi consultare la nostra guida su come modificare le impostazioni di ricerca predefinite di WordPress.
FAQ sulla ricerca con completamento automatico live in WordPress
1. La ricerca con completamento automatico live funzionerà con il mio attuale tema WordPress?
Sì, SearchWP è progettato per funzionare con quasi tutti i temi WordPress. L'estensione Live Search si collega automaticamente ai moduli di ricerca esistenti sul tuo sito, quindi non è necessario apportare modifiche ai file del tuo tema per farla funzionare.
2. Posso controllare quali contenuti appaiono nel menu a discesa di completamento automatico?
SearchWP ti dà il pieno controllo su quali origini il tuo motore di ricerca esamina. Puoi includere o escludere post, pagine, tipi di post personalizzati, prodotti WooCommerce e altro ancora regolando le origini.
3. La ricerca con completamento automatico live funziona con i prodotti WooCommerce?
Sì, funziona. SearchWP ha un'estensione dedicata WooCommerce Integration che rende i tuoi prodotti completamente ricercabili. Una volta installata quell'estensione, la tua ricerca con completamento automatico live inizierà a mostrare i prodotti WooCommerce nel menu a discesa mentre i visitatori digitano.
4. Posso aggiungere la ricerca con completamento automatico live a più moduli di ricerca sul mio sito?
SearchWP ti consente di creare più moduli di ricerca e collegarne ciascuno a un motore di ricerca specifico. Ciò significa che puoi avere la ricerca con completamento automatico live in esecuzione su ogni modulo di ricerca del tuo sito contemporaneamente.
Quindi, in sintesi, la ricerca con completamento automatico live è una potente funzionalità che puoi utilizzare per aumentare le conversioni del tuo sito e la durata media delle visite. SearchWP Live Ajax Search rende molto facile aggiungere questa funzionalità alla tua ricerca nativa di WordPress.
Speriamo che questo articolo ti abbia aiutato a capire come aggiungere la ricerca con completamento automatico in tempo reale al tuo sito WordPress. Potresti anche voler consultare le nostre guide su come rendere ricercabile la knowledge base su WordPress e come limitare la ricerca sul tuo sito ai prodotti WooCommerce.
Ottieni SearchWP premium per prendere il controllo di ogni aspetto della ricerca di WordPress.
