検索結果ページの仕組みを理解し、カスタマイズする
読了時間:12分
訪問者が Wix サイト検索を使用してサイトを検索すると、結果が検索結果ページに一覧で表示されます。
検索結果ページのレイアウトとデザイン(フォント、背景、枠線など)を変更することができます。
この記事では、次の項目について説明します:
検索結果ページについて
Wix サイト検索を追加すると、「検索結果」という新しい非表示ページも追加されます。訪問者がこのページを見ることができるのは、検索バーで語句を検索したときだけです。
検索結果ページには 3つの要素があります:
- 検索バー:このフィールドを使用すると、訪問者は他の検索バーにスクロールすることなく、検索結果ページからサイトを簡単に検索できます。
- 検索結果メニュー:このメニューは、検索結果が表示される場所(例:サイトページ、ブログ記事、ストア)に基づいて検索結果を分類します。
- 検索結果:訪問者の検索フレーズの結果です。結果が見つからない場合は、「検索結果はありません」というメッセージが表示されます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/04/12/b9eb412a-7e31-404b-a8b4-06fce73af772/50525d14-49d6-4baa-9db4-a0834f181b4b.png)
ページ表示をカスタマイズする
検索結果ページを閲覧する訪問者が利用できるオプションを決定します。ページに検索バーを表示したり、「すべて」タブを有効にしてすべてのカテゴリーの結果を表示したり、「検索結果」メッセージをカスタマイズしたりすることができます。
Wix エディタ
Wix Studio エディタ
- エディタ左側で「ページ・メニュー」
をクリックします。
- 「検索結果」ページをクリックします。
- ページで検索結果パーツをクリックします。
- 「設定」をクリックします。
- 「表示設定」タブをクリックします。
- 実行する内容を選択します:
- 「結果ページに検索バーを表示」トグルを有効にして、検索バーを追加します。検索バーに表示するプレースホルダテキストを入力します。
- 「「すべて」タブを有効化」トグルをクリックして、すべてのカテゴリーの結果を一元化する追加のタブを表示します。
- 「検索結果メッセージには以下が含まれます」で含めるものを次から決定します:検索結果の数、検索用語、結果の件数と検索用語(例:「T シャツ」の検索結果が 23件見つかりました)。
![Wix エディタで検索結果設定パネルの「表示」タブを調整しています](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/17/58d211f9-e548-4875-ac20-076438d8bf3e/34ade7ca-7d45-46eb-84ce-187720b324be.png)
ページのタブを管理する
検索結果ページでは、検索結果がタブごとに整理されています。タブの順序は、宣伝したい内容に応じて決めることができます。タブの名前を変更したり、表示したくないタブを非表示にすることもできます。
Wix エディタ
Wix Studio エディタ
- エディタ左側で「ページ・メニュー」
をクリックします。
- 「検索結果」ページをクリックします。
- ページで検索結果パーツをクリックします。
- 「設定」をクリックします。
- 「設定」タブをクリックします。
- 実行する内容を選択します:
タブを並べ替える
タブの名前を変更する
タブを表示または非表示にする
![Wix Studio エディタの検索結果設定パネルでタブを並べ替えています](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/17/8b1fecb5-2f82-4495-a285-7ef9d57df532/69e68073-4fae-4d62-acf8-11085ba22934.png)
検索結果ページのレイアウトを調整する
メニューとページ送りバーの配置を選択して、レイアウトをカスタマイズします。また、各ページに表示される結果の数を選択することもできます。
Wix エディタ
Wix Studio エディタ
- エディタ左側で「ページ・メニュー」
をクリックします。
- 「検索結果」ページをクリックします。
- ページで検索結果パーツをクリックします。
- 「設定」をクリックします。
- 「レイアウト」タブをクリックします。
- ページのレイアウトを設定します:
- 検索結果メニューの配置:検索結果メニューを左揃え、中央揃え、右揃えにするかを選択します。
- ページごとの検索結果数:スライダーをドラッグして、数値を調整します。
- ページ送りの配置:ページ送りバーを左揃え、中央揃え、右揃えにするかを選択します。
![Wix エディタで検索結果ページのレイアウトをカスタマイズしています](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/17/aae7fddf-fb95-4dc6-ab96-1e6755a7671f/1275d9ad-a43c-4895-8215-19af457a22b4.png)
検索結果ページのデザインをカスタマイズする
検索結果ページのフォントや色のデザインを、サイトに合わせてカスタマイズできます。これには、検索バー、検索結果メニュー、検索結果リストが含まれます。
Wix エディタ
Wix Studio エディタ
- エディタ左側で「ページ・メニュー」
をクリックします。
- 「検索結果」ページをクリックします。
- ページで検索結果パーツをクリックします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
- カスタマイズするものを選択します。
検索バー
検索結果メニュー
検索結果
ボタン
![Wix エディタで検索結果ページの検索バーをデザインしています](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/04/17/f5853532-bd6c-4475-9f6f-a1177ac0f600/527aa547-91c6-48e8-9e5e-1d05c199ae52.png)
検索結果ページで画像を調整する
検索結果のサムネイル画像は、検索結果の種類に応じて異なる場所から取得されます。ページ設定をカスタマイズすることで、これらの画像を調整できます。
下記のオプションをクリックして、ページの種類に合わせて画像を調整する方法をご確認ください:
静的ページ画像
動的ページ
サイトの検索バーをカスタマイズする場合:
レイアウトとデザインの設定を使用してサイトのデザインと操作性に合わせます。