Utvikle søkeboksen: 5 måter å legge til en søkeboks på nettstedet ditt

i våre tidligere innlegg Om Introduksjon Til Nettstedssøk og Utforming Av Søkeboksen understreket vi betydningen av søkefeltet for forbedret UX, den ideelle plasseringen for linjen & mye mer. Nå som vi har etablert hvorfor og hvordan å designe, la oss ta en titt på hvordan å utvikle seg i den tredje & siste delen Av Søkeboksen Serien. I dette innlegget vil vi dekke:

  • Bruke Google Custom Search
  • bruke tredjeparts søkemotorer
  • Legge til et søkeskript
  • Tilpasse 3. parts søkemotorer – Lucene
  • Plattformer bygget På Lucene

1) Bruk Av Google Custom Search

En av de enkleste måtene å legge til en søkeboks på nettstedet ditt, er å legge Til Et ‘Google Custom Search’. Søkemotoren utfører effektivt funksjonen til å hjelpe de besøkende å finne det de leter etter med relevante resultater av høy kvalitet. Søket bruker forbedringer, autofullfør & kampanjer for å forbedre søkeopplevelsen.

i tillegg gir søket deg Tilgang Til Google Analytics for å forstå brukeradferd.

du finner hele opplæringen her. Verktøyet er En JavaScript-fil lastet og kjøre Fra Googles nettsted. Du kan bruke DINE EGNE CSS-stiler til boksen.

Google Tilpasset Søk

Fordeler Med Google Tilpasset Søk:

  • det er gratis
  • den betalte søkeversjonen (uten annonser) er også ganske rimelig
  • du kan tilpasse søkeopplevelsen
  • Krever minimal oppsett
  • krever ikke vedlikehold av bakgrunnsfiler & plugins
  • kan analysere resultater Fra Google Analytics for å forbedre søk

ulemper med google custom search:

  • ikke blander seg med webdesign
  • Google API doc. er komplisert

2) ved hjelp av tredjeparts søkemotorer

FreeFind Som Google Custom search tilbyr gratis søkebokser med sponsede annonser. En annonsefri versjon vil koste deg $19 / år for et nettsted på opptil 25 000 sider. HTML oppretter et skjema (forskjellig Fra JavaScript-filen som driver Google – søkeboksen). Dette er enkelt å konfigurere. Du kan til og med ekskludere noen av sidene dine fra søkeresultatene eller prioritere rekkefølgen på søkeresultatene.

Legg Til Søkeboks På Nettstedet

her er koden for En Gratis søkeboks:

<!-- 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>

andre tredjeparts vertsbaserte søketjenester inkluderer:

  • Atmoz
  • siteLevel
  • Jr.
  • Picosearch
  • Zoom Søkemotor
  • FusioNBot
  • Adobe Søk&Fremme
  • SiteSearch Pro
  • Bravenet site search
  • searchblox

Fordeler Med 3. Parts Skript:

  • Ganske enkelt å sette opp
  • ingen obligatorisk kunnskap som kreves for å kjøre PHP-skript & konfigurasjoner

Ulemper med 3. parts skript:

  • kan ha bannerannonser og koblinger til 3. parts selskapssider
  • du har kanskje ikke full kontroll over søkeresultatsiden din slik du vil at den skal passe i henhold til ditt webdesign
  • søkemotoren vil edderkopp nettstedet ditt for å reindexere, og legge til nettstedets båndbreddebruk

3) Legge til skript på nettstedet

En annen måte å legge til et søkefelt på nettstedet ditt er ved å legge til et skript i ENTEN PHP eller Perl. Ved å legge til et skript, ligger koden på serveren, og når data eller informasjon som er skrevet inn i linjen, sendes, kjører motoren på serversiden skriptet for å gi resultater.

enkelte skript vil enten kjøre en gjennomsøking med hele nettstedet ditt hver gang søket brukes av den besøkende eller periodisk gjennomsøke nettstedet ditt & opprette en søkeindeks som deretter søkte hver gang en bruker legger inn et søk.

Fordeler:

  • Enkel å sette opp
  • Holder seg oppdatert med de siste endringene på nettstedet
  • Koden er ikke tilgjengelig for alle å få tilgang til web-kataloger, slik at personvernet opprettholdes
  • ingen tredjepartsannonser
  • Tilpassbare sideresultater

Ulemper ved bruk av skript:

  • kan ta tid å kaste opp resultater hvis nettstedet er stort
  • de indeksbaserte skriptene er vanskelige å vedlikeholde ved at det må periodisk gjennomgå & oppdatere indeksen
  • det kan ta en stund før nytt innhold vises i det indeksbaserte søket, avhengig av hvor ofte gjennomsøkingen må kjøres & indeks oppdatert

noen populære php & perl skript er:

  • Sphider
  • Lucy
  • Hotscripts

4) Tilpasse tredjeparts søkemotorer

Lucene Er en tredjeparts søkemotor som er integrert med nettsteder & fullt tilpassbar gjennom Public Site Search API for å støtte søkefunksjoner på nettsteder.

Bidragsytere søk kjøres mot en søkeindeks drevet Av Lucene. En søkeindeks er bygget av en automatisert prosess kalt indeksering som samler, lagrer & tilgang til data i et format som lett hentes under en spørring. Resultatene er tilgjengelige basert på data som er tilgjengelige i indeksen på tidspunktet for søket.

når indeksen er bygget, kjører søkemotoren en hendelse hvert 30. sekund som ser etter endringer i aktiva av typen som er valgt for indeksering. Hvis endringer ble gjort, Oppdaterer Lucene indeksen automatisk.

trinnene for å sette Opp Lucene er:

Trinn 1: Aktivere Lucene-søkemotoren på systemet ditt

Trinn 2: Legge til aktivatyper i søkeindeksen som angir For Lucene hvilke aktiva som skal indekseres

Trinn 3: Angi attributter for aktivatypeindeks for å kunne returneres av søkefunksjonen på det levende nettstedet

Trinn 4: Aktivere indeksering av binære filer ved å konfigurere Lucene for å konvertere innholdet i disse filene til tekst mens indeksering av eiendeler

For mer detaljert informasjon om oversikten, oppsett, vedlikehold av søkeindekser, klikk her.

5) Plattformer bygget På Lucene

Algolia er en plattform bygget På Lucene som er flott for å integrere søk på nettstedet ditt. API levert av søkemotoren gir utviklere med ressurser og verktøy for å lage raske & relevante søk.

den omfattende dokumentasjonen, guider & aktivt fellesskap gjør det enkelt å jobbe Med Algolia. Dokumentasjonen finner du her.

Algolia Søk

Fordeler Med Algolia:

  • det tar seg av komplekset bak kulissene utvikling som kommer med å bygge ditt eget søk

Konklusjon

Leave a Reply

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.