> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/collection/shopify-elements-collection-title.md).

# コレクション名

### コレクションタイトル要素について

コレクション[Title](https://help.pagefly.io/manual/shopify-elements-collection-title/)要素は、ページのShopifyコレクションのタイトルを表示してコンバージョン率を向上させるように設計されています。Collection Title要素を使用して、コレクションページ以外の任意のページでコレクションを宣伝したり、コレクションページで使用したりできます。

### コレクションタイトル要素にアクセスする方法

* ステップ1：**Element**カタログをクリックします。
* ステップ2：**Shopify**タブで、ドロップダウンメニューの**Collection Title**要素をクリックします。
* ステップ3：要素をページエディターにドラッグアンドドロップして使用を開始します。

![](/files/NqyR3OhRaFUnrQMiWcPD)

Collection Title要素には2つのバリエーションがありますが、時間を節約できるよう、今後もバリエーションを追加していく予定です。

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

### コレクションタイトル要素を設定する方法

Collection Title要素には、可能な限り最高のコンバージョン率を実現するためにコンテンツの外観を微調整できる多数のパラメーターが付属しています。レイアウトで要素を選択し、GeneralタブとStylingタブに移動してパラメーターを確認します。

#### 一般設定

GeneralタブにあるCollection Titleの主な一般設定を確認します。

**Collection Source**

Collection Title要素をエディターページにドラッグアンドドロップすると、コレクションソースとして以下の2つの選択肢があります。

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

{% hint style="warning" %}
**注**:

* 通常、Collection TitleはCollection Details要素の内部にネストされており、Collection SourceにはAutoとCustom collectionの2つのオプションがあります。コンテナーにコレクションを割り当て、ソースを自動のままにしておけばよいでしょう。
* [コレクションページ](https://help.pagefly.io/manual/add-more-content-to-my-shopify-collection-page/)でCollection Title要素を使用する場合、AutoとCustom collectionのソースオプションを選択できます。Autoを選択した場合、Collection Title要素にはコレクションページに割り当てられているコレクションのタイトルが表示されます。
* この要素を他のページタイプで使用する場合、Autoソースオプションは無効になり、Custom Collectionを選択する必要があります。
  {% endhint %}

![](/files/BSXiiAlURgCpUCmAzO68)

Custom collectionを選択して、目的のコレクションを選択できます。

**HTML tag**

H1からH6までの6つのタグを選択できます。これらはHTMLの見出しを定義するために使用されます。H1は最も重要な見出しを定義し、H6は最も重要でない見出しを定義します。

![](/files/i5511RkgEjlev68pnpfK)

**Link To Collection**

タイトルを対応するコレクションページにリンクしたい場合は、このオプションを有効にします。

![](/files/xcVJrjug1cziggBJPItd)

VISIBILITY、TRACKING、ATTRIBUTES、ANIMATIONパラメーターの詳細については、[こちら](https://help.pagefly.io/manual/elements-general-settings/)をご確認ください。

#### スタイリング設定

Stylingタブでは、スペーシング、ボーダー、タイポグラフィ、カラーなど、さまざまなパラメーターを変更して、Collection Titleがページの全体的なレイアウトと一致するように調整できます。

Stylingタブの詳細については、[こちら](https://help.pagefly.io/manual/elements-style-settings/)をご確認ください。

### 一般的なケース

* 商品ページでのクロスセリング：Collection Title要素を商品ページに追加して、商品が属するコレクションを紹介できます。これにより、顧客はコレクション全体を探索し、追加の購入を促すことができます。
* 注目のコレクションのハイライト：ホームページにCollection Title要素を追加して、注目のコレクションやプロモーション中のコレクションをハイライトできます。これにより、注目したい重要なコレクションに注意を向けさせることができます。
* ブログ/記事でのコレクションプロモーション：Collection Title要素は、ブログ投稿やその他のコンテンツで使用して、関連する製品コレクションへのリンクを張ることができます。これにより、コンテンツマーケティングと製品カタログを連携させることができます。

### バージョンアップデート

PageFlyバージョン4.23.0のリリースにより、Gen 2エディターのCollection TitleのStylingタブにSizeパラメーターが追加されました。この機能強化により、ユーザーはCollection Title要素の幅と高さをより効果的に制御できるようになり、レイアウト設計の柔軟性が向上しました。

### よくある質問

**1. コレクションタイトルはどれくらいの長さにすべきですか？**

70〜90文字

**2. Shopifyコレクションタイトルとは何ですか？**

Shopifyコレクションタイトルとは、Shopifyコレクションのタイトルを表示してページの表示回数とコンバージョン率を向上させる方法です。

**3. コレクションページとは何ですか？**

コレクションページは、キャンペーンやシーズンに基づいて商品をさまざまなコレクションに整理・グループ化する方法です。1つの商品は、互いに並んでいる場合に適切であれば、複数のコレクションに表示できます。


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.