Dicembre 5, 2021

Come creare un modulo di ricerca WordPress personalizzato (in 3 semplici passaggi)

La ricerca è una parte fondamentale dell’esperienza online ed è il modo in cui la maggior parte degli utenti trova informazioni sul web. Come tale, se un visitatore arriva sul tuo sito e non riesce a trovare immediatamente quello che stanno cercando, c’è una buona probabilità che possono lasciare senza scavare ulteriormente. Un modulo di ricerca WordPress può aiutare a fare in modo che non accada.

Implementando una migliore funzione di ricerca sul tuo sito, puoi aiutare gli utenti a trovare ciò di cui hanno bisogno più velocemente e ridurre contemporaneamente le frequenze di rimbalzo. È una situazione win-win per tutti i soggetti coinvolti.

In questo articolo, discuteremo l’importanza della ricerca interna del tuo sito e ti mostreremo come aggiungere un modulo di ricerca al tuo sito web. Quindi ti guideremo su come creare il tuo modulo di ricerca WordPress personalizzato in tre passaggi. Cominciamo!

Perché il tuo modulo di ricerca WordPress è importante

La ricerca è una forza dominante sul web. È così che la stragrande maggioranza degli utenti trova nuovi contenuti e siti da visitare – e tutti conosciamo l’importanza dell’ottimizzazione dei motori di ricerca (SEO) quando si tratta di essere trovati online.

Tuttavia, non come molti proprietari di siti web considerano l’importanza della ricerca sui propri siti. Dopo tutto, un menu principale può sembrare come tutti i visitatori di navigazione potrebbe essere necessario.

Tuttavia, se gli utenti atterrano sul tuo sito e non riescono a trovare rapidamente ciò che stanno cercando, potrebbero non rimanere in giro. Ciò è particolarmente importante se provengono da una ricerca su Google, dal momento che c’è un intero elenco di probabili concorrenti a portata di clic.

Avere un modulo di ricerca interno utile e accessibile aiuta a impedire agli utenti di lasciare prematuramente il tuo sito. Ciò significa meno perdite per la concorrenza e più possibilità di convertire i visitatori in abbonati, clienti o fan.

Allo stesso modo, se hai centinaia o migliaia di post sul blog pubblicati, può essere difficile per gli utenti vagliare e trovare articoli su argomenti specifici. Una funzione di ricerca può migliorare l’esperienza utente (UX) del tuo sito e lasciare i visitatori più soddisfatti, il che è in definitiva un bene per le imprese.

Come aggiungere una barra di ricerca al tuo sito (due metodi)

L’installazione predefinita di WordPress include un widget della barra di ricerca che può essere aggiunto alle aree del tuo sito in grado di widget, come l’intestazione, il piè di pagina o la barra laterale. Ci sono due metodi per aggiungere questo widget:

  1. Attraverso il Customizer WordPress.
  2. Direttamente dal cruscotto.

Aggiungere un modulo di ricerca utilizzando il WordPress Customizer

Per aggiungere il modulo di ricerca utilizzando il Customizer, la testa al vostro dashboard di WordPress e passare a Aspetto → Personalizza. Fare clic su Widget nella barra laterale Customizer.

Si aprirà un nuovo menu con un elenco delle aree di widget sul tuo sito e gli elementi ognuno contiene attualmente:

Per aggiungere la barra di ricerca a un’area widget, fare clic sul pulsante Aggiungi un widget nell’area in cui si desidera posizionarlo. Nel nuovo menu che scorre fuori, scorrere verso il basso fino a e selezionare il widget di ricerca:

Aggiunta del widget di ricerca nel Customizer WordPress.

Questo aggiunge il widget alla fine dell’elenco:

Il widget di ricerca posto alla fine della sezione piè di pagina.

È quindi possibile trascinarlo in un punto diverso per riposizionarlo. Ad esempio, rilasciarlo all’inizio dell’elenco lo sposterà all’estrema sinistra dell’area del widget.

È inoltre possibile aggiungere un titolo al modulo di ricerca compilando il campo Titolo. Questo include una piccola intestazione sopra la casella di ricerca:

Il modulo di ricerca WordPress con un titolo personalizzato.

Quando hai finito, ricorda di salvare le modifiche. Puoi farlo facendo clic sul pulsante blu Pubblica nella parte superiore del menu Customizer.

Aggiungi un modulo di ricerca dalla dashboard di WordPress

Se preferisci, puoi anche aggiungere il modulo di ricerca direttamente dalla dashboard di WordPress. Per iniziare, passare a Aspetto → Widget per aprire la schermata Editor widget:

L'area Widget della dashboard di WordPress.

Da lì, è sufficiente trovare il widget di ricerca nella lista e trascinarlo nella zona che si desidera visualizzare in:

Il modulo di ricerca WordPress aggiunto al piè di pagina del sito.

Puoi accedere alle stesse opzioni qui come nel Customizer. È possibile riordinare il widget per cambiare la sua posizione o aggiungere un titolo, se lo si desidera.

L’unica differenza è che il Customizer fornisce un’anteprima visiva delle modifiche. Se decidi in qualsiasi momento che preferisci utilizzare il Customizer, fai clic sul pulsante Gestisci con anteprima live nella parte superiore dello schermo per aprirlo.

Tieni presente che le aree widget specifiche disponibili sul tuo sito sono controllate dal tuo tema e non tutti i temi includono le stesse opzioni. Ad esempio, il tema predefinito di WordPress Twenty Twenty-One offre solo il piè di pagina come area widget.

Come personalizzare manualmente il modulo di ricerca predefinito di WordPress

Sfortunatamente, il modulo di ricerca predefinito di WordPress non include molte opzioni di personalizzazione. È possibile modificare la sua posizione e aggiungere un titolo, come descritto nelle sezioni precedenti, ma questo è tutto ciò che è disponibile utilizzando l’interfaccia.

Tuttavia, dal momento che stiamo parlando di WordPress, c’è un modo per aggirare questo: modificare direttamente il codice. Utilizzando i file di template WordPress, puoi creare una pagina di ricerca personalizzata per il tuo sito. Se vuoi farlo, WordPress.org ha una fantastica procedura dettagliata.

Tuttavia, anche con questo metodo, la funzione di ricerca predefinita di WordPress è ancora limitata. È possibile inserire solo il modulo in aree widget, e l’aspetto si basa sul tema, che non può offrire molto in termini di opzioni di personalizzazione. Fortunatamente, ci sono modi più semplici per personalizzare il modulo di ricerca – vale a dire, utilizzando i plugin di WordPress.

Come creare un modulo di ricerca WordPress personalizzato con un plugin gratuito

Se si desidera creare un modulo di ricerca WordPress personalizzato e non sono confortevoli con il codice (o semplicemente non hanno il tempo per esso), è possibile utilizzare un plugin gratuito, invece. In questa sezione, ti guideremo attraverso la creazione di una barra di ricerca personalizzata utilizzando il plugin di ricerca avorio.

Installare e attivare l’Avorio plugin di Ricerca

Il primo passo è la testa alla tua dashboard di WordPress e installare Avorio Ricerca:

Avorio di Ricerca – WordPress Plugin di RicercaAvorio Ricerca – WordPress Plugin di Ricerca

Autore(i): Avorio Ricerca

Versione Attuale: 5.3

Ultimo Aggiornamento: 29 dicembre, 2021

aggiungi-ricerca-per-menu.5.3.zip

Questo è un plugin gratuito che ti aiuta a creare un modulo di ricerca personalizzato per il tuo sito WordPress. Puoi regolare l’aspetto della barra di ricerca, inserire il modulo nel menu del tuo sito e ottimizzare il contenuto visualizzato nei risultati.

Vai avanti e installa il plugin dalla tua dashboard di WordPress. Una volta attivato, è possibile procedere al passaggio successivo.

Creare un nuovo modulo di ricerca

Dopo aver attivato il plugin, è possibile creare il primo modulo di ricerca. Dalla tua dashboard di WordPress, vai a Ricerca avorio → Cerca moduli:

Aggiunta di un nuovo modulo di ricerca in Ivory Search.

Il plugin popolerà automaticamente il modulo con le sue impostazioni predefinite, in modo da poter iniziare rapidamente se ti piace. Tuttavia, è anche possibile personalizzare accuratamente le impostazioni.

Nella scheda Cerca, è possibile specificare il contenuto del sito che si desidera includere nelle ricerche. Fai clic su ciascuna sezione per selezionare e deselezionare vari tipi di post e pagine:

Selezione dei tipi di contenuti da includere nel modulo di ricerca WordPress personalizzato.

La scheda Escludi consente di selezionare specifici post e pagine che non si desidera includere nei risultati di ricerca. Questo è utile per escludere alcune pagine di indice, ad esempio.

La scheda Progettazione consente di personalizzare l’aspetto del modulo di ricerca:

La sezione Design delle impostazioni di ricerca Avorio.

Potrebbe essere necessario fare clic sulla casella di controllo Abilita personalizzazione modulo di ricerca per attivare il customizer (è disattivato per impostazione predefinita). Una volta che hai fatto, è possibile fare clic sul modulo di ricerca Customizer link per aprire il WordPress Customizer:

Personalizzazione del modulo di ricerca WordPress nel Customizer.

Qui, è possibile selezionare lo stile della casella di ricerca stessa, nonché i colori e il testo utilizzati per vari elementi, come il testo segnaposto contenuto all’interno della casella. Quando hai finito, assicurati di fare clic sul pulsante Pubblica nella parte superiore della pagina.

Infine, la scheda Opzioni è dove è possibile configurare la pagina dei risultati di ricerca:

Personalizzazione del modulo di ricerca WordPress nelle impostazioni di ricerca Ivory.

Ci sono opzioni per il numero di risultati per pagina, se si desidera che i termini di ricerca evidenziati, e diverse altre opzioni avanzate. Quando hai finito di configurare il modulo, fai clic sul pulsante blu Salva modulo per finalizzare le modifiche.

Aggiungi il modulo di ricerca al tuo sito

Con il modulo configurato, ora sei pronto per aggiungerlo al tuo sito web. Puoi inserire il modulo nell’intestazione, nel piè di pagina o nel menu di WordPress.

Per aggiungere il modulo di ricerca Avorio all’intestazione o al piè di pagina del tuo sito, vai a Ricerca avorio → Impostazioni:

La schermata Impostazioni di ricerca Avorio.

Quindi, selezionare Ricerca intestazione o Ricerca piè di pagina dall’elenco, quindi fare clic sul modulo appena creato dal menu a discesa:

Aggiunta del modulo di ricerca personalizzato all'intestazione di WordPress.

Quando hai finito, fai clic su Salva per aggiornare il tuo sito. In questo caso, abbiamo aggiunto la barra alla nostra intestazione:

Il modulo di ricerca personalizzato visualizzato nell'intestazione di WordPress.

Se si desidera aggiungere il modulo di ricerca al menu del sito, passare a Ricerca avorio → Ricerca menu:

Aggiunta di un modulo di ricerca personalizzato al menu WordPress.

In questa schermata, è possibile scegliere il menu che si desidera includere la barra di ricerca in. Il plugin aggiungerà una piccola lente di ingrandimento al menu. Cliccando sulla lente di ingrandimento si apre una casella di ricerca in cui è possibile inserire i termini:

La ricerca personalizzata da visualizzato nel menu WordPress.

Ecco fatto! Ora hai personalizzato il tuo modulo di ricerca WordPress.

Conclusione

Se stai cercando di ridurre le frequenze di rimbalzo sul tuo sito o fornire una migliore UX, un modulo di ricerca personalizzato è una soluzione fantastica.

Mentre WordPress include una barra di ricerca per impostazione predefinita, è limitato in cui può essere posizionato e come può essere adattato. Utilizzando un plugin come Ricerca avorio consente di creare facilmente un modulo completamente personalizzato e visualizzarlo quasi ovunque si desidera in pochi passi.

Per alcune altre idee per migliorare la ricerca sul tuo sito, consulta i nostri suggerimenti per migliorare la ricerca interna di WordPress.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.