Searchspring Shopify App: Overview, Setup & Considerations for Shopify Merchants

こんにちは、Shopifyの検索パラメータを探していますか、それとも一般的な検索パラメータについて知りたいですか？大丈夫です、Shopifyの検索パラメータとそれ以上についてすべてをカバーしています。 Shopify検索パラメータ 101 検索パラメータとは、文字列の集まりです。検索エンジンクエリによってユーザーの検索の焦点を絞るために使用されます。他の検索パラメータは通常、クエリ検索バーの周りや前に配置されます。常に隙間なく。 オンラインShopifyストアの検索バーについて話すと、Expertrecの非常に高速、エラープルーフ、インスタントインデックス検索バーがあります。もちろん、素晴らしい24×7カスタマーサポートとトライアルも付いています。気に入ったら、わずか9ドルでプレミアムを選択できます！ Expertrec Shopify Search Bar   検索パラメータの基本 一般的に言えば、これらのパラメータはアクションを表す一連の文字です。検索では、最も一般的に使用されるパラメータのタイプはブール型です。たとえば、「AND」パラメータは、検索結果に2つのエンティティを表示する必要がある場合に使用されます。検索結果を多様化し、エンゲージメントを増やすために、「OR」パラメータを使用して、検索フレーズの一部またはすべてを含む結果を表示することができます。 検索パラメータの例 他の検索パラメータは通常、検索フレーズまたはクエリワードの前に直接配置されます。複数のパラメータをクエリに組み合わせることで、検索の焦点をさらに絞ることができます。 “site:” パラメータの後にドメイン名またはウェブサイトのURLが続きます。このパラメータを使用すると、ドメイン上のファイルが返されます。間にスペースを入れずに使用する必要があります。 “filetype:” パラメータの後にファイルの拡張子のタイプが続きます。たとえば、このパラメータを使用して、”.doc”、”.pdf”、”.ini”、”.xls”など、指定された種類のファイルを検索できます。複数の種類のファイルを検索するには、拡張子を”|”で区切ってください。 キー例 “inurl:” パラメータの後に特定の文字列が続き、その文字列がURLに含まれている結果が返されます。 “intext:” パラメータの後に選択した単語が続き、検索フレーズはテキスト内に同じ文字列が含まれるファイルを返します。 パラメータの用途 上記は高度な検索パラメータの例です：これらの検索パラメータは、検索フレーズやクエリに組み込んで検索を絞り込むことができます。これを使用して、ウェブサイトの脆弱性を発見し、そのパッチの実装に役立てることが推奨されます。   検索文字列 検索文字列とは、検索を構成する文字と単語の組み合わせです。たとえば、コンピュータのヘルプを検索して「computer escape key」とGoogleに入力した場合、これはあなたの検索文字列となります。 検索パラメータの構造 オンラインウェブサイトで検索フレーズや用語を入力すると、ページのURLが検索情報を含むように更新されます。オンラインストアでの検索用語を含む基本的なURL構造は次のとおりです： /search?q= 以下の例は、ウェブサイトの訪問者が選択したオプションを含む検索URLを示しています。以下に説明するパラメータを確認できます： /search?q=snow&type=product,page&options[unavailable_products]=hide&options[prefix]=last クエリパラメータ 検索URLには、以下のクエリ/検索フレーズパラメータが含まれていることが一般的です。 クエリパラメータタイプ I クエリパラメータ：q タイプ：文字列説明：検索クエリ。 クエリパラメータ：typeタイプ：カンマ区切りの値説明：要求された結果のタイプを指定します。一般的な有効な値はproduct、page、およびarticleです。デフォルトはすべてのタイプです。 クエリパラメータ：page タイプ：整数説明：現在の検索結果ページを指定します。デフォルトは1です。 クエリパラメータ：options タイプ：ハッシュ説明：使用可能な検索オプションを指定します。unavailable_productsとprefixの設定でカスタマイズできます。 クエリパラメータタイプ II クエリパラメータ：unavailable_products タイプ：文字列説明：利用不可な製品の結果を表示するかどうかを指定します。3つの可能なオプションはshow、hide、およびlastです。デフォルトはlastです。 クエリパラメータ：prefix タイプ：カンマ区切りの値説明：最後の検索用語の部分一致を行うかどうかを指定します。デフォルトはnoneです。 これは難しすぎますか？心配しないでください、Expertrecがあなたをカバーしています。オンラインShopifyストア向けに非常に高速でカスタマイズ可能な検索バーを提供しています。Expertrecの非常に使いやすいグラフィカルユーザーインターフェイスのおかげで、最適な検索バーの最適化について心配する必要はありません。 最適化された検索バー 検索クエリ文法 クエリの文字列は、基本的に検索に使用されるテキストのグループです。ウェブサイトの訪問者にとってはプレーンテキストですが、私たちにとっては用語、接続詞、修飾子、および比較子で構成されています。ここで定義された検索クエリ文法のルールは、より大きな構造に組み込むために使用できます。 検索クエリ文法は、拡張バックス–ナウア形式に似ており、以下に示す基本的な終端記号を使用します：1. 項目：空白文字説明：スペース、タブ、または改行文字の任意のシーケンスは基本的に空白です。2. 項目：名前説明：空白文字や特殊文字以外の任意の文字列です。詳細は特殊文字を参照してください。3.項目：値説明：値には、任意の名前または任意の引用符で囲まれた文字列（シングルまたはダブルクオートの両方が許可されます）を使用できます。 文法タイプ I クエリ 文法の観点から、クエリがルートです。たとえば：Query = Term { [ whitespace Connective ] whitespace Term }ご覧のように、1つまたは複数の用語が空白と時折単一の接続詞で区切られることがあります。適切なクエリ文法です。クエリには、いくつかの先行する空白といくつかの末尾の空白が含まれることがあります。 query=John Smith 接続詞 Connective = “AND” | “OR”2つのエンティティまたは用語の間に接続詞を示さない場合、ANDが暗示されます。query=state:enabled OR state:disabled 用語 Term

Shopifyは、eコマースストアを立ち上げて販売を開始する最も簡単な方法です。ShopifyストアにGoogleのような検索バーの完全な機能をインストールする方法は以下の通りです。Expertrecのコードは次のようになります： ExpertrecでShopify検索APIを作成する Shopify Search APIを理解する – おお、なんてこった！ Expertrecの検索APIは、Shopifyストアに検索機能を統合するために使用できます。APIキーは各Shopifyストアで異なります。これは、検索クエリと検索結果の間でデータを交換するためのコードのセットです。APIキーは、すべてのストアに対して一意の識別子です。セットアッププロセス中にAPIを作成できます。たとえば、これがwriterorg.myshopify.comの検索APIです。 ここで、APIの形式は次の通りです： org_idは、GoogleアカウントでExpertrecにログインすると生成される一意のIDです。これは各Shopifyストアで異なります。 キーワードはq（クエリ）に割り当てられます。このパラメータは検索対象のフィールドを定義します。キーワードは自動的に追加されます（スペースは+とカウントされ、検索結果で何かを無視したい場合は-を使用し、その後にキーワードを書きます）。以下のように表示されます。 「expertrec shopify」というクエリは、以下のように変換されます。これは私たちの検索のためのキーワードです。 ページネーションはpageに割り当てられ、ページ間のナビゲーションを行います。クエリを検索すると、以下のようにページネーションが表示されます。 sizeは、表示する必要がある検索結果の総数です。 検索結果は以下のようにJSON形式で表示されます： Shopify Search APIをコードなしで追加する方法 Shopify Search APIを数秒で追加し、数分以内に変更を確認できます。Shopify Search APIをオンラインストアに追加する最も簡単な方法は2つあります。 1. Expertrec Shopify Search App 2. Expertrec Shopify Search Plugin また、コードを追加してデフォルトの検索バーを修正することもできます。非コーダーにとっては難しいため、後のセクションで説明します。最も簡単な方法から始めましょう： 1. Expertrec Shopify Search App 注意：Expertrec Shopify Search AppはShopify App Storeにリストされています。 i. https://apps.shopify.com/expertrec-smart-search-barをクリックして検索APIをインストールします。 ii. インストール後、検索拡張機能を有効にしてください。これで、実際に使える変更された検索バーの使用準備が整いました！ 次に、インストールボタンをクリックしてExpertrec Search APIをインストールします。 次に、「無料トライアルを開始」をクリックしてShopify Search APIにアクセスします。 Expertrec Smart Search APIが有効になっていることを確認してください。 ここで、ShopifyストアにExpertrec Smart Search Barが表示されます。 2. Expertrec Shopify Search Plugin 2つ目の方法は、最初の方法と非常に似ています。最初の方法でアプリをすでにインストールしていることを確信しています。 i. https://www.expertrec.com/shopify/をクリックします。 ii. ShopifyストアのURLをショップドメインに入力します。 iii. インストールボタンをクリックします。 iv. Shopifyストアにログインし、インストールをクリックします。 v. Expertrec

Shopifyの検索バーに関するすべての知識 Shopifyの検索バーに飛び込む前に、オンラインストアで利用できる機能と実装できる内容について基本的な理解を得るためにいくつかの基本事項を見ていきましょう。 [lwptoc numeration=”none”] 要件 検索バーは非常に重要な機能です。ウェブサイトの訪問者が探しているものを正確に提供するのは検索バー次第です。検索中に間違いが起こることがあります（PHPとAjaxを使った検索体験の改善方法をこちらのガイドで確認できます）。これにより、異なるカテゴリに誘導されてしまい、オンラインストアの体験が損なわれ、コンバージョン率の低下につながる可能性があります。Shopifyが提供するデフォルトの検索バーは、現在利用できる多くの顕著な機能が不足している場合があります。Expertrecのように、オンライン記事用に完全にカスタマイズされた検索バーを$9で提供しています。 Expertrecの検索バー @ $9 Shopifyの検索バーは記事のインデックス作成に欠けており、そのため公開された記事がコンバージョン率の面で不足する可能性があります。これにより、訪問者が広告された商品について検索する利便性が欠けてしまいます。最悪の場合、訪問者が興味を失い、セッションを終了して別の場所に移ってしまいます。ソフトウェアやサービスから検索バーのサービスまで、多くの技術的な問題がカバーされています。もし興味があれば、浮動検索バーも可能です。詳細な手順はこちらのガイドで確認できます。Shopifyのコンテンツ管理システムには優れたプラグインが多数あります。以下の2つの方法でShopifyの記事用にカスタム検索バーを実装できます。 Expertrecの検索バーをShopifyの記事に使用する ステップバイステップの詳細なガイドに従って、Expertrecの Shopify検索アプリをインストールできます。 Shopifyストアを開き、「アプリ」セクションに移動します。 「Expertrec Smart Search Bar」を検索するか、Shopifyアプリストアページに移動します。 インストール後、インストールしたアプリが表示されます。 アプリを開くと、Expertrecのダッシュボードにリダイレクトされます。 左側には、検索バーを設定するために必要なホーム、検索設定などが表示されます。右側には、インベントリを追加する場合や即座に更新する場合に便利な再インデックスボタンとトグルボタンがあります。 Expertrec Shopifyスマート検索アプリ Expertrecのコードスニペットをコピー＆ペーストする Expertrecのサインアップページに移動します。 メールIDでサインアップします。サインアップ後、似たようなページが表示されます。もちろん、試す前にデモが提供されます！それが友達のすることです。オンラインストアのURLと最寄りの地域を入力する必要があります。WhatsApp番号を追加するのが良いです。カスタマーサポートが非常に簡単になります。番号がない場合でも問題ありません。オプションとして保持しています。その後、サイトマップを追加できます。追加しなくても自動で検出されます。 インデックス作成が完了したら、「Search-API」をクリックし、「APIs」をクリックして進みます。クリックすると、Merchant Id、API Secret Key、Search APIキー、Suggestion APIキーが表示されます。必要なコードをウェブサイトに貼り付ければ、準備完了です！違いを比較するためにGoogle検索を実装することもあります。その場合、私たちのステップバイステップの詳細ガイドで簡単に行えます。 記事ページ用にさらに洗練されたカスタマイズ済みの検索バーが必要な場合は、Expertrecのカスタマーサポートに連絡すれば、できるだけ早く対応してもらえます。個人的には、彼らのカスタマーサービスは非常に優れていると思います。 記事ページ用の単一検索バー 多くのShopifyオンラインストアにはブログ用の専用セクションがあります。そのため、ブログの検索バー（カスタムGoogleウィジェットバーを確認）を表示して、ウェブサイト訪問者にブログの結果のみを表示し、商品は表示しないようにしたい場合があります。これを実行するには2つの方法があります。「theme.liquid」ファイルを編集するか、ページエディタにコードスニペットを追加する方法です。両方の方法を示します。 theme.liquidファイルを使用する Shopifyオンラインストアに移動します。 「テーマ」セクションをクリックします。 「アクション」タブをクリックし、「コードを編集」を選択します。 検索バーを使用して「theme.liquid」ファイルを検索します。  このコードをコピーし、「theme.liquid」ファイルに貼り付けます。 保存して終了します。検索バーはブログ検索結果のみを表示します。 ページコードエディタの使用方法 ページエディタを使用すると、ページのコンテンツやコードのスニペットを便利に挿入できます。進める前にある程度のコーディング知識があると望ましいですが、この説明ガイドを利用すれば、知識が全くなくても問題ありません。 Shopifyのオンラインストアを開き、「ページ」セクションに移動します。 公開されているページが表示されます。記事ページを開くか、新しいページを追加します。ページを開くと、タイトルとコンテンツボックスが表示されます。 コンテンツに以下のコードをコピー＆ペーストします。 変更を保存すると、以下の検索バーと似たものが表示されます。 これがあなたのShopify記事ページ用のカスタム検索バーです。コードでは、「article」という値を渡すために隠し入力ボックスを追加しました。この構造を基にして、自分なりにカスタマイズできます。 Shopifyテーマの検索バーの重要ポイント 検索はどのShopifyストアにおいても最も重要な要素の一つであり、顧客が必要な商品を見つけるのに役立ちます。ShopifyテーマTurboを使用することで、ホームページに検索ブロックを追加し、この重要な機能にさらに注目を集めることができます。 戦略 I 新しいセクションでは、ホームページの任意の場所に検索ボックスセクションを追加できます。以下のオプションがあります： 見出しセクションでは、ウェブサイト訪問者がそのセクションが何に関するものか、または何に専念しているかを理解できるように、オプションで大きな見出しテキストを推奨します。 サブ見出しには、小さいタイプのテキストを推奨します。これは、ウェブサイト訪問者が検索を始めるのを助け、促進する良い戦略です。 最も重要な要素の一つはテキストの配置です。通常、左側、正確な中央、またはセクションの右側に配置することが推奨されます。 検索ボックスに検索を入力する前に表示されるライトテキストを見たことがありますか？これはプレースホルダーテキストと呼ばれます。このテキストはウェブサイト訪問者のために、検索ボックスがどのようなもので、何を検索できるか、検索ボックスがどのような値を受け入れるかを理解できるようにするためのものです。この機能はユーザーを促し、検索ボックスの使い方を簡単に理解させます。 背景画像は必須ではありませんが、目立たせたい場合はオプションで背景画像を挿入することができます。検索結果ページの背景にオーバーレイを追加して目立たせることもできます。ただし、これらの画像の最適化に注意する必要があります。モバイルやタブレットでは、アスペクト比の関係で表示されない場合があります。画像を選択する前にすべてのポイントを考慮する必要があります。 検索結果の一般設定はオンラインストア全体に影響を与えます。したがって、すべての検索バーがすべてのページで適切に動作していることを確認する必要があります。検索バーを公開する前に、検索ツールが意図した検索結果のみを表示するかどうかをテストしてください。 Expertrec Shopify検索バー 検索バーが気になる場合や、最も柔軟で音声最適化機能が付いた最速の検索バーをお求めの場合は、Expertrecをご覧ください。 Expertrec Shopify検索バー 戦略 II 検索セクションは特定の目的を持っていますが、Shopifyオンラインストアのホームページで使用する際の優れた戦術もいくつかあります： ホームページの中央に検索セクションを追加して、ウェブサイト訪問者がオンラインストアにさらに関与するようにします。 上記と同様に、検索バーをサイトの右下に表示するのも良い場所です。もしウェブサイト訪問者が中央で興味を持つものを見つけられなかった場合、この検索バーに戻ることができます。 検索バーセクションを配置する際は、常にハイライトされたセクション（特集リストやトレンドなど）の近くに配置することが重要です。これにより、ユーザーがこれらのコレクションを閲覧しても希望のものが見つからなかった場合、次に検索を行うのが容易になります。 フォーカスキーワードや注意を引く見出し、サブ見出し、プレースホルダーテキストを使用して、セクションの内容を説明し、ユーザーが製品を検索するように促します。創造的で面白いタグラインは、オンラインストアの存在感と見た目を強化します。例えば、コンピュータ周辺機器のストアが「私たちはメモリがあります。あなたは想像力を持参してください」というタグラインを提示すると、ウェブサイト訪問者を引き付け、コンバージョン率が向上し、口伝えの広告にもつながるかもしれません。 ユーザーを始めさせるために、例となるクエリを使用することも考慮した方が良いでしょう。 創造的になれると思うなら、セクションの目的を伝えるために背景オーバーレイに使える製品を考えてみてください。例えば、オンライン食料品ストアが検索バーと一緒にバスケットのアイコンを使用するような例です。 注意点 Shopifyオンラインストアで似たようなことを試している場合、表示できる「タイプ」は何かを気にするかもしれません。例えば、コンピュータハードウェアストアで特定の会社からのトップ10のグラフィックカードを表示したい場合、JavaScriptを使用して実現できます。便利なように、以下に提供していますので、コードを使用してテンプレートでのロジック文の使用を避けることができます。テンプレートファイルが破損する可能性があるためです。 このコードをバリアントと共に使用する必要があります。 これで、Shopify記事用検索バーについてのすべてをカバーしました。