{"id":31359,"date":"2020-01-05T12:24:36","date_gmt":"2020-01-05T20:24:36","guid":{"rendered":"https:\/\/kinsta.com\/?p=59559"},"modified":"2023-02-02T13:57:49","modified_gmt":"2023-02-02T12:57:49","slug":"ricerca-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/ricerca-wordpress\/","title":{"rendered":"Come Migliorare la Ricerca di WordPress (e Renderla Pi\u00f9 Veloce)"},"content":{"rendered":"

Qual \u00e8 il motivo principale per cui la gente utilizza i moduli di ricerca dei siti web? Perch\u00e9 stanno cercando risultati immediati e pertinenti che non possono ottenere cliccando nel sito o utilizzando il sistema di navigazione.<\/p>\n

A volte questi risultati di ricerca forniscono risposte alle loro domande<\/a> (come informazioni sulla politica di restituzione di un’azienda) o un elenco di prodotti o contenuti corrispondenti (come articoli relativi ai page builder<\/a>). Indipendentemente da quello che si cerca, per\u00f2, una cosa \u00e8 certa:<\/p>\n

I visitatori si aspettano che il modulo di ricerca di WordPress fornisca risultati in modo rapido e preciso.<\/strong><\/p>\n

Questo ha senso se si considera il comportamento dei consumatori nell’insieme. Google ha fissato uno standard quasi impossibile per quel che riguarda la ricerca online. Secondo i risultati di SparkToro, oltre la met\u00e0 di tutte le ricerche su Google sono a zero clic<\/a>. Fondamentalmente, Google ha reso la ricerca cos\u00ec efficiente che le persone spesso non hanno bisogno di visitare un sito web per ottenere risposte alle loro domande.<\/p>\n

Ovviamente, i visitatori del vostro sito non utilizzano la ricerca interna aspettandosi o desiderando un risultato a zero clic. Utilizzano la ricerca per trovare altre parti da esplorare nel vostro sito. Ma ci\u00f2 che accomuna la vostra ricerca WordPress e la ricerca di Google<\/a> \u00e8 questo: i consumatori vogliono risultati rapidi, convenienti e super-pertinenti in entrambi i casi.<\/p>\n

C’\u00e8 solo un problema: la funzione di ricerca nativa di WordPress non \u00e8 eccezionale.<\/p>\n

Ecco perch\u00e9, in questa guida, scopriremo tutto ci\u00f2 che dovete sapere per ottimizzare l’esperienza di ricerca di WordPress per i vostri visitatori:<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Quanto \u00e8 Importante la Ricerca Interna?<\/h2>\n

Se progettate un sito<\/a> nel modo giusto, i visitatori seguiranno naturalmente il percorso che avete posto davanti a loro. Anche un menu ben organizzato<\/a> vi \u00e8 di aiuto in questo.<\/p>\n

Detto questo, la ricerca interna ha un ruolo importante.<\/p>\n

Pensate alla ricerca di WordPress come un Fast Pass per il vostro sito web. Quando la vostra funzione di ricerca funziona come dovrebbe, pu\u00f2 portare i vostri visitatori dal passaggio 1 al passaggio 5 in pochi secondi.<\/p>\n

Ci\u00f2 sarebbe particolarmente utile per i siti WordPress con una grande quantit\u00e0 di contenuti. Ecco alcuni esempi:<\/p>\n

eCommerce<\/h3>\n

I negozi online come Nordic Ware<\/a> possono aiutare i visitatori a spostarsi dalla home page:<\/p>\n

\"Il
Nordic Ware: home page con barra di ricerca nell’intestazione<\/figcaption><\/figure>\n

Si pu\u00f2 restringere l’elenco di prodotti utilizzando solo la barra di ricerca nell’angolo in alto a destra del sito:<\/p>\n

\"Nordic
Nordic Ware: pagina dei risultati di ricerca<\/figcaption><\/figure>\n

Con il modulo di ricerca del prodotto sempre presente, i visitatori non devono mai passare al menu o alle categorie del negozio per trovare qualcosa di specifico che vogliono acquistare.<\/p>\n

Blog, Podcast e Siti di Notizie<\/h3>\n

I siti con archivi di contenuti di grandi dimensioni come Kinsta<\/a>, che ha 39 pagine di articoli (ed \u00e8 sempre in crescita), trarrebbero grande vantaggio da una barra di ricerca:<\/p>\n

\"Un
Kinsta: pagina del blog e paginazione<\/figcaption><\/figure>\n

Posizionando un modulo di ricerca specifico per il blog nella parte superiore della pagina, i lettori si collegano agli argomenti che stanno cercando pi\u00f9 rapidamente di quanto farebbero scorrendo 39 pagine:<\/p>\n

\"Kinsta
La barra di ricerca di WordPress in cima al blog di Kinsta<\/figcaption><\/figure>\n

I blog<\/a> possono diventare difficili da navigare quando hanno grandi quantit\u00e0 di contenuti. Se volete mantenere brevi le pagine del blog per avere elevate le velocit\u00e0 di caricamento, non \u00e8 una buona idea aumentare il numero di post visualizzati.<\/p>\n

Al contrario, una barra di ricerca aiuter\u00e0 i vostri visitatori a aggirare in modo pi\u00f9 efficiente i post non pertinenti a ci\u00f2 che gli interessa realmente.<\/p>\n

Siti con Elenchi<\/h3>\n

La ricerca \u00e8 una delle prime cose che i visitatori fanno sui siti che aggregano elenchi<\/a> (ad esempio immobili, viaggi, servizi professionali, ecc.), come questo esempio di Trulia<\/a>:<\/p>\n

\"Trulia,
Trulia: ricerca di propriet\u00e0 in home page<\/figcaption><\/figure>\n

L’elemento di ricerca \u00e8 sempre abbastanza semplice per iniziare. Ad esempio, specificare un luogo, il nome della persona o il titolo professionale. Ma le pagine dei risultati consentono sempre agli utenti di filtrare i risultati fino al livello desiderato:<\/p>\n

\"un
Trulia: esempio di pagina dei risultati di ricerca<\/figcaption><\/figure>\n

Knowledgebases<\/h3>\n

La ricerca \u00e8 un componente utile per centri assistenza e knowledgebase di prodotti come Elementor<\/a>:<\/p>\n

\"Elementor
Elementor: argomenti e contatori degli articoli della knowledgebase<\/figcaption><\/figure>\n

La ricerca aiuta gli utenti a trovare le risposte alle loro domande pi\u00f9 rapidamente di quanto sarebbero in grado di fare con una ricerca manuale navigando tra le categorie:<\/p>\n

\"Un
Elementor: ricerca di “template” nella documentazione<\/figcaption><\/figure>\n

In molti casi, i problemi che gli utenti incontrano con i prodotti SaaS possono<\/a> essere facilmente risolti dagli utenti stessi. Se volete liberare la live chat<\/a> e il supporto dell’help desk dalle domande pi\u00f9 semplici, allora fate in modo che sia facile fare ricerche nella knowledgebase.<\/p>\n

Conclusione<\/h3>\n

Se c’\u00e8 una grande quantit\u00e0 di cose nel vostro sito web, non date per scontato che la navigazione<\/a> aiuti i visitatori a trovare quello che cercano. Create un’esperienza di ricerca come Fast Pass, che li condurr\u00e0 esattamente dove devono o vogliono andare.<\/p>\n

Come aggiungere la ricerca al vostro sito Web WordPress<\/h2>\n

Avete a disposizione diverse soluzioni per implementare e abilitare la ricerca di base di WordPress per il vostro sito:<\/p>\n

Aggiungere il Campo di Ricerca di WordPress al Menu con il Vostro Tema<\/h3>\n

A seconda del tema WordPress che avete installato<\/a>, potrebbe essere possibile aggiungere la ricerca al vostro menu con pochi clic. In questo esempio sto usando il tema Astra<\/a> che oltretutto si rivela essere molto veloce<\/a>!<\/p>\n

La prima cosa da fare \u00e8 andare su Aspetto > Personalizza:<\/p>\n

\"Come
WordPress – accedere al menu Personalizza<\/figcaption><\/figure>\n

Quindi, andate su Header > Primary Menu.<\/p>\n

\"Come
WordPress – personalizzare il menu<\/figcaption><\/figure>\n

In “Last Item in Menu”, seleziona “Search” dal menu a discesa.<\/p>\n

\"Come
WordPress – aggiungere una barra di ricerca al menu<\/figcaption><\/figure>\n

Ci\u00f2 aggiunger\u00e0 un’icona e una barra di ricerca come ultimo elemento del menu di navigazione.<\/p>\n

\"Esempio
WordPress – barra di ricerca aggiunta con le impostazioni del tema<\/figcaption><\/figure>\n

Quando si utilizzano altri temi WordPress<\/a>, l’opzione di attivazione della ricerca potrebbe non trovarsi nello stesso punto del Customizer del tema. Se \u00e8 disponibile, la troverete nelle impostazioni “Header”. Altrimenti, dovrete aggiungerla manualmente utilizzando una delle opzioni descritte di seguito.<\/p>\n

Aggiungere la Ricerca con un Widget di WordPress<\/h3>\n

I widget di WordPress<\/a> vi consentono di aggiungere blocchi dedicati negli elementi che racchiudono i vostri contenuti, come sidebar<\/a> e il footer<\/a>.<\/p>\n

Un tipo di blocco di contenuto che potete creare con i widget di WordPress \u00e8 una barra di ricerca.<\/p>\n

Iniziate individuando i widget nel menu Aspetto:<\/p>\n

\"Come
WordPress – localizzare il menu Widget<\/figcaption><\/figure>\n

Qui troverete tutte le sezioni widget disponibili. A seconda del tema o del template che utilizzate, potreste non vedere nient’altro che una sidebar o un footer, oppure potreste vedere una selezione pi\u00f9 completa come questa:<\/p>\n

\"Un
Esempio di widget e sezioni<\/figcaption><\/figure>\n

Indipendentemente da questo, ci\u00f2 che dovete fare ora \u00e8 decidere dove volete che appaia la vostra barra di ricerca.<\/p>\n

Supponiamo che pensiate di pubblicare nuovi contenuti<\/a> ogni giorno e che sapete gi\u00e0 che l’archivio crescer\u00e0 rapidamente. Sarebbe utile avere una barra di ricerca in ogni pagina del blog.<\/p>\n

Scorrete fino alla fine dei vostri widget e individuate il widget chiamato “Cerca”:<\/p>\n

\"Dove
Widget Cerca<\/figcaption><\/figure>\n

Potete aggiungerlo facendoci clic sopra e scegliendo la sezione in cui aggiungerlo in questo modo:<\/p>\n

\"Come
Aggiungere il widget Cerca dal menu a discesa<\/figcaption><\/figure>\n

Oppure potete trascinare e rilasciare il widget sul blocco della sezione in cui volete che appaia:<\/p>\n

\"Come
Aggiungere il widget Cerca con il drag-and-drop<\/figcaption><\/figure>\n

Una volta che lo avete collocato dove volete, potete dargli un nome:<\/p>\n

\"Come
Assegnare il titolo al widget Cerca<\/figcaption><\/figure>\n

Salvate le modifiche e poi visitate il vostro sito per essere certi che abbia l’aspetto che desiderate:<\/p>\n

\"Esempio
Barra di ricerca aggiunta al blog<\/figcaption><\/figure>\n

Ora potete vedere che la barra di ricerca si trova nella parte superiore della sidebar del blog, pronta per essere utilizzata dai vostri lettori.<\/p>\n

Aggiungere la Ricerca al Contenuto Principale del Vostro Sito con gli Strumenti di WordPress<\/h3>\n

Sebbene sia utile posizionare la barra di ricerca negli elementi sempre presenti del vostro sito, potreste trovare un motivo per inserirla anche nel contenuto delle vostre pagine.<\/p>\n

Ci sono alcuni modi per farlo:<\/p>\n

Con l’Editor di WordPress<\/h4>\n

L’editor Gutenberg<\/a> ha sicuramente reso pi\u00f9 semplice la progettazione di layout di pagina pi\u00f9 creativi senza dover fare affidamento su codice HTML<\/a> o shortcodes<\/a>.<\/p>\n

Uno di questi elementi che ora potete aggiungere alle vostre pagine grazie all’editor di WordPress \u00e8 il widget di ricerca:<\/p>\n

\"Come
Blocco del widget di ricerca in Gutenberg<\/figcaption><\/figure>\n

COn questa soluzione, avete un maggiore controllo sul modo in cui appare la barra di ricerca. Ad esempio, potete modificare il titolo della barra di ricerca, il testo del segnaposto e il pulsante:<\/p>\n

\"Opzioni
Personalizzare la barra di ricerca con Gutenberg<\/figcaption><\/figure>\n

Potete persino cambiare lo stile del blocco di ricerca con classi CSS personalizzate<\/a>.<\/p>\n

Con un Plugin Page Builder<\/h4>\n

Anche per chi preferisce lavorare con i plugin drag-and-drop dei page builder come Elementor, \u00e8 possibile accedere al widget di ricerca con il proprio plugin preferito. La procedura \u00e8 simile a quella che seguireste con Gutenberg.<\/p>\n

Con una nuova pagina o post aperti e l’editor di Elementor attivato, cercate il widget di ricerca di WordPress dal vostro elenco di elementi:<\/p>\n

\"Dove
Widget Cerca in Elementor<\/figcaption><\/figure>\n

Trascinate l’elemento Cerca dove volete che appaia sulla pagina. Ad esempio, questa \u00e8 una pagina 404<\/a> che aiuta gli utenti a tornare sul percorso di navigazione con una barra di ricerca:<\/p>\n

\"Un
Esempio di pagina 404 con barra di ricerca<\/figcaption><\/figure>\n

Come potete vedere, rispetto a Gutenberg il plugin del page builder vi offre maggiore controllo sulla collocazione della barra di ricerca di WordPress, permettendovi di collocarla sopra e all’interno di altri contenuti.<\/p>\n

Con un Tema<\/h4>\n

In alcuni casi, potreste trovare un tema e un template che aggiunge automaticamente il campo di ricerca al contenuto del vostro sito. I tipi di temi che lo fanno, tuttavia, tendono ad essere altamente specializzati, come il tema Residence Real Estate<\/a>:<\/p>\n

\"Una
Demo del tema Residence Real Estate<\/figcaption><\/figure>\n

Dato che la ricerca pu\u00f2 diventare complicata su siti di elenchi<\/a> come questi, \u00e8 corretto che lo sviluppatore del tema<\/a> inserisca la funzionalit\u00e0 nel template<\/a>.<\/p>\n

I temi per siti di prenotazione offrono un altro esempio di temi forniti con la funzionalit\u00e0 di ricerca integrata, proprio come questa demo del tema Travel Booking<\/a>:<\/p>\n

\"Una
Demo del tema Travel Booking<\/figcaption><\/figure>\n

Come potete ben immaginare, avere una ricerca gi\u00e0 integrata nel vostro tema e nel template di WordPress vi far\u00e0 risparmiare un sacco di problemi evitandovi di dover costruire qualcosa di cos\u00ec complesso. E se il tema \u00e8 ottimizzato per le prestazioni<\/a>, dovrebbe esserlo anche il motore di ricerca<\/a> (di nuovo, una cosa in meno di cui preoccuparvi).<\/p>\n

Aggiungere la Ricerca di WordPress con il Codice<\/h3>\n

C’\u00e8 un altro modo per aggiungere un modulo base di ricerca al vostro sito web, ma \u00e8 necessario che vi sentiate a vostro agio con il codice.<\/p>\n

Andate su Aspetto > Editor del tema:<\/p>\n

\"Come
Editor del tema<\/figcaption><\/figure>\n

Qui creerete uno shortcode per una barra di ricerca utilizzando il file functions.php del tema:<\/p>\n

\"Aprire
Il file functions.php del tema<\/figcaption><\/figure>\n

Nella parte inferiore del file, aggiungete il seguente codice:<\/p>\n

add_shortcode( 'shortcodename', 'get_search_form');<\/code><\/pre>\n
Sostituisci “shortcodename” con il nome del vostro modulo di ricerca. Assicuratevi che sia tutto in minuscolo senza spazi, numeri o simboli. Una volta aggiornato il file, potrete iniziare a utilizzare il vostro shortcode sul vostro sito.<\/p>\n
Ecco un esempio:<\/p>\n
\"Come
Uno shortcode personalizzato per aggiungere una barra di ricerca al vostro sito<\/figcaption><\/figure>\n
Lo shortcode viene aggiunto come un qualsiasi testo normale. Ricordate solo di racchiuderlo tra parentesi quadre [].<\/p>\n
Anche se non potrete vedere la barra di ricerca nel vostro editor, date un’occhiata all’anteprima della vostra pagina e la vedrete sul frontend del vostro sito:<\/p>\n
\"Anteprima
Barra di ricerca aggiunta con uno shortcode<\/figcaption><\/figure>\n
Sebbene si tratti di una modifica rapida, utile ai fini di questo articolo, le best practice suggeriscono di non modificare mai il codice del tema e di creare un child theme di WordPress<\/a>.<\/p>\n
Una Annotazione sui Limiti della Ricerca di WordPress<\/h3>\n
Esistono molte opzioni a disposizione per aggiungere al vostro sito web le funzionalit\u00e0 base di ricerca di WordPress. Ma sono sufficienti?<\/p>\n
A meno che non abbiate un sito web molto piccolo o non desideriate limitare la ricerca al vostro blog, probabilmente non lo sar\u00e0. Mi spiego meglio.<\/p>\n
Il modulo di ricerca nativo di WordPress cerca tra i seguenti tipi di contenuto nelle pagine e negli articoli del blog:<\/p>\n