Sviluppare la casella di ricerca: 5 modi per aggiungere una casella di ricerca sul tuo sito web

Nei nostri post precedenti su Introduzione alla ricerca del sito Web e progettazione della casella di ricerca, abbiamo sottolineato l’importanza della barra di ricerca per una migliore UX, il posizionamento ideale per la barra & molto di più. Ora che abbiamo stabilito il perché e il come progettare, diamo un’occhiata a come sviluppare nella terza parte finale & della serie di caselle di ricerca. In questo post, tratteremo:

  • Utilizzando Google Ricerca Personalizzata
  • Uso di terzi motori di ricerca
  • Aggiunta di una ricerca di script
  • Personalizzazione 3rd party motori di ricerca – Lucene
  • Piattaforme costruite su Lucene

1) Utilizzando Google Ricerca Personalizzata

Uno dei modi più semplici per aggiungere una casella di ricerca sul tuo sito web è quello di aggiungere ‘di Ricerca Personalizzato di Google’. Il motore di ricerca svolge in modo efficiente la funzione di aiutare i visitatori a trovare ciò che stanno cercando con risultati pertinenti e di alta qualità. La ricerca utilizza perfezionamenti, completamento automatico & promozioni per migliorare l’esperienza di ricerca.

Inoltre, la ricerca consente di accedere a Google Analytics per comprendere il comportamento degli utenti.

Puoi trovare l’intero tutorial qui. Lo strumento è un file JavaScript caricato ed eseguito dal sito di Google. È possibile applicare i propri stili CSS alla casella.

Google Ricerca personalizzata

Vantaggi di Google Ricerca personalizzata:

  • gratis
  • La ricerca a pagamento (versione senza pubblicità) è anche abbastanza abbordabile
  • È possibile personalizzare l’esperienza di ricerca
  • Richiede un minimo di set-up
  • non necessita di manutenzione dei file di sfondo & plugin
  • Possibile analizzare i risultati da Google Analytics per migliorare la ricerca

Svantaggi di Ricerca Personalizzato di Google:

  • non si fondono con progetti di siti web
  • API di Google doc. è complicato

2) Utilizzo di motori di ricerca di terze parti

FreeFind like Google Custom search offre caselle di ricerca gratuite con annunci sponsorizzati. Una versione senza pubblicità vi costerà $19 / anno per un sito fino a 25.000 pagine. L’HTML crea un modulo (diverso dal file JavaScript che alimenta la casella di ricerca di Google). Questo è facile da configurare. Puoi anche escludere alcune delle tue pagine dai risultati di ricerca o dare la priorità all’ordine dei risultati di ricerca.

Aggiungi casella di ricerca al sito Web

Ecco il codice per una casella di ricerca FreeFind:

<!-- start of freefind search box html → <table width="400" border=0 cellpadding=0 cellspacing=0 > <tr> <td style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;"> <form id="ffresult_sbox0" style="margin:0px; margin-top:4px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" onsubmit="ffresults.show(0);"> <input type="hidden" name="si" value="1870143"> <input type="hidden" name="pid" value="r"> <input type="hidden" name="n" value="0"> <input type="hidden" name="_charset_" value=""> <input type="hidden" name="bcd" value="&#247;"> <input type="hidden" name="sbv" value="j1"> <input type="text" name="query" size="32" placeholder = "enter search text here" required> <br> <input type="submit" value="search"> <input type="reset" name="Reset" id="button" value="Reset"> </form> </td> </tr> <tr> <td style="text-align:left; font-family: Arial, Helvetica, sans-serif;font-size: 7.5pt; padding-top:4px;"> <a style="text-decoration:none; color:gray;" href="http://www.freefind.com" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'" >site search by <span style="color: #606060;">freefind</span></a> <a id="ffresult_adv0" onclick="ffresults.show(0);" href="http://search.freefind.com/find.html?si=1870143&amp;pid=a&amp; sbv=j1">advanced</a> </td> </tr> </table>

Altre terze parti ospitati i servizi di ricerca includono:

  • Atmoz
  • siteLevel
  • Jrank
  • Picosearch
  • Zoom, Motore di Ricerca
  • FusioNBot
  • Adobe Ricerca&Promozione
  • SiteSearch Pro
  • Bravenet di Ricerca del Sito
  • SearchBlox

Vantaggi di 3rd party script:

  • Abbastanza facile da configurare
  • Non obbligatoria la conoscenza necessaria per l’esecuzione di script PHP & configurazioni

Svantaggi di 3rd party script:

  • Può avere banner pubblicitari e link a 3rd party società siti
  • non Si può avere il controllo completo sopra la vostra pagina dei risultati di ricerca uscita il modo in cui si desidera inserirlo in base al vostro web design
  • Il motore di ricerca ragno tuo sito per reindicizzare, in aggiunta al vostro sito web dell’utilizzo della larghezza di banda

3) L’aggiunta di script per il sito

un Altro modo per aggiungere una barra di ricerca per il tuo sito web è semplicemente aggiungendo uno script in PHP o Perl. Aggiungendo uno script, il codice viene alloggiato sul server e quando vengono inviati dati o informazioni digitate nella barra, il motore lato server esegue lo script per produrre risultati.

Alcuni script eseguiranno una scansione con l’intero sito Web ogni volta che la ricerca viene utilizzata dal visitatore o periodicamente eseguiranno una scansione del sito Web & creano un indice di ricerca che viene quindi cercato ogni volta che un utente inserisce una query di ricerca.

Vantaggi:

  • Facile da configurare
  • Rimane aggiornato con le ultime modifiche sul sito web
  • Il codice non è disponibile a nessuno per accedere alle directory web in modo da mantenere la privacy
  • Nessun annuncio di terze parti
  • Risultati della pagina personalizzabili

Svantaggi dell’utilizzo di script:

  • Potrebbe prendere tempo per lanciare i risultati se il sito è grande
  • indice a base di script sono difficili da gestire, nel senso che, esso ha per la scansione periodica & aggiornare l’indice
  • potrebbe essere un po ‘ prima che il nuovo contenuto viene visualizzato nell’indice di ricerca basato a seconda della frequenza con la ricerca per indicizzazione deve essere eseguito & indice aggiornato

Alcuni popolari PHP & Perl script sono:

  • Sphider
  • Lucy
  • Hotscripts

4) Personalizzazione dei motori di ricerca di terze parti

Lucene è un motore di ricerca di terze parti integrato con i siti web & completamente personalizzabile tramite l’API di ricerca del sito pubblico per supportare le funzionalità di ricerca sui siti web.

Le ricerche dei contributori vengono eseguite su un indice di ricerca alimentato da Lucene. Un indice di ricerca è costruito da un processo automatizzato chiamato indicizzazione che raccoglie, memorizza & accede ai dati in un formato che viene facilmente recuperato durante una query. I risultati sono disponibili in base ai dati disponibili nell’indice al momento della ricerca.

Una volta creato l’indice, il motore di ricerca esegue un evento ogni 30 secondi che verifica le modifiche apportate alle risorse del tipo selezionato per l’indicizzazione. Se sono state apportate modifiche, Lucene aggiorna automaticamente l’indice.

I passaggi per impostare Lucene sono:

Passo 1: Abilitazione del motore di ricerca Lucene sul sistema

Passo 2: Aggiunta di tipi di asset all’indice di ricerca che indica a Lucene quali asset indicizzare

Passo 3: Specificare gli attributi per l’indice del tipo di risorsa per poter essere restituito dalla funzione di ricerca sul sito live

Passo 4: Abilitazione dell’indicizzazione dei file binari configurando Lucene per convertire il contenuto di tali file in testo mentre indicizza le risorse

Per informazioni più dettagliate sulla panoramica, configurazione, mantenimento degli indici di ricerca, fare clic qui.

5) Piattaforme costruite su Lucene

Algolia è una piattaforma costruita su Lucene che è grande per l’integrazione di ricerca sul tuo sito web. L’API fornita dal motore di ricerca fornisce agli sviluppatori risorse e strumenti per creare rapidamente & ricerche pertinenti.

L’ampia documentazione, guide & comunità attiva rendono facile lavorare con Algolia. Potete trovare la documentazione qui.

 Algolia Search

Vantaggi di Algolia:

  • Si prende cura del complesso dietro le quinte di sviluppo che viene fornito con costruire la propria ricerca

Conclusione

Leave a Reply

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.