a weboldal keresésének bevezetéséről és a keresőmező tervezéséről szóló korábbi bejegyzéseinkben hangsúlyozzuk a keresősáv fontosságát a jobb UX érdekében, az ideális elhelyezés a sáv számára & sokkal több. Most, hogy megállapítottuk a miért és hogyan kell tervezni, vessünk egy pillantást a hogyan kell fejleszteni a keresőmező sorozat harmadik & utolsó részében. Ebben a bejegyzésben, fedezzük:
- a Google Egyéni keresés használata
- harmadik fél keresőmotorok használata
- Keresési szkript hozzáadása
- 3. fél keresőmotorok testreszabása-Lucene
- a Lucene-re épített platformok
1) A Google Custom Search használata
a keresőmező hozzáadásának egyik legegyszerűbb módja a ‘Google Custom Search’hozzáadása. A keresőmotor hatékonyan látja el azt a funkciót, hogy releváns, kiváló minőségű eredményekkel segítse a látogatókat abban, hogy megtalálják azt, amit keresnek. A keresés finomításokat, automatikus kitöltést használ & promóciók a keresési élmény javítása érdekében.
ezenkívül a keresés hozzáférést biztosít a Google Analytics szolgáltatáshoz a felhasználói viselkedés megértéséhez.
a teljes oktatóanyagot itt találja. Az eszköz egy JavaScript fájl, amelyet a Google webhelyéről töltenek be és futtatnak. Saját CSS stílusokat alkalmazhat a dobozra.
a Google Egyéni keresés előnyei:
- ingyenes
- a fizetett keresési verzió (hirdetések nélkül) szintén meglehetősen megfizethető
- testreszabhatja a keresési élményt
- minimális beállítást igényel
- nem igényel karbantartást a háttérfájlok & plugins
- elemezheti a Google Analytics eredményeit a javítsa a keresést
a Google egyéni keresésének hátrányai:
- nem keveredik a weboldal tervezésével
- Google API doc. bonyolult
2) harmadik féltől származó keresőmotorok használata
a FreeFind, mint például a Google Custom search, ingyenes keresőmezőket kínál szponzorált hirdetésekkel. A hirdetésmentes verzió 19 dollárba kerül egy 25 000 oldalas webhelyért. A HTML létrehoz egy űrlapot (eltér a Google keresőmezőjét működtető JavaScript fájltól). Ez könnyen konfigurálható. Akár kizárhat néhány oldalt a keresési eredményekből, vagy rangsorolhatja a keresési eredmények sorrendjét.
itt található a FreeFind keresőmező kódja:
<!-- 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>
egyéb harmadik fél által üzemeltetett keresési szolgáltatások a következők:
- Atmoz
- siteLevel
- Jrank
- Picosearch
- Zoom kereső
- FusioNBot
- Adobe Search&támogatása
- SiteSearch Pro
- Bravenet site search
- searchblox
a 3rd party szkriptek előnyei:
- viszonylag könnyű beállítani
- nincs kötelező ismeretek futtatásához szükséges PHP szkriptek & konfigurációk
hátrányai 3rd party szkriptek:
- lehet, hogy banner hirdetések és linkek 3rd party cég oldalak
- lehet, hogy nem teljes ellenőrzése alatt a találati oldal kimenet a kívánt módon, hogy illeszkedjen szerint a web design
- a kereső pók a webhely reindex, hozzátéve, hogy a webhely sávszélesség-használat
3) szkript hozzáadása a weboldalhoz
A keresősáv hozzáadásának másik módja a webhelyhez egyszerűen egy szkript hozzáadása PHP-ben vagy Perl-ben. Parancsfájl hozzáadásával a kód a kiszolgálón található, és amikor a sávba beírt adatokat vagy információkat elküldik, a kiszolgálóoldali motor futtatja a szkriptet az eredmények előállításához.
bizonyos szkriptek vagy feltérképezik a teljes webhelyet minden alkalommal, amikor a látogató használja a keresést, vagy rendszeresen feltérképezik a webhelyet & hozzon létre egy keresési indexet, amelyet minden alkalommal keres, amikor a felhasználó bevisz egy keresési lekérdezést.
előnyök:
- könnyen beállítható
- naprakészen tartja a weboldal legújabb változásait
- a kód nem érhető el bárki számára a webes könyvtárak eléréséhez, így a magánélet védelme megmarad
- nincs harmadik fél hirdetése
- testreszabható oldal eredmények
a szkriptek használatának hátrányai:
- időbe telhet, hogy dobja fel az eredményeket, ha a honlap nagy
- az index-alapú szkriptek nehéz fenntartani, hogy azt, hogy rendszeresen feltérképezni & frissítse az index
- lehet, hogy egy darabig, mielőtt új tartalom jelenik meg az index-alapú keresés attól függően, hogy milyen gyakran a feltérképezés kell futtatni & index frissítve
néhány népszerű PHP & perl szkript:
- Szfider
- Lucy
- Hotscripts
4) harmadik fél keresőmotorjainak testreszabása
a Lucene egy harmadik fél keresőmotorja, amely integrálva van a & webhelyekkel, amelyek teljes mértékben testreszabhatók a nyilvános Webhelykereső API-n keresztül, hogy támogassák a webhelyek keresési képességeit.
közreműködők keresések futnak ellen keresési index powered by Lucene. A keresési indexet egy indexelésnek nevezett automatizált folyamat építi fel, amely összegyűjti, tárolja a & adatokat olyan formátumban, amely könnyen lekérdezhető egy lekérdezés során. Az eredmények a keresés idején az indexben elérhető adatok alapján érhetők el.
az index felépítése után a keresőmotor 30 másodpercenként futtat egy eseményt, amely ellenőrzi az indexeléshez kiválasztott típusú eszközök módosításait. Ha változások történtek, a Lucene automatikusan frissíti az indexet.
a Lucene beállításának lépései a következők:
1. lépés: a Lucene keresőmotor engedélyezése a rendszeren
2. lépés: eszköztípusok hozzáadása a keresési indexhez, amely jelzi a Lucene számára, hogy mely eszközöket kell indexelni
3. lépés: Az eszköztípus index attribútumainak megadása az élő webhely keresési funkciója által visszaadható
4. lépés: bináris fájlok indexelésének engedélyezése a Lucene konfigurálásával a fájlok tartalmának szöveggé konvertálásához az eszközök indexelése közben
az áttekintéssel, a beállítással, a keresési indexek karbantartásával kapcsolatos részletesebb információkért kattintson ide.
5) a Lucene-re épített platformok
az Algolia egy Lucene-re épített platform, amely kiválóan alkalmas a keresés integrálására a webhelyén. A keresőmotor által biztosított API erőforrásokat és eszközöket biztosít a fejlesztőknek a gyors & releváns keresések létrehozásához.
a részletes dokumentáció, útmutatók & aktív közösség megkönnyíti a munkát Algolia. A dokumentációt itt találja.
Algolia előnyei:
- gondoskodik a komplex színfalak mögött fejlesztés, hogy jön az épület a saját keresés