サイト内検索機能の作り方
Webサイトのユーザーエクスペリエンスを向上させるためには、サイト内検索機能が重要です。Googleの検索窓を利用し、特定のドメイン内での検索結果を取得する方法と、独自のサイト内検索システムを作る方法を紹介します。
Googleの検索窓を利用したサイト内検索
Googleのサイト内検索機能を活用することで、簡単に特定のサイト内の情報を検索できます。以下の手順で実施します。
- Googleの検索窓に「site:」と入力します。
- その後に、検索対象のドメインを入力します。例えば、「site:example.com」とします。
- 検索したいキーワードを入力し、検索ボタンをクリックします。
これにより、指定したドメイン内のインデックスされているすべてのWebページが、Googleの検索結果として表示されます。
独自のサイト内検索機能を作成する方法
独自のサイト内検索機能を作成する場合、以下のようにHTMLとJavaScriptを使用して、簡単な検索機能を実装することが可能です。
HTMLコード例
<input type="text" id="search-input" placeholder="検索キーワードを入力">
<button onclick="performSearch()">検索</button>
<div id="results"></div>
JavaScriptコード例
<script>
function performSearch() {
var query = document.getElementById("search-input").value;
if (query) {
var resultsDiv = document.getElementById("results");
resultsDiv.innerHTML = "検索結果: " + query; // 実際の検索ロジックをここに実装
}
}
</script>
まとめ
サイト内検索機能は、訪問者が目的の情報を迅速に見つけるための重要なツールです。簡単な方法としてはGoogleを利用したり、より詳細に制御したい場合は独自の検索システムを構築することが考えられます。
その他の参考記事:サイト 内 検索 html