Table of Contents

Shopify スキーマ マークアップ: オンライン ストアに構造化データを実装する

当社の事業は、アフィリエイトから得られる手数料によって支えられています。 詳細

検索エンジンの結果で目立つことは、顧客を引き付け、オンライン ストアの売上を伸ばすために不可欠です。多くのブランドの選択肢の中で目立つための強力な戦略の 1 つは、オンライン ストアに Shopify スキーマ マークアップを実装することです。

スキーマは、Shopify オンライン ストアに自動的には適用されません。代わりに、望ましい結果を得るには手動で実装する必要があります。ただし、アプリを使用して Shopify ストアにスキーマを自動的に実装する方法もあります。

この記事では、オンライン ストアに役立つスキーマ マークアップの種類について説明します。Shopify ストアに基本的なマークアップを実装するためのステップ バイ ステップ ガイドを示し、使用を検討する必要があるスキーマ アプリのリストを共有します。

それがよろしければ、始めましょう。

Shopifyのスキーマとは

Shopifyのスキーマとは

一般的に、スキーマとは、Google などの検索エンジンがページの構造をよりよく理解できるようにするために、Web サイトの HTML に追加されるコードの一種です。これにより、ページのタイトルとメタ説明を表示するだけでなく、関連する検索クエリに対してより詳細な結果を提供できます。

電子商取引において、スキーマは、価格、配送の詳細、レビューなど、製品に関するより多くのコンテキストを検索エンジンに提供する優れた方法です。製品ページに加えて、スキーマ マークアップは、About ページ、連絡先ページ、特定のセクションなど、Shopify ストアのさまざまな部分でも使用できます。

このブログの後半では、Shopify ストアでよく使用されるさまざまなスキーマの図をいくつか紹介します。

オンラインストアでShopifyスキーマが重要な理由

実のところ、オンライン ストアにスキーマ マークアップや構造化データを追加することは必須ではありません。追加しなくても大丈夫です。

しかし、たとえオプションだとしても、ストアのクリックスルー率 (CTR) の向上や収益の潜在的な増加に役立つ多くのメリットを逃すことになります。

Shopify スキーマの利点は次のとおりです。

検索エンジンの理解度の向上:

スキーマ マークアップは、検索エンジンに商品に関する構造化データを提供するため、検索エンジンはページのコンテンツとコンテキストをより深く理解し、潜在的な購入者の検索意図に一致させることができます。これにより、検索結果のインデックス作成と関連性がより正確になります。

強化された検索外観:

スキーマ マークアップを実装すると、リッチ スニペットが生成され、価格、在庫状況、レビューなどの追加情報が検索結果に直接表示されます。

これらの強化されたリストはユーザーにとってより魅力的であり、検索エンジンの可視性を向上させ、クリックスルー率を向上させる可能性があります。

ローカルSEO:

実店舗を持つ Shopify ストアの場合、ローカル ビジネス スキーマを実装すると、潜在的な購入者が近隣で商品を検索したときに、ローカル検索結果や Google マップに表示される可能性が高まります。これにより、地元の顧客を引き付け、来店者数を増やすことができます。

クリック率の向上:

スキーマ マークアップから生成されたリッチ スニペットは、情報量が多く視覚的に魅力的であるため、クリックスルー率 (CTR) が高くなります。視覚的に魅力的なスニペットは、すでに提示されている包括的な情報により、潜在的な顧客からのクリック数が増える可能性が高くなります。

売上の潜在的増加:

可視性の向上とクリック率の上昇は、ストアへのトラフィックの増加につながります。製品情報やレビューがよりわかりやすく表示されることで、潜在的な顧客が購入する可能性が高まり、売上の増加につながります。さらに、ブログを運営している場合は、記事のスキーマ マークアップによってより多くの読者を引き付けることができ、より多くのセールス リードにつながる可能性があります。

クイックリード: Shopify の商品ページの SEO を改善する 7 つの方法

オンラインストアに適用できるスキーママークアップとは

一般的に、Google によって定義されているスキーマ マークアップには 35 種類あります。これらは次のとおりです。

  • 記事
  • ブックアクション
  • パンくず
  • カルーセル
  • コース情報
  • コース一覧
  • データセット
  • ディスカッションフォーラム
  • 教育に関するQ&A
  • 雇用主の総合評価
  • 推定給与
  • イベント
  • ファクトチェック
  • よくある質問
  • 画像のメタデータ
  • 求人情報
  • 学習ビデオ
  • 地元企業
  • 数学ソルバー
  • 映画カルーセル
  • 組織
  • 練習問題
  • 製品
  • プロフィールページ
  • 質疑応答
  • レシピ
  • レビュー抜粋
  • サイトリンク検索ボックス
  • ソフトウェアアプリ
  • 話すことができる
  • 特別発表
  • サブスクリプションと有料コンテンツ
  • バケーションレンタル
  • 車両リスト
  • ビデオ

ただし、これらすべてをオンライン ストアに追加する必要はありません。代わりに、最もメリットのあるものだけに焦点を当ててください。

以下は、Shopify ストアに実装することを検討する必要があるスキーマ マークアップです。各スキーマ マークアップの下には、検索エンジンにコンテンツをさらに説明するために使用できるすべてのスキーマ プロパティのリストも含まれています。

ページにスキーマ マークアップを追加する場合、すべてのスキーマ プロパティを含める必要はありません。コンテンツ内にあるものだけを含めるようにしてください。

記事(ブログを公開している場合)

記事スキーマ

記事スキーマ マークアップは、検索エンジンに記事の内容に関する詳細なコンテキストを提供します。そのため、ターゲット ユーザーが検索すると、Google はタイトルとメタ タグだけを表示するのではなく、ブログの詳細なコンテンツを表示します。

検索エンジンの結果ページ (SERP) のこの大きなスペースにより、より多くの読者がリンクをクリックして Web サイトを訪問するようになる可能性があります。

スキーマのプロパティ:

  • 著者
  • 著者名
  • 著者.url
  • 日付変更
  • 公開日
  • 見出し
  • 画像

パンくず

パンくずスキーマ

パンくずリストは、ウェブサイト名の下に表示されるテキスト行です。これにより、SERP に表示される特定のページがウェブサイト内のどこに位置しているかが示され、ウェブサイト訪問者がウェブサイト内を移動しやすくなります。

Shopify テーマの良い点は、パンくずスキーマが自動的に適用されるため、心配する必要がないことです。

スキーマのプロパティ:

  • 項目リスト要素
  • アイテム
  • 名前
  • 位置

地元企業

ローカルビジネススキーマ

実店舗がある場合やオフィスがある場合は、地元の顧客が簡単に見つけられるように、ローカル ビジネス スキーマを使用する必要があります。

上記のように、ローカル ビジネス スキーマは、Google などの検索エンジンが実店舗を持つ Shopify ストアの詳細を表示するのに役立ちます。この情報には、追加したプロパティに応じて、住所、名前、場所、評価、メニューなどが含まれます。

スキーマのプロパティ:

  • 住所
  • 名前
  • 集計評価
  • 部門
  • 地理
  • 地理緯度
  • 地理経度
  • メニュー
  • 営業時間仕様
  • 営業時間の指定.closes
  • 営業時間の指定.曜日
  • 開店時間仕様.opens
  • 営業時間の指定.有効開始日
  • 営業時間の指定。有効期間
  • 価格帯
  • レビュー
  • 料理を提供する
  • 電話
  • URL

組織

組織スキーマ

組織スキーマを使用すると、検索エンジンは SERP にあなたのビジネスの詳細を表示できます。そのため、最初に Web サイトにアクセスしなくても簡単にアクセスできるため、視聴者はビジネスに関する詳細情報を簡単に収集できます。

スキーマのプロパティ:

  • 住所
  • address.address国
  • 住所.住所地域
  • アドレス.アドレス地域
  • 住所.郵便番号
  • address.street住所
  • 代替名
  • 連絡先
  • 連絡先メールアドレス
  • 連絡先電話番号
  • 説明
  • ダンズ
  • メール
  • 設立日
  • グローバルロケーション番号
  • マーチャント返品ポリシーあり
  • iso6523コード
  • 正式名称
  • leiコード
  • ロゴ
  • ナイクス
  • 名前
  • 従業員数
  • 同じ
  • 納税者番号
  • 電話
  • URL
  • 付加価値税ID

製品(製品スニペット)

製品スキーマ

製品スニペットは、おそらくオンライン ストアに追加する必要がある最も重要なタイプのスキーマ マークアップです。これらのスニペットは、ターゲット ユーザーが同様のソリューションを探しているときに、製品に関する詳細なコンテキストを提供するためです。上の画像では、製品スニペットに、製品評価 (店舗内)、価格、在庫状況などのさまざまなスキーマ プロパティが含まれています。

この小さな情報の断片は、重要なコンテキストを十分に提供するため、対象顧客の意思決定に影響を与えるのに十分です。

スキーマのプロパティ:

  • 名前
  • 集計評価
  • オファー
  • レビュー
  • 否定的なメモ
  • ポジティブノート
  • 項目リスト要素
  • 項目リスト要素名
  • 項目リスト要素の位置
  • 可用性
  • 価格有効期限
  • 価格
  • 価格通貨
  • 低価格
  • 価格通貨
  • 高価格
  • オファー数

サイトリンク検索ボックス

サイトリンク検索ボックスのスキーマ

簡単にナビゲートできる大規模なオンライン ストアをお持ちの場合、サイトリンク検索ボックスはもう 1 つの重要なスキーマ マークアップです。通常、ターゲット ユーザーは、オンライン ストア内にいる場合にのみストア内の何かを検索できます。ただし、サイトリンク検索ボックス スキーマを使用すると、SERP に検索ボックスを追加することでプロセスが短縮され、サイト内のナビゲーションの煩わしさが軽減されます。

スキーマのプロパティ:

  • 潜在的なアクション
  • 潜在的なアクション.クエリ入力
  • 潜在的なアクションターゲット
  • URL

Shopify スキーマタイプ

Shopify ストアでは 3 種類のスキーマ コードを使用できます。

01. JSON-LD

JSON-LD (JavaScript Object Notation for Linked Data) は、シンプルな JSON スクリプトを使用して Web ページ内に構造化データを埋め込む軽量の Linked Data 形式です。既存の HTML を変更することなく簡単に実装および保守できます。

製品スキーマのサンプル JSON-LD コード:

<スクリプトタイプ="application/ld+json">

{

"@context": "http://schema.org",

"@type": "製品",

"name": "製品例",

"画像": "https://example.com/product.jpg",

"description": "これはサンプル製品です。",

"SKU": "12345",

"製品番号": "12345",

「ブランド」: {

"@type": "ブランド",

"name": "ブランドの例"

},

「オファー」: {

"@type": "オファー",

"URL": "https://example.com/product",

"価格通貨": "USD",

"価格": "19.99",

"価格有効期限": "2024-12-31",

"itemCondition": "http://schema.org/NewCondition",

「在庫状況」: 「http://schema.org/InStock」、

「販売者」: {

"@type": "組織",

"name": "サンプルストア"

}

}

}

</スクリプト>

02. マイクロデータ

マイクロデータは、特定のタグと属性を使用して HTML コンテンツ内に構造化データをネストするために使用される HTML 仕様です。HTML に直接統合されるため、コードが複雑になり、管理が困難になる可能性があります。

製品スキーマのサンプル マイクロデータ コード:

<div 項目スコープ項目タイプ="http://schema.org/Product">

<span itemprop="name">製品例</span>

<img itemprop="画像" src="https://example.com/product.jpg" alt="製品例"/>

<span itemprop="description">これはサンプル製品です。</span>

<span itemprop="sku">12345</span>

<span itemprop="mpn">12345</span>

<div itemprop="ブランド" itemscope itemtype="http://schema.org/Brand">

<span itemprop="name">ブランドの例</span>

</div>

<div itemprop="オファー" itemscope itemtype="http://schema.org/Offer">

<a itemprop="url" href="https://example.com/product">今すぐ購入</a>

<meta itemprop="価格通貨" content="USD"/>

<span itemprop="価格">19.99</span>

<meta itemprop="価格有効期限" content="2024-12-31"/>

<link itemprop="itemCondition" href="http://schema.org/NewCondition"/>

<link itemprop="在庫状況" href="http://schema.org/InStock"/>

<div itemprop="販売者" itemscope itemtype="http://schema.org/Organization">

<span itemprop="name">サンプルストア</span>

</div>

</div>

</div>

03. RDFa

RDFa (Resource Description Framework in Attributes) は、HTML ドキュメントに RDF データを埋め込む HTML5 の拡張機能です。HTML タグの属性を使用して構造化データを表すため、Web ドキュメントに注釈を付けるのに適しています。

製品スキーマのサンプル RDFa コード:

<div vocab="http://schema.org/" typeof="製品">

<span property="name">製品例</span>

<img property="image" src="https://example.com/product.jpg" alt="製品例"/>

<span property="description">これはサンプル製品です。</span>

<span property="sku">12345</span>

<span property="mpn">12345</span>

<div プロパティ="ブランド" タイプオブ="ブランド">

<span property="name">ブランドの例</span>

</div>

<div プロパティ="オファー" タイプオブ="オファー">

<link プロパティ="url" href="https://example.com/product"/>

<span property="priceCurrency" content="USD">米ドル</span>

<span property="price" content="19.99">19.99</span>

<span property="priceValidUntil" content="2024-12-31">2024-12-31 まで有効</span>

<link プロパティ="itemCondition" href="http://schema.org/NewCondition"/>

<link property="在庫状況" href="http://schema.org/InStock"/>

<div property="seller" typeof="組織">

<span property="name">サンプルストア</span>

</div>

</div>

</div>

3つのうち、JSON-LDが一般的に使用される

これらのコードはそれぞれ独自の使用例がありますが、HTML を乱雑にすることなく構造化データの統合を簡素化できるため、ほとんどの Shopify ストア アプリケーションでは JSON-LD が一般的に使用されています。

さらに、JSON-LD は非同期で読み込むことができるため、ページのパフォーマンスに影響を与えないことも保証されます。これは、高速で応答性の高いオンライン ストアを維持するために重要です。

さらに重要なのは、単一のスクリプト ブロックとして簡単に実装できること、動的コンテンツ管理の柔軟性、Google の推奨事項との整合性により、e コマース プラットフォームに最適であることです。

実際、 Google は、サイトで許可されている場合、スキーマ マークアップに JSON-LD を使用することを推奨しています。同時に、Shopify も構造化データに JSON-LD を使用することを推奨しています。

したがって、この記事の残りの部分では JSON-LD に焦点を当てます。

JSON-LD を使用して Shopify にスキーマを追加する方法

上記のスキーマ マークアップを Shopify ストアに追加するには、2 つの方法があります。

各スキーマ マークアップを正しく実行するには、個別のコード ブロックが必要になることに注意してください。前述のように、Shopify ストアでは JSON-LD が最も広く使用されているため、以下の例ではこのタイプのコードを使用します。

さらに、各タイプのスキーマ マークアップには、異なるプロパティ セットが含まれています。構造化データを追加する予定の特定のページには、すべてのデフォルト値やプロパティが含まれていない可能性があります。問題ありません。Web ページに存在するプロパティだけを含めてください。

ただし、構造化データを追加する前に、まず、Shopify テーマにすでに構造化データが含まれていないかどうかを確認する必要があります。これは簡単に実行できます。

テーマに Basic Sc​​hema が付属しているか確認する

Shopify テーマに基本的なスキーマ マークアップがすぐに使用できるかどうかを確認するために、Label テーマを使用するデモ ストアで確認してみました。

現在のテーマを確認したい場合は、以下の手順に従うこともできます。

ステップ 1:ストアから製品ページを開き、製品 URL をコピーします。

ストアから商品ページを開き、商品 URL をコピーします。

ステップ2: Googleのリッチリザルトテストにアクセスし、コピーしたURLをボックスに貼り付けて「URLをテスト」をクリックします。

Googleのリッチリザルトテストにアクセスし、コピーしたURLをボックスに貼り付けて「URLをテスト」をクリックします。

ステップ3:テーマにスキーママークアップがあるかどうかを確認する結果を待ちます

テーマにスキーママークアップがあるかどうかを確認するには結果を待ちます

数秒後、ラベル テーマにはすでに製品スキーマが組み込まれていることがわかりました。使用しているテーマによって結果が異なる場合があることに注意してください。

ヒント:

現在、リッチ スニペットが組み込まれた、よく構築された手頃な価格の Shopify テーマを探している場合は、 Shine テーマをチェックしてみてください

Shine テーマはすぐに使用できるので、使用時に製品スキーマを追加する面倒なプロセスを心配する必要はありません。

Shine Shopifyテーマには、すぐに使える動的JSONテンプレートファイルがあります。

Shopifyスキーマを手動で追加する

JSON-LD スキーマ マークアップ コードをテーマ ファイルに手動で追加することは、Shopify liquid と JSON-LD の知識が必要となるため、ほとんどの Shopify ユーザーにとって難しい作業です。さらに、テーマ コード エディターには複数のテーマ ファイルが含まれています。コード スニペットを間違ったファイルに追加すると、オンライン ストアに潜在的な問題が発生する可能性があります。

Shopifyスキーマを手動で追加するには、コードスニペットをどこに置くかを知る必要があります。

上記のテーマ ファイル フォルダーの内容は、各 Shopify ストアが固有であるため、ストアごとに異なる場合があります。また、追加するスキーマ マークアップの種類に応じて、JSON-LD コードを配置するフォルダー theme liquid ファイルも異なります。

したがって、製品の構造化データを追加する場合は、適切な製品テーマ ファイルを探す必要があります。ブログに構造化データを追加する場合も同様です。正しいブログ テーマ ファイルにコードを挿入する必要があります。適切なセクション ファイルを使用してスキーマ セクションを追加することもできます。

さらに、インターネット上で見つかる Shopify のサンプル スキーマ マークアップ実装は、ほとんどが表面的なもので、Shopify では e コマース Web サイトなどの動的な Web サイトに JSON-LD コードが必要であることが適切に説明されていません。そのため、これらの記事を読んでも、わからなくなってしまいます。

そこで、この問題をよりわかりやすく説明するために、手動スキーマ実装を詳細に取り上げた YouTube 動画を探しました。Ed Codes はこの動画で、最近の Shopify テーマには基本的な JSON-LD コードがいくつか含まれていることも言及しています。そのため、Shopify ストアには、すぐに使用できる基本的な記事と製品スキーマが備わっていることになります。

以下から視聴できます:

構造化データの複雑さが始まる場所

ここで、オンライン ストアに構造化データを追加するプロセスの複雑さ (コードに関する知識が限られているユーザーの場合) は、組織、記事、サイトリンクなどの他の構造化データを追加するときに始まります。

オンライン ストアではこれを 1 回だけ実行すれば済むので (正しく実行できれば)、自分で勉強するのではなく、詳しい知識を持つ人を雇うことをお勧めします。

Shopify の良いところは、Shopify にはあなたをサポートしてくれる厳選された専門家がいるので、他の場所で専門家を探す必要がないことです。

予算の範囲内で誰かを雇うには、 Shopify パートナーにアクセスしてください。Shopify パートナー ディレクトリの全員がその分野の専門家であり、悪いサービスを受ける可能性は非常に低いことに注意してください。

Shopifyパートナーディレクトリは、スキーママークアップの実装を支援する専門家を見つけるのに最適な場所です。

プラグインまたはShopifyアプリの使用

手動で実装したり、Shopify の専門家を雇って構造化データをストアに追加したりする以外に、このプロセスに Shopify アプリを自動的にインストールすることもできます。

アプリを使用する唯一の欠点は、月額サブスクリプション料金です。そのため、使用する予定のソリューションを時間をかけて精査し、自分のニーズにぴったり合うものを選択する必要があります。

次のセクションまでスクロールして、おすすめのアプリを見つけてください。

Shopify スキーマ アプリ

Shopifyアプリストアで最も予算に優しいShopifyスキーマアプリをいくつか見てみましょう。そうすれば、JSON-LDの学習に多くの時間を費やす心配はありません。

SEO 向け GP JSON-LD スキーマ

SEO 用の GP JSON-LD スキーマ - セクション ブロック、ブロック属性、設定オブジェクトなど。

評価: 5 点中 5 点 (15 件のレビュー)

価格:月額 8.99 ドルから。無料プランもご利用いただけます。

GP JSON-LD は、月額料金が安いだけでなく、無料プランも充実しているため、非常に魅力的なアプリです。

この無料プランには、ローカルビジネス、製品カテゴリ、記事のスキーマが含まれています。また、Shopify テーマには製品スキーマが自動的に含まれるため、より高度な機能が必要でない限り、有料プランへのアップグレードを心配する必要はありません。

したがって、オンライン ストアを始めたばかりの場合は、GP JSON-LD の無料プランで十分です。

SEO スキーマのための JSON-LD Express

JSON-LD Express for SEO Schema

評価: 5 点中 4.9 点 (18 件のレビュー)

価格:月額 7.99 ドルの定額料金。無料トライアルあり。

JSON-LD Express は、Shopify ストアに必要なあらゆる種類の構造化データにアクセスできる定額料金設定のため、高く評価されているアプリです。

このアプリを使用する際の唯一の欠点は、ユーザーがソリューションに簡単に慣れるための無料プランがないことです。

TT-ブレッドクラムと SEO スキーマ

TT-Breadcrumbs & SEO Schema

評価: 5 点中 4.7 点 (38 件のレビュー)

価格:月額 4.99 ドルの定額。無料プランあり。まとめ

最後になりますが、TT-Breadcrumbs & SEO Schema は、すべての構造化データ ソリューションの月額料金がわずか 4.99 ドルと、リストの中で最も安価なソリューションです。

GP JSON-LD と同様に、新しい Shopify ストアには十分すぎるほど充実した無料プランがあります。

結論

Shopify スキーマを実装することは、ストアがより多くの Web 訪問者を引き付け、オンライン販売を増やすのに役立つ強力な戦略です。

しかし、これは大きな助けになる一方で、Shopify Liquid と JSON-LD を理解する必要があり、ほとんどの場合、起業家には時間がないために実装は非常に面倒なプロセスになる可能性があります。

したがって、手動でストアに実装するのではなく、Shopify の専門家を雇って代わりに作業をしてもらうことを強くお勧めします。または、上で紹介したアプリのいずれかをインストールすることを検討することもできます。無料プランが充実していて月額料金も安いので、プロセス全体を自動化するために使用するのは、時間をかけるだけの価値があります。

スキーマ マークアップについてさらに詳しく調べたい場合は、Google 検索セントラルのリソースと Schema.org を参照してください。

続きを読む:初心者向け Shopify Liquid: 今すぐコーディングを始めるためのヒント!

FAQs

Explore Now

今すぐNo.1のShopifyページビルダーをお試しください

PageFlyを無料でお試しください