# コレクション説明

### コレクション説明要素について

[Shopifyコレクション説明](https://help.pagefly.io/manual/shopify-elements-collection-description/)要素は、ページ上でShopifyコレクションの説明を表示し、コンバージョン率を高めるように設計されています。

**コレクション説明**要素を使用して、コレクション以外のページでコレクションを宣伝したり、コレクションページで使用したりできます。

### コレクション説明要素にアクセスする方法

コレクション説明要素にアクセスするには、以下の3つのステップに従う必要があります。

* **ステップ1**: **要素カタログ**の2番目のアイコン（要素を追加する機能）をクリックします。
* **ステップ2**: **Shopifyタブ**（Shopify要素を追加する機能）をクリックします。
* **ステップ3**: ドロップダウンメニューで**コレクション説明**要素をクリックします。
* **ステップ4**: 要素をページエディタにドラッグ＆ドロップし、使用を開始します。

コレクション説明要素には2つの一般的なバリエーションがありますが、時間の節約に役立つよう、今後さらに多くのバリエーションを追加していく予定です。

{% hint style="info" %}
この要素は、サイドバーで探す代わりに、検索機能を使用して検索できることに注意してください。
{% endhint %}

![](/files/XuSBsZWLuezb011KZFzZ)

### コレクション説明要素を設定する方法

**コレクション説明**要素には、可能な限り最高のコンバージョン率を得るためにコンテンツの外観を細かく調整できる豊富なパラメーターが用意されています。

レイアウトで要素を選択すると、そのパラメーターが表示されます。

**コレクション説明**要素をエディタページにドラッグ＆ドロップすると、**コレクションソース**の選択肢が2つあります。

* 自動 (Auto)
* カスタムコレクション (Custom Collection)

![](/files/OCwqSEiqQkOxwsV9NNkz)

{% hint style="info" %}
コレクションページでコレクション説明要素を使用する場合、コレクションソースオプションを選択できます。ただし、通常ページでこの要素を使用する場合、コレクションソースオプションは無効になり、カスタムコレクションがデフォルトで選択されることに注意してください。
{% endhint %}

![](/files/XsDbEc35cT18cA0n1m7L)

#### 一般設定

* **説明の表示 (Description Display)**: 説明を2つのモードで表示できます。

  * フル (Full): コレクションの完全な説明を表示
  * コンパクト (Compact): コレクションの説明を制限して表示（1〜100語）

  ![](/files/C18FL87UmVNd83wuFPzb)
* **「もっと見る」リンクを表示 (Show “More” Link)** (この機能は**説明の表示**がコンパクトモードの場合に利用可能です):

![](/files/PM1XYJ04kCxCDnDLQEBM)

*

```
*   はい (Yes): ライブページで説明の「もっと見る」と「閉じる」表示を有効にします。この機能のデフォルトのテキストは「**もっと見る**」と「**閉じる**」です。「**もっと見る**」テキストボックスと「**閉じる**」テキストボックスに希望するコンテンツを入力することで変更できます。
```

```
![](../../../images/Monosnap-screencast-2024-10-11-14-25-25.gif)
```

\*

```
*   いいえ (No): ライブページで説明の「もっと見る」と「閉じる」表示を無効にし、制限されたコレクションの説明のみを表示します。

![](../../../images/image3.png)
```

{% hint style="info" %}
**注意**: ライブページで説明の「もっと見る」と「閉じる」表示を無効にし、制限されたコレクションの説明のみを表示します。
{% endhint %}

ATTRIBUTES、VISIBILITY、ANIMATIONパラメーターに関するさらに詳しい情報は[こちら](https://help.pagefly.io/manual/elements-general-settings/)で確認できます。

#### スタイル設定

コレクション説明のスタイルを設定できます。

![](/files/RCJ3EsuSaGEQEOxU91Cc)

スタイルタブに関するさらに詳しい情報は[こちら](https://help.pagefly.io/manual/elements-style-settings/)で確認できます。

### 一般的なケース

オンラインでの閲覧と購入にモバイルデバイスを使用する買い物客が増加しているため、コレクション説明がモバイルレスポンシブであることを確認することが非常に重要です。ユーザーは、さまざまなモバイルデバイスで説明のレイアウトと書式をテストし、読みやすさと使いやすさを確認する必要があります。長い段落や密なテキストブロックは、小さな画面では読むのが難しい場合があります。

### よくある質問

**1. コレクション説明とは何ですか？**

コレクション説明は、買い物客に製品に関する包括的な洞察を提供し、理解を深めるための詳細情報を提供します。さらに、ライターが製品に関連する適切なキーワードを戦略的に組み込むことができるため、SEO対策としても有効です。これにより、SEOランキングの向上だけでなく、潜在顧客との視認性とエンゲージメントも向上します。

**2. Shopifyコレクション説明の書き方は？**

コレクション説明は、特定のコレクションと製品について、明確で分かりやすい概要を提供する必要があります。

**3. コレクション説明に含めるべき内容は？**

明確な製品説明、統計、成分、そして「**使い方**」ガイド。

### 追加リソース

* [PageFlyコレクションページを作成する](https://help.pagefly.io/manual/add-more-content-to-my-shopify-collection-page/)
* [Shopifyコレクション画像を追加する方法](https://help.pagefly.io/manual/shopify-elements-collection-image/)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/collection/shopify-elements-collection-description.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.