みなさんは、Shopifyのタグ機能を利用していますか。タグを使いこなせるとやれることの幅が広がります。
この記事では、Shopifyのタグを活用するメリットやデメリットを解説します。また商品ページやコレクション、ブログ、ブログ記事にタグ一覧を出す方法もご紹介します。
Shopifyサイトを運用していると様々な場面で「タグ」という単語を耳にすると思います。
Shopify管理画面のタグ機能
本記事での「タグ」は、Shopifyの管理画面にて商品やブログ記事に付けられる「タグ」のことを指します。「タグ一覧」はそのタグをShopifyの商品ページやコレクション、ブログ記事上で一覧表示することを指します。
h1タグやaタグ、metaタグなどのHTML関連の「タグ」ではありませんし、顧客や注文に付与している「タグ」とも異なります。
Shopifyサイトに表示できるタグ一覧は、ページごとに表示されるタグの情報とタグを選択（クリック）した場合の挙動がそれぞれ異なります。
| ページ | 表示されるタグ | タグを選択した場合 |
|---|---|---|
| 商品 | 商品に付与されているタグ | コレクション（商品一覧）へ遷移 |
| コレクション | コレクション内の商品に付与されているタグ | 商品の絞り込み条件の設定または解除 |
| ブログ記事 | ブログ記事に付与されているタグ | ブログ（ブログ記事一覧）へ遷移 |
| ブログ | ブログ内の記事に付与されているタグ | ブログ記事の絞り込み条件の設定または解除 |
※ ただし、Shopifyがデフォルトで用意しているタグ表示のコードをそのまま利用する場合であり、ソースコードをカスタマイズすることで、商品ページからブログへ、ブログ記事からコレクションへ飛ばすことも可能です。
Shopifyのタグを活用するメリットは下記になります。
それぞれ詳しく解説していきます。
Shopifyストア上にタグ一覧を表示することで、訪問者はそのタグが付与されている情報（商品やブログ記事）へアクセスしやすくなります。また、タグを利用して情報（商品やブログ記事）を絞り込むこともできます。
実際にタグ一覧に触れてみたい方は、Tsunのブログ記事一覧で触ることができます。
Shopifyストア上にタグ一覧を表示することで、訪問者がどのタグ（キーワード）に興味を持っているのかを把握することができます。訪問者の興味のあるタグをもっと深堀りしたコンテンツを作成するも良いでしょうし、商品開発に活かすも良いでしょう。
同じタグが付与された情報を表示する「タグページ（タグでの絞り込みページ）」が新規で生成されたり、上記のように他の情報へアクセスしやすくなることで回遊率やPVが伸びるため、SEOへ良い効果を期待できます。
下記の記事では、SEOのメリットやShopifyで出来るSEO対策について解説しています。参考にしてください。
SEOのメリット・デメリット｜Shopifyで出来るSEO対策
Shopifyストア上にタグ一覧を表示することで、ユーザーに気づきを与えることができます。
例えば、あるアパレル商品に「お正月セール」や「男女兼用」などのタグがついており、商品ページ上に表示した場合、お客様は「今、お正月セールをしているのか」「この商品は、男女兼用なのか」と気づく事ができます。また、お正月セールの対象商品を探すかもしれません。
タグ一覧を表示することは、ユーザーに気づきを与えるだけでなく、サイト内の回遊を促すきっかけにもなります。
訪問者の利便性向上やSEOだけでなく、情報整理にもメリットがあります。
Shopifyのブログ記事は１つのブログにしか紐付けることができません。そのため、ブログでブログ記事を整理しようとすると1つの切り口でしか整理できません。
タグを利用することで、複数の切り口でブログ記事を整理することが可能になります。
Shopifyのタグを活用するデメリットは下記になります。
それぞれ詳しく解説していきます。
タグのメリットとしてSEOへ良い効果を期待できると説明しましたが、過剰にタグをつけるとSEOに逆効果を与える可能性もあります。
タグをつけすぎると検索エンジンにスパムページとして評価されてしまいます。また、「情報の少ないタグページ」や「内容が重複しているタグページ」など低品質なページが量産されてしまい、検索エンジンに低評価と認識されてしまう可能性もあります。
タグページに表示される情報（商品やブログ記事）の件数が少ない場合は、件数が増えるまでタグページがGoogleにインデックスされないように「noindex」で対応することも１つの手段です。
また、タグを付けすぎることは利便性に関しても逆効果になります。訪問者はタグが多すぎる場合に、どのタグを選べばいいのかわからなくなってしまいます。
タグを設定しても、すぐにSEOで大きな効果を得るのは難しいです。
タグはあくまで利便性向上が主目的とし、SEOへ過度な期待をしないようにしましょう。
また、特に記事数が少ないうちは、タグ整理（タグ付け）に時間を割くよりもユーザーが求める記事を執筆することに注力しましょう。
Shopifyで利用できるタグはブログに比べ、自由度高く複数設定できる特徴があるため、タグを細分化しすぎると似たようなタグが乱立したり、毎回どのタグを使用するか悩んだりと管理が複雑になります。
なるべく最初からシンプルに管理できるようにある程度の分類項目やルールを決めておきましょう。
Shopifyのブログ記事に「内部管理のためのタグ」と「利便性向上のためのタグ」を混在して管理している場合、訪問者に見せたくない「内部管理のためのタグ」をブログ記事にタグ一覧として表示されてしまう問題が発生します。
上記の問題が起きないように「内部管理のためのタグ」を利用しない、もしくは特定のタグを非表示にできる機能を有したタグ一覧アプリの導入を検討しましょう。
タグ一覧を表示するShopifyアプリ「RuffRuff タグ一覧」にはユーザーに見せたくないタグを非表示にする機能もあります。
効果的なタグの付け方は下記になります
それぞれ詳しく解説していきます。
タグは商品（またはブログ記事）の内容で重要なキーワードを設定しましょう。
関連性の低いキーワードを設定すると、訪問者の利便性向上にはつながらずタグの役割を果たせません。
タグのデメリットとして、タグでの絞り込みページに表示される商品数（ブログ記事数）が少ないことなどによるSEOへの悪影響を説明しました。
ある程度、絞り込みページに商品数（ブログ記事数）が表示される状態を作るためにも、複数の商品（ブログ記事）につけられるタグを作ることを意識しましょう。
コレクション名（ブログ名）と同じ名称のタグを使うことは避けましょう。
たとえ重要なキーワードでも、コレクション名（ブログ名）で分類している商品（ブログ記事）に同じ名称のタグを付けても意味がありません。
タグはコレクション（ブログ）では整理しきれない細かいキーワードを補足する役割で使用します。
重要なキーワードをそのままタグ付けしても、そのタグの名称が一般的でないものだと付けていないことと同じになります。
一般的に使われているかどうかを調査する方法として、Googleのキーワードプランナーなどのツールを利用して、実際にキーワードのボリュームも検索してみると良いでしょう。ボリュームが多いほどよく検索されているので、一般的に使われていると言えるでしょう。
また、既に多くのお客様がいる場合は、直接お客様にヒアリングしてみるのも良いですし、サイト内でよく検索されているワードを調べてみるのも良いでしょう。
タグのデメリットとして、タグを付けすぎることでユーザーの利便性の低下やGoogleからスパムとして認識される恐れがあると説明しました。
利便性の観点から人間が「一目で認識できる」範囲の3個〜5個が適切だと言えるでしょう。
また、1つの商品（ブログ記事）に3個〜5個と制限することで、不必要なタグが量産されることを抑止する効果もあります。
Shopifyにタグ一覧を出す方法は下記になります。
それぞれ詳しく解説していきます。
まずはじめに、Shopifyのソースコードをカスタマイズして導入する方法です。
メリットとしては、無料で作ることができることと自由にデザインをカスタマイズ出来ることです。
デメリットとしては、HTMLやCSS、JavaScriptなどのプログラミング知識が必要になることです。また、開発だけでなく、意図したとおりに動くかテストする時間も発生するのがデメリットです。
ソースコードをカスタマイズして対応したい場合は、下記の記事でブログ記事にタグ一覧を出す方法を紹介しています。ご参考にしてください。
次に、Shopifyアプリを利用する方法です。
メリットとしては、簡単に導入ができ、好みのデザイン（色味）にカスタマイズができることです。また、細かな調整や動作テスト等に貴重なエンジニアのリソースを割かなくて済むのも大きなメリットと言えます。
デメリットとしては、数ドルからではありますが月額費用が発生することです。ただし、下記の「RuffRuff タグ一覧」は無料プランでも十分に利用できます。
最後に、タグ一覧を出せるテーマを利用する方法もあります。一例として、EmpireやExpanseなどはブログ記事にタグ一覧を出すことが出来ます。
メリットとしては、簡単にタグ一覧を出すことができることです。
デメリットとしては、デザインやタグの制御（表示するタグ数や除外タグの設定など）の自由度があまりないことです。また、対応しているテーマを探すのにも時間がかかります。
- タグ一覧の自動表示
- タグを利用して情報（商品やブログ記事）を絞り込み
- 1クリックで表示・非表示の切替
- 選べるデザインパターン
- カラーを自由に調整
- 接頭辞（プレフィックス）の設定
- 除外タグの設定
- ライブプレビュー
引用元：RuffRuff タグ一覧
| プラン | Free Plan | Light Plan | Regular Plan |
|---|---|---|---|
| 金額 | 無料 | $2.99 / 月 | $8.99 / 月 |
| デザイン変更 | ◯ | ◯ | ◯ |
| タグ一覧の表示 | ◯ | ◯ | ◯ |
|
タグ絞り込み （タグフィルタ） |
◯ | ◯ | ◯ |
| 除外タグ | ◯ | ◯ | ◯ |
| ライブプレビュー | ◯ | ◯ | ◯ |
|
ブランドの非表示 (RuffRuff App by Tsun) |
✕ | ◯ | ◯ |
|
テンプレートごとに デザイン変更 |
✕ | ✕ | ◯ |
| 横幅の最大値 | ✕ | ✕ | ◯ |
|
表示位置の調整 （左寄せ、中央寄せ、右寄せ） |
✕ | ✕ | ◯ |
| タグの表示上限数 | ✕ | ✕ | ◯ |
ユーザーニーズを把握する方法はいくつかあります。
まずは、Googleアナリティクス4を利用し、アクセス数の多いタグでの絞り込みページを特定する方法です。そのタグを利用した絞り込みが多いということは、ユーザーニーズがあるという前提での方法になります。
Shopifyでのタグの絞り込みページは下記のURLになります。
（コレクションページの場合）
/collections/コレクションハンドル/タグ名
（ブログの場合）
/blogs/ブログハンドル/tagged/タグ名
例えば、下記のデータの場合「タグA」にユーザーニーズがあると考えることができます
/blogs/ブログハンドル/tagged/タグA → アクセス数 1000
/blogs/ブログハンドル/tagged/タグB → アクセス数 50
/blogs/ブログハンドル/tagged/タグC → アクセス数 5
まだ、Googleアナリティクス 4を導入していない方は下記の記事をご参考にしてください。
ShopifyにGoogle Analytics 4(GA4)を設定する方法
次に、ヒートマップツールを利用し、タグ一覧の中で一番クリックされているタグ（キーワード）を特定する方法です。一番クリックされるタグは、ユーザーニーズがあるという前提での方法になります。
ヒートマップツールのクリック（タップ）が多い箇所を赤く染めてくれる機能を利用し、タグ一覧内のどのタグが多くクリックされているのかを確認することで特定ができます。
下記の記事では、Shopifyストアにおすすめのヒートマップツール（Crarity）の導入方法を説明しています。ご参考にしてください。
RuffRuff 目次作成の機能や料金プランを知りたい方は下記のページをご参考にしてください。 Shopifyに目次を自動生成するアプリ「RuffRuff...
Tsun Inc. CTOの小笠原です！今回はShopify APIをPostmanで簡単に実行するノウハウをまとめました。 Shopify APIに限...
EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。
掲載している各種情報は、株式会社Tsunが調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。
{"one"=>"比較する2つまたは3つのアイテムを選択します", "other"=>"選択された3つのアイテムの{{ count }}"}
