i våra tidigare inlägg om introduktion till webbplatssökning och utformning av sökrutan betonade vi vikten av sökfältet för förbättrad UX, den perfekta placeringen för fältet & mycket mer. Nu när vi har etablerat varför och hur man designar, låt oss ta en titt på hur man utvecklar i den tredje & sista delen av sökrutan serien. I det här inlägget täcker vi:
- använda Google Anpassad sökning
- använda sökmotorer från tredje part
- lägga till ett sökskript
- anpassa 3: e parts sökmotorer-Lucene
- plattformar byggda på Lucene
1) Använda Google Anpassad sökning
ett av de enklaste sätten att lägga till en sökruta på din webbplats är att lägga till en ’Google Anpassad sökning’. Sökmotorn utför effektivt funktionen att hjälpa dina besökare att hitta det de letar efter med relevanta resultat av hög kvalitet. Sökningen använder förbättringar, Auto-complete & kampanjer för att förbättra sökupplevelsen.
dessutom ger sökningen dig tillgång till Google Analytics för att förstå användarnas beteende.
du hittar hela handledningen här. Verktyget är en JavaScript-fil laddad och kör från Googles webbplats. Du kan använda dina egna CSS-stilar i rutan.
fördelar med Google Anpassad sökning:
- det är gratis
- den betalda sökversion (utan annonser) är också ganska överkomligt
- du kan anpassa sökupplevelsen
- kräver minimal set-up
- inte kräver underhåll av bakgrundsfiler & plugins
- kan analysera resultat från Google Analytics för att förbättra sökningen
nackdelar med Google anpassad sökning:
- smälter inte in med webbdesign
- Google API doc. är komplicerat
2) Använda sökmotorer från tredje part
FreeFind som Google Custom search erbjuder gratis sökrutor med sponsrade annonser. En annonsfri version kostar dig $19 / år för en webbplats upp till 25 000 sidor. HTML skapar ett formulär (skiljer sig från JavaScript-filen som driver Googles sökruta). Det här är enkelt att konfigurera. Du kan till och med utesluta några av dina sidor från sökresultaten eller prioritera ordningen på sökresultaten.
här är koden för en FreeFind-sökruta:
<!-- 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="÷"> <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&pid=a& sbv=j1">advanced</a> </td> </tr> </table>
andra tredjeparts hostade söktjänster inkluderar:
- Atmoz
- siteLevel
- Jrank
- Picosearch
- zooma sökmotor
- FusioNBot
- Adobe Search&främja
- SiteSearch Pro
- Bravenet site search
- searchblox
fördelar med 3: e parts skript:
- ganska lätt att ställa in
- ingen obligatorisk kunskap krävs för att köra PHP-skript & konfigurationer
nackdelar med 3: e parts skript:
- kan ha bannerannonser och länkar till 3: e parts företagswebbplatser
- du kanske inte har fullständig kontroll över din sökresultatsida som du vill att den ska passa enligt din webbdesign
- sökmotorn kommer att spindel din webbplats till reindex, lägga till din webbplats bandbredd
3) Lägga till skript på webbplatsen
ett annat sätt att lägga till ett sökfält på din webbplats är genom att helt enkelt lägga till ett skript i antingen PHP eller Perl. Genom att lägga till ett skript är koden inrymd på servern och när data eller information som skrivs i fältet skickas kör serverns motor skriptet för att ge resultat.
vissa skript kommer antingen att köra en genomsökning med hela webbplatsen varje gång sökningen används av besökaren eller regelbundet genomsöka din webbplats & skapa ett sökindex som sedan söks varje gång en användare matar in en sökfråga.
fördelar:
- lätt att installera
- håller dig uppdaterad med de senaste ändringarna på webbplatsen
- koden är inte tillgänglig för någon att komma åt webbkataloger så integritet bibehålls
- inga annonser från tredje part
- anpassningsbara sidresultat
nackdelar med att använda skript:
- kan ta tid att kasta upp resultat om webbplatsen är stor
- de indexbaserade skripten är svåra att upprätthålla i det, det måste regelbundet krypa & uppdatera indexet
- det kan vara ett tag innan nytt innehåll visas i indexbaserad sökning beroende på hur ofta genomsökningen måste köras & index uppdaterad
några populära PHP & perl-skript är:
- Sphider
- Lucy
- Hotscripts
4) anpassa sökmotorer från tredje part
Lucene är en sökmotor från tredje part som är integrerad med webbplatser & helt anpassningsbar via public Site Search API för att stödja sökfunktioner på webbplatser.
bidragsgivares sökningar körs mot ett sökindex som drivs av Lucene. Ett sökindex byggs av en automatiserad process som kallas indexering som samlar in, lagrar & åtkomst till data i ett format som enkelt hämtas under en fråga. Resultaten är tillgängliga baserat på data som finns i indexet vid tidpunkten för sökningen.
när indexet är byggt kör sökmotorn en händelse var 30: e sekund som söker efter ändringar i tillgångarna av den typ som valts för indexering. Om ändringar gjordes uppdaterar Lucene indexet automatiskt.
stegen för att ställa in Lucene är:
Steg 1: Aktivera Lucene-sökmotorn på ditt system
steg 2: Lägga till tillgångstyper i sökindexet som indikerar för Lucene vilka tillgångar som ska indexeras
steg 3: Ange attribut för index för tillgångstyp för att kunna returneras av sökfunktionen på live-webbplatsen
steg 4: Aktivera indexering av binära filer genom att konfigurera Lucene för att konvertera innehållet i dessa filer till text medan indexering av tillgångar
för mer detaljerad information om översikt, inställning, underhåll av sökindex, klicka här.
5) plattformar byggda på Lucene
Algolia är en plattform byggd på Lucene som är bra för att integrera sökning på din webbplats. API som tillhandahålls av sökmotorn ger utvecklare resurser och verktyg för att skapa snabba & relevanta sökningar.
den omfattande dokumentationen, guiderna & active community gör det enkelt att arbeta med Algolia. Dokumentationen hittar du här.
fördelar med Algolia:
- det tar hand om komplexet bakom kulisserna utveckling som kommer med att bygga din egen sökning