# 商品名 ### Shopify商品タイトル要素について **概要**: [Shopify Product Title](https://help.pagefly.io/manual/shopify-elements-product-title/) 要素は、Shopifyの商品ページにあなたの商品のタイトルを表示するように設計されています。 ### Shopify商品タイトル要素へのアクセス方法 * **ステップ 1**: エディターの左側のサイドバーで、**要素カタログ**をクリックし、**Shopifyタブ**に切り替えます。 * **ステップ 2**: 商品のドロップダウンメニューの下で**商品タイトル**要素をすぐに見つけることができます。また、**検索ボックス**で検索することでも**商品タイトル**要素にアクセスできます。 * **ステップ 3**: 要素をページにドラッグ＆ドロップして編集を開始します。**商品タイトル**要素には、2つの一般的なバリアントがあります。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-1a6a08334c7ba61154a04b3815165540832f6d72%2FAD_4nXcOJLek9iP2-535ztRIoP7deCzU24foU6sNOMoQ3hN4y513V7d3bahy8IKfDJUAi5PZ5SO4p9IfmDfTDVstnzwDlL49EKeN7-842o8k2X6StOb3LISg-SbAfYCC08tKVDlbyFua4pRRcSi6M0dciw?alt=media) * 商品タイトル: ホバー時に下線アニメーションがない商品タイトルを表示します。 * 商品タイトル: タイトルにホバー時の下線アニメーションを追加します。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXfU2rnYure2w15OSCq27Qf-Ygrg9y9p1qPbCC3cAaqXfF3Jso3pD3JOv-xq5YBDpKPrh9txxexO0nSrODB4F11JAp4IeTKQhptiJDE6WHTWMJL0OrmZFo7OEusrIGJJU0Ygsk6UIVjcbutxNNzG2gKaCj2j) ### 商品タイトル要素の設定方法 商品タイトル要素をクリックすると、見た目を思い通りに細かく調整するためのさまざまな種類のパラメーターが表示されます。 #### 一般設定 「一般」タブでは、商品タイトルを設定するためのすべてのカスタマイズを見つけることができます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-3adc1420d720c65bbf4706eb65aabb0d6e3840df%2FAD_4nXeNpgg3PnijSFAwpBVh8Qx8P0gR4iw7-SXbafRkBKe_8gEM8TgtZuBgehh4hrhk0-g9lG2kAIJyKCkcVhh1rlUmVw4hTcqq2FFvGATb1nOiOmBOdCPaajbzy8VxfdeWcSVxyNAXClCCrLlWjbOMNQkeykd3yWTudJK4PySk6sJwg6A.png?alt=media) **1. 商品ソース** 「自動」オプションは、商品タイトル要素を使用する際のデフォルトです。割り当てられた商品に応じて、商品タイトルは動的に更新されます。 商品ソースには2つのバリアントがあります。 \| **自動** | Page Assignmentを通じて商品ページに商品が割り当てられ、エディターに表示されます。 |\ \| ------------------ | 任意の商品をあなたの商品ページに割り当てることができます。 |\ \| **カスタム商品** | | {% hint style="info" %} **注意**: 商品ページにいて商品タイトル要素を使用している場合、「商品ソース」オプションを選択できます。しかし、通常ページにいてこの要素を使用している場合、「商品ソース」オプションは無効になり、デフォルトで「カスタム商品」が選択されます。 {% endhint %} 商品タイトル要素をドラッグ＆ドロップする際、商品のタイトルを商品詳細要素の外側または内側に配置できます。 * **商品詳細要素の外側**: **自動**と**カスタム**商品の2つのオプションから選択できます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-845e2b689b1d845f9c6d8694dc63a5323500cd53%2FAD_4nXcciO_LowomlOpABOcniiTqzZTnipvg2L-f5Mxziunxur5niO1MDFZjNH9bOyPRPceJ2rINjNAQEyzh8lYmroyp9gJ2vWQXfK8J31u3lYSyu4Agr_ejDqoUKeRM2nfonxhQ0_bGUL47bSjZ1NDdkwkeykd3yWTudJK4PySk6sJwg6A.png?alt=media) * **商品詳細要素の内側**: 商品ソースオプションは無効になり、商品タイトル要素で割り当てられた商品を変更することはできません。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-83562fb3525fd542836b26ec52ea4ca04c02b571%2FAD_4nXcYR7buUvVA90IZl_gwHhj-6PPxGDOsPDXAvt4oHUnwifeyBXopb4Uo5iIxJr9AFjuXTObf6If-XvU2ltRJPHGdSJ8QPfKpNCT2LMaF0NDHUhz_MahyTzQl4KZyvV9PiwcUK93OfvN16UK-ek-SuQkeykd3yWTudJK4PySk6sJwg6A.png?alt=media) {% hint style="info" %} **注意**: 割り当てられた商品を編集するには、エディターの上部にある「商品詳細」セクションを選択してください。 {% endhint %} ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-48f63b1f9bdc58b073e18ad7e9a30ea5c3263215%2FAD_4nXcWE7Xb5VWQaTkvAryCYw6Hdi_wuSUalCkerz9LwznfGq3bwLDuZIXxa2Ac7gKNqbV72diIXbpN4OZGpu5MIwuAYhzuqUSNwiAWcPxIW1VdrYGs9hM-wJb4PzIDQ992narrkrNMsgGCQWlg91qakeykd3yWTudJK4PySk6sJwg6A.gif?alt=media) **2. HTMLタグ** H1からH6までの任意のヘッダータグを設定できます。これらのタグはHTML見出しを定義するために使用されます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-b5399d09c5166cef9fd0df0f8009aaeef9cdbe3d%2FAD_4nXcmh5froJM_qCsnxiijSd5b1FH3vdXBs28jMXNOt7FZP3bRf30J7LNQCHd7JcjVRbSWiUbWWW9gc4bZV0782fZqZcKTw1ygw-0IXBl9VLXY4HrJgPkTrG7Z7WwFmgD1l1SFCKDcJwzS-SpsuawLkeykd3yWTudJK4PySk6sJwg6A.png?alt=media) **3. 商品へのリンク** タイトルを対応する商品ページにリンクしたい場合は、このオプションを有効にします。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-7d494ec7c78c03f15f9d969ad1d81bb6f522d95a%2FAD_4nXe63vN8LVo-qLSQ4uS7P-pbLRHywA5tNnwjCLQBUj1ly7cvSrI034Yg3SpTygmfy-qR7oqvK6gA1hSTvL_77qC9YeiP-9DE8aNHMiLUQ11wFLcWQh81Ks3In22Gl9-0tg0TQSbDxFsYKypnbFckkeykd3yWTudJK4PySk6sJwg6A.png?alt=media) その他の「**一般**」タブのパラメーターに関する詳細情報は、[ページエディター – 一般タブ](https://help.pagefly.io/manual/elements-general-settings/)の記事をご覧ください。 #### スタイル設定 「**スタイル**」タブの詳細な設定ガイドについては、[ページエディター – スタイルタブ](https://help.pagefly.io/manual/elements-style-settings/)の記事をご覧ください。 ### 商品タイトル要素を使用するためのベストプラクティス * 商品タイトルが商品の名前と主要な機能を正確に反映していることを確認します。 * 商品タイトルは簡潔かつ情報 rich にし、長すぎる説明は避けます。 * 商品タイトル要素は商品ページとカテゴリリストの目立つ場所に配置し、ユーザーが容易に見つけられるようにします。 ### よくある質問 **1. 商品タイトルとは何を意味しますか？** 商品タイトルは、あなたのeコマースストアに表示される商品の名前です。商品タイトルは機能的で分かりやすいものであるべきです。 **2. Shopifyの商品タイトルはどのくらいの長さが良いですか？** 70文字から90文字 **3. 商品タイトルとSEOページタイトルの違いは何ですか？** 商品タイトルは商品の名前であり、SEOページタイトルはウェブページの説明とSEO最適化のためのものです。SEOページタイトルには、商品名、主要なキーワード、および必要な数字を含めるべきです。 ### 追加リソース * [Shopifyの商品詳細 | PageFlyで作成する方法](https://help.pagefly.io/manual/shopify-elements-product-details/) * [Shopifyコレクションタイトルの使い方](https://help.pagefly.io/manual/shopify-elements-collection-title/) * [Shopifyブログ投稿タイトル要素の使い方](https://help.pagefly.io/manual/shopify-element-blog-post-title/) --- # 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/product/shopify-elements-product-title.md?ask= ``` 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.