In unseren vorherigen Beiträgen zur Einführung in die Website-Suche und zum Entwerfen des Suchfelds haben wir die Bedeutung der Suchleiste für eine verbesserte UX hervorgehoben, die ideale Platzierung für die Leiste & viel mehr. Nachdem wir nun das Warum und das Design festgelegt haben, werfen wir einen Blick auf die Entwicklung im dritten & letzten Teil der Suchfeldserie. In diesem Beitrag werden wir abdecken:
- Verwenden der benutzerdefinierten Google-Suche
- Verwenden von Suchmaschinen von Drittanbietern
- Hinzufügen eines Suchskripts
- Anpassen von 3rd-Party-Suchmaschinen – Lucene
- Auf Lucene basierende Plattformen
1) Verwenden der benutzerdefinierten Google-Suche
Eine der einfachsten Möglichkeiten, ein Suchfeld auf Ihrer Website hinzuzufügen, besteht darin, eine benutzerdefinierte Google-Suche hinzuzufügen. Die Suchmaschine erfüllt effizient die Funktion, Ihren Besuchern zu helfen, das Gesuchte mit relevanten, qualitativ hochwertigen Ergebnissen zu finden. Die Suche verwendet Verfeinerungen, automatische Vervollständigung & Promotions, um die Sucherfahrung zu verbessern.
Darüber hinaus bietet Ihnen die Suche Zugriff auf Google Analytics, um das Nutzerverhalten besser zu verstehen.
Das gesamte Tutorial finden Sie hier. Das Tool ist eine JavaScript-Datei, die von der Google-Website geladen und ausgeführt wird. Sie können Ihre eigenen CSS-Stile auf die Box anwenden.
Vorteile der benutzerdefinierten Google-Suche:
- Es ist kostenlos
- Die kostenpflichtige Suchversion (ohne Werbung) ist ebenfalls recht erschwinglich
- Sie können das Sucherlebnis anpassen
- Erfordert nur minimale Einrichtung
- Erfordert keine Wartung von Hintergrunddateien & Plugins
- Kann Ergebnisse von Google Analytics analysieren, um suche verbessern
Nachteile der benutzerdefinierten Google-Suche:
- Passt nicht zu Website-Designs
- Google API doc. ist kompliziert
2) Verwenden von Suchmaschinen von Drittanbietern
FreeFind wie Google Custom Search bietet kostenlose Suchfelder mit gesponserten Anzeigen. Eine werbefreie Version kostet Sie $ 19 / Jahr für eine Website bis zu 25.000 Seiten. Der HTML-Code erstellt ein Formular (anders als die JavaScript-Datei, die das Google-Suchfeld antreibt). Dies ist einfach zu konfigurieren. Sie können sogar einige Ihrer Seiten aus den Suchergebnissen ausschließen oder die Reihenfolge der Suchergebnisse priorisieren.
Hier ist der Code für ein FreeFind-Suchfeld:
<!-- 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>
Andere gehostete Suchdienste von Drittanbietern umfassen:
- Atmoz
- siteLevel
- Jrank
- Picosearch
- Zoom-Suchmaschine
- FusioNBot
- Adobe-Suche&Förderung
- SiteSearch Pro
- Bravenet Site Search
- SearchBlox
Vorteile von 3rd Party Scripts:
- Ziemlich einfach einzurichten
- Keine obligatorischen Kenntnisse zum Ausführen von PHP-Skripten erforderlich & Konfigurationen
Nachteile von 3rd-Party-Skripten:
- Möglicherweise Bannerwerbung und Links zu Websites von 3rd-Party-Unternehmen
- Möglicherweise haben Sie nicht die vollständige Kontrolle über die Ausgabe Ihrer Suchergebnisseite, wie Sie sie gemäß Ihrem Webdesign anpassen möchten
- Die Suchmaschine wird Ihre Website neu indizieren und die Bandbreitennutzung Ihrer Website erhöhen
3) Hinzufügen eines Skripts zur Website
Eine andere Möglichkeit, eine Suchleiste zu Ihrer Website hinzuzufügen, besteht darin, einfach ein Skript in PHP oder Perl hinzuzufügen. Durch Hinzufügen eines Skripts wird der Code auf dem Server gespeichert, und wenn Daten oder Informationen, die in die Leiste eingegeben werden, gesendet werden, führt die serverseitige Engine das Skript aus, um Ergebnisse zu erzielen.
Bestimmte Skripte führen entweder jedes Mal, wenn der Besucher die Suche verwendet, einen Crawling mit Ihrer gesamten Website durch oder crawlen Ihre Website regelmäßig & Erstellen Sie einen Suchindex, der dann jedes Mal durchsucht wird, wenn ein Benutzer eine Suchanfrage eingibt.
Vorteile:
- Einfach einzurichten
- Bleibt über die neuesten Änderungen auf der Website auf dem Laufenden
- Der Code steht niemandem für den Zugriff auf Webverzeichnisse zur Verfügung, sodass die Privatsphäre gewahrt bleibt
- Keine Werbung von Drittanbietern
- Anpassbare Seitenergebnisse
Nachteile der:
- Es kann einige Zeit dauern, bis Ergebnisse angezeigt werden, wenn die Website groß ist
- Die indexbasierten Skripte sind schwer zu pflegen, es muss regelmäßig gecrawlt werden & Aktualisieren Sie den Index
- Es kann eine Weile dauern, bis neue Inhalte in der indexbasierten Suche angezeigt werden, je nachdem, wie häufig der Crawl ausgeführt werden muss & Index aktualisiert
Einige beliebte PHP & Perl-Skripte sind:
- Sphider
- Lucy
- Hotskripte
4) Anpassen von Suchmaschinen von Drittanbietern
Lucene ist eine Suchmaschine von Drittanbietern, die in Websites integriert ist & vollständig anpassbar über die Public Site Search API, um Suchfunktionen auf Websites zu unterstützen.
Mitwirkende Suchen werden anhand eines von Lucene betriebenen Suchindex durchgeführt. Ein Suchindex wird durch einen automatisierten Prozess namens Indexierung erstellt, der & Daten in einem Format sammelt, speichert und darauf zugreift, das während einer Abfrage leicht abgerufen werden kann. Die Ergebnisse basieren auf Daten, die zum Zeitpunkt der Suche im Index verfügbar sind.
Sobald der Index erstellt wurde, führt die Suchmaschine alle 30 Sekunden ein Ereignis aus, das nach Änderungen an den Assets des für die Indizierung ausgewählten Typs sucht. Wenn Änderungen vorgenommen wurden, aktualisiert Lucene den Index automatisch.
Die Schritte zum Einrichten von Lucene sind:
Schritt 1: Aktivieren der Lucene-Suchmaschine auf Ihrem System
Schritt 2: Hinzufügen von Asset-Typen zum Suchindex, der Lucene angibt, welche Assets indiziert werden sollen
Schritt 3: Angeben von Attributen für den Asset-Typ-Index, die von der Suchfunktion auf der Live-Site zurückgegeben werden können
Schritt 4: Aktivieren der Indizierung von Binärdateien durch Konfigurieren von Lucene, um den Inhalt dieser Dateien während der Indizierung von Assets in Text zu konvertieren
Weitere Informationen zu Übersicht, Einrichtung und Pflege von Suchindizes finden Sie hier.
5) Auf Lucene basierende Plattformen
Algolia ist eine auf Lucene basierende Plattform, mit der Sie die Suche in Ihre Website integrieren können. Die von der Suchmaschine bereitgestellte API bietet Entwicklern Ressourcen und Tools zum Erstellen schneller & relevanter Suchanfragen.
Die umfangreiche Dokumentation, Guides & aktive Community erleichtern die Arbeit mit Algolia. Die Dokumentation finden Sie hier.
Vorteile von Algolia:
- Es kümmert sich um die komplexe Entwicklung hinter den Kulissen, die mit dem Aufbau Ihrer eigenen Suche einhergeht