以前の記事では、ウェブサイト検索の紹介と検索ボックスの設計で、UXを改善するための検索バーの重要性、バー&の理想的な配置を強調しました。 ここで、なぜデザインするのかを設定したので、検索ボックスシリーズの3番目の&最後の部分で開発する方法を見てみましょう。 この記事では、私たちはカバーします:
- Googleカスタム検索の使用
- サードパーティの検索エンジンの使用
- 検索スクリプトの追加
- サードパーティの検索エンジンのカスタマイズ–Lucene
1) Googleカスタム検索の使用
あなたのウェブサイト上で検索ボックスを追加する最も簡単な方法の一つは、”Googleカスタム検索”を追加することです。 検索エンジンは、訪問者が探しているものを関連性の高い高品質の結果で見つけるのを助ける機能を効率的に実行します。 検索では、絞り込み、オートコンプリート&プロモーションを使用して、検索エクスペリエンスを強化します。
さらに、検索を使用すると、ユーザーの行動を理解するのに役立つGoogleアナリティクスにアクセスできます。
チュートリアル全体をここで見つけることができます。 このツールは、googleのサイトからロードされて実行されるJavaScriptファイルです。 ボックスに独自のCSSスタイルを適用できます。
Googleカスタム検索の利点:
- それは無料です
- 有料の検索バージョン（広告なし）も非常に手頃な価格です
- あなたは、検索の経験をカスタマイズすることができます
- 最小限のセ検索を改善する
googleカスタム検索の欠点:
- ウェブサイトのデザイン
- Google API docと融合していません。 複雑です
2) サードパーティの検索エンジンを使用して
Googleカスタム検索のようなFreeFindは、スポンサー広告と無料の検索ボックスを提供しています。 広告なしの版は25,000ページまで場所のためのsite19/yearを要する。 HTMLはフォームを作成します（Google検索ボックスに電力を供給するJavaScriptファイルとは異なります）。 これは簡単に設定できます。 検索結果から一部のページを除外したり、検索結果の順序に優先順位を付けたりすることもできます。
ここでは、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>
その他のサードパーティホスト検索サービスには、次のものがあります:
- Atmoz
- siteLevel
- Jrank
- Picosearch
- ズーム検索エンジン
- FusioNBot
- Adobe Search&Promote
- SiteSearch Pro
- Bravenetサイト検索
- searchblox
サードパーティのスクリプトの利点:
- セットアップが非常に簡単
- PHPスクリプトを実行するための強制的な知識は必要ありません&構成
サードパーティのスクリプトの短所:
- バナー広告やサードパーティの会社のサイトへのリンクがある可能性があります
- あなたの検索結果ページの出力を完全に制御できない場合があります。
3) ウェブサイトにスクリプトを追加する
あなたのウェブサイトに検索バーを追加する別の方法は、単にPHPやPerlのいずれかでスクリプトを追加するこ スクリプトを追加すると、コードはサーバーに格納され、バーに入力されたデータまたは情報が送信されると、サーバー側エンジンはスクリプトを実行して結果を
特定のスクリプトは、訪問者が検索を使用するたびにwebサイト全体でクロールを実行するか、webサイトを定期的にクロールします&ユーザーが検索クエリを入力するたびに検索インデックスを作成します。
:
- セットアップが簡単
- ウェブサイト上の最新の変更を最新のまま
- コードは、プライバシーが維持されるように、webディレクトリにアクセスするために誰にも利用できない
- サードパーティの広告がない
- カスタマイズ可能なページの結果
スクリプトを使用することの欠点:
- ウェブサイトが大きい場合、結果をスローするのに時間がかかる可能性があります
- インデックスベースのスクリプトは維持するのが難しいため、定期的にクロールする必要があります&インデックスを更新する
- クロールを実行する頻度に応じて、インデックスベースの検索に新しいコンテンツが表示される前にしばらく時間がかかる可能性があります&インデックスを更新する
いくつかの人気のあるphp&perlスクリプトは次のとおりです:
- Sphider
- Lucy
- Hotscripts
4) サードパーティの検索エンジンのカスタマイズ
Luceneは、webサイト&と統合されたサードパーティの検索エンジンで、公開サイト検索APIを介して完全にカスタマ
貢献者の検索は、Luceneによって供給された検索インデックスに対して実行されます。 検索インデックスは、クエリ中に簡単に取得できる形式でデータにアクセスする&を収集、格納するインデックス作成と呼ばれる自動化されたプロセ 結果は、検索時にインデックスで使用可能なデータに基づいて使用できます。
インデックスが作成されると、検索エンジンは30秒ごとにイベントを実行し、インデックス作成用に選択されたタイプのアセットに加えられた変 変更が行われた場合、Luceneはインデックスを自動的に更新します。
Luceneを設定する手順は次のとおりです。
ステップ1:システムでLucene検索エンジンを有効にする
ステップ2:インデックスを作成するアセットをLuceneに示: ライブサイトの検索機能によって返されるアセットタイプインデックスの属性を指定する
ステップ4:資産のインデックス作成中にそれらのファ
5)Lucene上に構築されたプラットフォーム
AlgoliaはLucene上に構築されたプラットフォームで、ウェブサイト上の検索を統合するのに最適です。 検索エンジンによって提供されるAPIは、高速な&関連検索を作成するためのリソースとツールを開発者に提供します。
豊富なドキュメント、ガイド&アクティブなコミュニティは、Algoliaでの作業を容易にします。 あなたはここに文書を見つけることができます。
Algoliaの利点:
- それはあなた自身の検索
結論
を構築することに付属している舞台裏の開発の複雑さの世話をします