in onze vorige berichten over Inleiding tot het zoeken op websites en het ontwerpen van het zoekvak, benadrukten we het belang van de zoekbalk voor verbeterde UX, de ideale plaatsing voor de balk & veel meer. Nu we het waarom en het hoe te ontwerpen hebben vastgesteld, laten we eens kijken naar het hoe te ontwikkelen in het derde & laatste deel van de zoekvak serie. In deze post, zullen we dekken:
- gebruikmakend van Google aangepaste zoekmachines
- gebruikmakend van zoekmachines van derden
- een zoekscript toevoegen
- aanpassen van zoekmachines van derden-Lucene
- Platforms gebouwd op Lucene
1) Gebruik van Google Custom Search
een van de makkelijkste manieren om een zoekvak aan uw website toe te voegen is door een ‘Google Custom Search’toe te voegen. De zoekmachine vervult efficiënt de functie om uw bezoekers te helpen vinden wat ze zoeken met relevante, hoogwaardige resultaten. De zoekopdracht maakt gebruik van verfijningen, auto-complete & promoties om de zoekervaring te verbeteren.
Bovendien geeft de zoekopdracht U toegang tot Google Analytics om het gedrag van gebruikers te begrijpen.
u kunt de volledige tutorial hier vinden. De tool is een JavaScript-bestand geladen en uitgevoerd vanaf de site van Google. U kunt uw eigen CSS stijlen toe te passen op de doos.
voordelen van Google Custom Search:
- It ‘ s free
- the paid search version (without ads) is also quite affordable
- u kunt de zoekervaring aanpassen
- vereist minimale set-up
- vereist geen onderhoud van achtergrondbestanden & plugins
- kan resultaten van Google Analytics analyseren om het zoeken te verbeteren
nadelen van Google Custom Search:
- past niet bij websiteontwerpen
- Google API doc. is ingewikkeld
2) Gebruik van zoekmachines van derden
FreeFind zoals Google Custom search biedt gratis zoekvakken met gesponsorde advertenties. Een ad-free versie kost je $ 19 / jaar voor een site tot 25.000 pagina ‘ s. De HTML maakt een formulier (anders dan het JavaScript-bestand dat de bevoegdheden van de Google zoekvak). Dit is eenvoudig te configureren. U kunt zelfs een aantal van uw pagina ‘ s uitsluiten van de zoekresultaten of prioriteit geven aan de volgorde van de zoekresultaten.
hier is de code voor een zoekvak met 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="÷"> <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>
Overige derden worden gehost zoek diensten omvatten:
- Atmoz
- siteLevel
- Jrank
- Picosearch
- Zoom zoekmachine
- FusioNBot
- Adobe Zoeken&het Bevorderen van
- SiteSearch Pro
- Bravenet Site Search
- SearchBlox
Voordelen van 3rd party scripts:
- Vrij eenvoudig in te stellen
- Geen verplichte kennis vereist voor het uitvoeren van PHP-scripts & configuraties
Nadelen van 3rd party scripts:
- kan banneradvertenties en links naar websites van derden hebben
- mogelijk heeft u geen volledige controle over de uitvoer van uw zoekresultaten zoals u wilt dat deze past volgens uw webdesign
- de zoekmachine zal uw site hergebruiken en aan het bandbreedtegebruik van uw website toevoegen
3) script toevoegen aan de website
een andere manier om een zoekbalk toe te voegen aan uw website is door simpelweg een script toe te voegen in PHP of Perl. Door een script toe te voegen, wordt de code op de server gehuisvest en wanneer gegevens of informatie die in de balk wordt getypt, wordt verzonden, draait de server-side engine het script om resultaten te produceren.
bepaalde scripts zullen ofwel een crawl uitvoeren met uw hele website elke keer dat de zoekopdracht wordt gebruikt door de bezoeker of periodiek crawl uw website & creëren een zoekindex die vervolgens wordt doorzocht elke keer dat een gebruiker een zoekopdracht invoert.
voordelen:
- eenvoudig in te stellen
- blijft up-to-date met de laatste wijzigingen op de website
- Code is niet beschikbaar voor iedereen om toegang te krijgen tot webmappen, dus privacy wordt gehandhaafd
- geen advertenties van derden
- aanpasbare paginaresultaten
nadelen van het gebruik van scripts:
- Kunnen de tijd nemen om te gooien resultaten als de website is big
- De index-gebaseerde scripts zijn moeilijk te onderhouden, in dat het is om regelmatig te crawlen & update index
- Het kan een tijdje voordat er nieuwe inhoud wordt weergegeven in de index-based search, afhankelijk van hoe vaak de verkenning is uitgevoerd & index bijgewerkt
Sommige populaire PHP & Perl scripts zijn:
- Sphider
- Lucy
- Hotscripts
4) Het aanpassen van zoekmachines van derden
Lucene is een zoekmachine van derden die is geà ntegreerd met websites & die volledig aanpasbaar is via de openbare Site Search API om zoekmogelijkheden op websites te ondersteunen.
zoekopdrachten met bijdragers worden uitgevoerd op basis van een zoekindex die wordt aangedreven door Lucene. Een zoekindex wordt gebouwd door een geautomatiseerd proces dat indexering wordt genoemd, dat & toegang tot gegevens verzamelt, opslaat in een formaat dat gemakkelijk kan worden opgehaald tijdens een query. De resultaten zijn beschikbaar op basis van gegevens die beschikbaar zijn in de index op het moment van de zoekopdracht.
zodra de index is opgebouwd, voert de zoekmachine elke 30 seconden een gebeurtenis uit die controleert of er wijzigingen zijn aangebracht in de activa van het voor indexering geselecteerde type. Als er wijzigingen zijn aangebracht, werkt Lucene de index automatisch bij.
de stappen voor het opzetten van Lucene zijn:
Stap 1: de Lucene-zoekmachine inschakelen op uw systeem
Stap 2: activatypes toevoegen aan de zoekindex die aan Lucene aangeeft welke activa
Stap 3: Specificeer attributen voor asset type index om te kunnen worden geretourneerd door de zoekfunctie op de live site
Stap 4: indexering van binaire bestanden inschakelen door Lucene te configureren om de inhoud van die bestanden naar tekst te converteren terwijl indexering van activa
voor meer gedetailleerde informatie over het overzicht, de instelling, het onderhouden van zoekindexen, Klik hier.
5) Platforms gebouwd op Lucene
Algolia is een platform gebouwd op Lucene dat geweldig is voor het integreren van zoekopdrachten op uw website. De API van de zoekmachine biedt ontwikkelaars middelen en tools om snel & relevante zoekopdrachten aan te maken.
de uitgebreide documentatie, gidsen & actieve gemeenschap maken het gemakkelijk om met Algolia te werken. U kunt de documentatie hier vinden.
voordelen van Algolia:
- het zorgt voor het complex achter de schermen ontwikkeling die wordt geleverd met het bouwen van uw eigen zoekopdracht