Hakukentän kehittäminen: 5 tapaa lisätä hakukenttä sivustoosi

aiemmissa julkaisuissamme, jotka käsittelimme verkkosivujen haun johdantoa ja hakukentän suunnittelua, korostimme hakukentän merkitystä parannetulle UX: lle, joka on ihanteellinen paikka baarille & paljon enemmän. Nyt kun on selvitetty miksi ja miten suunnitella, niin kurkistetaan, miten kehitetään hakuruutu-sarjan kolmannessa & viimeisessä osassa. Tässä viestissä, me kattaa:

  • Google Custom Search
  • käyttämällä kolmannen osapuolen hakukoneita
  • lisäämällä hakuohjelma
  • mukauttamalla kolmannen osapuolen hakukoneita-Lucene
  • Lucenelle rakennetut alustat

1) Google Custom Search

yksi helpoimmista tavoista lisätä hakukenttä sivustoosi on lisätä ”Google Custom Search”. Hakukone suorittaa tehokkaasti tehtävänsä auttaa kävijöitä löytämään mitä he etsivät asiaankuuluvia, laadukkaita tuloksia. Haku käyttää tarkennuksia, automaattisia täydennyksiä & kampanjoita hakukokemuksen parantamiseksi.

lisäksi haku antaa käyttöösi Google Analyticsin, joka auttaa ymmärtämään käyttäjän käyttäytymistä.

löydät koko opetusohjelman täältä. Työkalu on JavaScript-tiedosto ladattu ja ajaa Googlen sivustolta. Voit soveltaa omia CSS tyylejä ruutuun.

 Google Custom Search

Googlen mukautetun haun edut:

  • se on ilmainen
  • maksullinen hakuversio (ilman mainoksia) on myös melko edullinen
  • voit muokata hakukokemusta
  • vaatii minimaalisen perustamisen
  • ei vaadi taustatiedostojen ylläpitoa & plugins
  • voi analysoida Google Analyticsin tuloksia paranna hakua

Googlen mukautetun haun haitat:

  • Ei sulaudu verkkosivustomalleihin
  • Google API doc. on monimutkainen

2) käyttämällä kolmannen osapuolen hakukoneita

FreeFind kuten Google Custom search tarjoaa ilmaisia hakulaatikoita sponsoroiduilla mainoksilla. Mainokseton versio maksaa 19 dollaria/vuosi jopa 25 000-sivuiselta sivustolta. HTML luo lomakkeen (eroaa JavaScript-tiedostosta, joka antaa virtaa Googlen hakukenttään). Tämä on helppo määrittää. Voit jopa sulkea joitakin sivujasi pois hakutuloksista tai asettaa hakutulosten järjestyksen tärkeysjärjestykseen.

 lisää hakukenttä verkkosivuille

tässä on vapaan hakukentän koodi:

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

muita kolmannen osapuolen isännöimiä hakupalveluja ovat:

  • Atmoz
  • siteLevel
  • Jrank
  • Picosearch
  • Zoom Search Engine
  • FusioNBot
  • Adobe Search&edistää
  • SiteSearch Pro
  • bravenet site search
  • searchblox

advantages of 3rd party Scripts:

  • melko helppo perustaa
  • PHP-skriptien suorittamiseen ei vaadita pakollista tietoa & kokoonpanot

3rd party-skriptien haitat:

  • saattaa olla bannerimainoksia ja linkkejä 3rd party company-sivustoille
  • sinulla ei ehkä ole täydellistä kontrollia hakutulossivusi tulosteeseen sillä tavalla kuin haluat sen sopivan www-suunnittelusi mukaan
  • hakukone lähettää sivustosi reindexiin ja lisää verkkosivustosi kaistanleveyden käyttöä

3) skriptin lisääminen sivustolle

toinen tapa lisätä hakupalkki sivustoosi on yksinkertaisesti lisäämällä skripti joko PHP: llä tai Perlillä. Komentosarjaa lisäämällä koodi säilytetään palvelimessa ja kun palkkiin kirjoitettua tietoa lähetetään, palvelinpuolen Moottori käynnistää komentosarjan tulosten tuottamiseksi.

tietyt skriptit joko ryömivät koko verkkosivustosi kanssa aina, kun kävijä käyttää hakua, tai ryömivät säännöllisesti verkkosivustosi & luo hakuindeksi, jota sitten etsitään aina, kun käyttäjä syöttää hakukyselyn.

edut:

  • helppo asentaa
  • pysyy ajan tasalla verkkosivujen uusimpien muutosten kanssa
  • koodi ei ole kenenkään käytettävissä verkkohakemistoihin, joten yksityisyys säilyy
  • ei kolmannen osapuolen mainoksia
  • Muokattavat sivutulokset

skriptien käytön haitat:

  • tulosten heittäminen voi viedä aikaa, jos sivusto on iso
  • indeksipohjaisia skriptejä on vaikea ylläpitää, koska sen on ryömittävä säännöllisesti & päivitettävä indeksi
  • voi kestää jonkin aikaa, ennen kuin uutta sisältöä ilmestyy indeksipohjaiseen hakuun riippuen siitä, kuinka usein indeksiä on suoritettava & indeksiä päivitetään

joitakin suosittuja php & perl-skriptejä ovat:

  • Sphider
  • Lucy
  • Hotscripts

4) kolmannen osapuolen hakukoneiden Mukauttaminen

Lucene on kolmannen osapuolen hakukone, joka on integroitu verkkosivustoihin & täysin muokattavissa julkisen sivuston hakuliittymän kautta tukemaan hakuominaisuuksia verkkosivustoilla.

osallistujien haut ajetaan lucenen voimanlähteenä toimivaa hakuindeksiä vastaan. Hakuindeksi rakennetaan automatisoidulla indeksointiprosessilla, joka kerää, tallentaa & tietoja muodossa, joka on helposti haettavissa kyselyn aikana. Tulokset ovat saatavilla niiden tietojen perusteella, jotka löytyvät hakemistosta hakuhetkellä.

kun indeksi on rakennettu, hakukone suorittaa 30 sekunnin välein tapahtuman, joka tarkistaa indeksoitavaksi valitun tyypin varoihin tehdyt muutokset. Jos muutoksia tehtiin, Lucene päivittää indeksin automaattisesti.

lucenen perustamisen vaiheet ovat:

Vaihe 1: Lucene-hakukoneen käyttöönotto järjestelmässäsi

Vaihe 2: omaisuustyyppien lisääminen hakuindeksiin, joka osoittaa Lucenelle, mitkä omaisuuserät indeksoidaan

Vaihe 3: Attribuuttien määrittäminen asset type Indexille, jotta se voidaan palauttaa live-sivuston hakutoiminnolla

Vaihe 4: binääritiedostojen indeksoinnin mahdollistaminen määrittämällä Lucene muuttamaan tiedostojen sisällön tekstiksi samalla kun indeksoidaan varat

saadaksesi tarkempia tietoja yleiskatsauksesta, asetuksista, hakuindeksien ylläpidosta, klikkaa tästä.

5) Lucenelle rakennetut alustat

Algolia on lucenelle rakennettu alusta, joka on loistava integroimaan hakuja verkkosivuillesi. Hakukoneen tarjoama API tarjoaa kehittäjille resursseja ja työkaluja nopeiden & relevanttien hakujen luomiseen.

laaja dokumentaatio, oppaat & aktiivinen yhteisö tekee Algolian kanssa työskentelyn helpoksi. Asiakirjat löydät täältä.

 Algolia Search

Algolian edut:

  • se huolehtii kulissien takana kehittyvästä kompleksista, joka tulee Oman haun rakentamisen myötä

johtopäätös

Leave a Reply

Vastaa

Sähköpostiosoitettasi ei julkaista.