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

検索エンジンの検索結果で目立つことは、あなたのオンラインストアに顧客を引きつけ、売上を促進するために非常に重要です。多くのブランドの選択肢の中で目立つためのそのような強力な戦略の1つは、オンラインストアにShopifyのスキーママークアップを実装することです。

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

この記事では、オンラインストアに便利なスキーママークアップの種類についてお話します。Shopifyストアに基本的なマークアップを実装するためのステップバイステップのガイドをお見せし、使用を検討すべきスキーマアプリのリストを共有します。

それなら、さっそく始めよう。

Shopifyにおけるスキーマとは

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

eコマースにおいて、スキーマは、価格、配送詳細、レビューなど、商品に関するより多くのコンテキストを検索エンジンに提供する素晴らしい方法です。商品ページだけでなく、スキーママークアップはShopifyストアの様々な部分、例えばアバウトページ、コンタクトページ、特定のセクションなどでも使用することができます。

このブログの後半で、Shopifyストアでよく使われる様々なスキーマをいくつか例示します。

なぜShopify Schemaがオンラインストアで重要なのか？

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

しかし、たとえそれがオプションであったとしても、店舗のクリック率（CTR）を向上させ、収益を増加させる可能性のある多くのメリットを逃してしまうことになります。

Shopifyスキーマの利点は以下の通りです：

検索エンジンの理解を深める：

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

検索外観の強化：

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

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

ローカルSEO：

実店舗を持つShopifyストアの場合、ローカルビジネススキーマを実装することで、潜在的な購入者が近隣で貴社の製品を探す際に、ローカル検索結果やGoogleマップに表示される可能性が高まります。これは、地元の顧客を引き付け、トラフィックを増加させるのに役立ちます。

より良いCTR：

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

売上増加の可能性：

視認性が向上し、CTRが高くなれば、店舗へのトラフィックが増えます。商品情報やレビューがより良く表示されることで、見込み客が購入する可能性が高くなり、売上の増加につながる。さらに、ブログを運営している場合、記事スキーマのマークアップは、より多くの読者を惹きつけ、より多くの販売につながる可能性があります。

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

オンライン・ストアに適用されるスキーマ・マークアップとは？

一般的に、Googleが定義するスキーママークアップは35種類ある。これらは以下の通り：

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

しかし、これらすべてをオンラインストアに追加する必要はない。その代わりに、最も利益をもたらす可能性のあるものだけに焦点を当てるべきだ。

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

schemaマークアップをページに追加する際、すべてのschemaプロパティを含める必要はないことに注意しよう。代わりに、コンテンツにあるものだけを含めるべきである。

スマート・サブスクリプションで収益を拡大

柔軟なプランとスマートな加入者管理ツールで、継続的な収益を構築。

無料で始める

記事（ブログを公開している場合）

アーティクル・スキーマ・マークアップは、検索エンジンにあなたの記事のコンテンツに関するより多くのコンテクストを提供します。そのため、あなたのターゲットオーディエンスが検索するとき、Googleは単にタイトルとメタタグを表示するのではなく、あなたのブログからより多くのコンテンツを表示します。

検索エンジンの結果ページ（SERP）からこの大きな不動産は、リンクをクリックし、あなたのウェブサイトを訪問するために、より多くの読者を揺るがす可能性があります。

スキーマのプロパティ：

• 著者
• 著者名
• 著者名.url
• 日付変更
• 発行日
• 見出し
• イメージ

パンくず

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

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

スキーマのプロパティ：

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

地元企業

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

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

スキーマのプロパティ：

• 住所
• 名称
• 総合評価
• 部門
• ジオ
• 緯度
• 地理経度
• メニュー
• 営業時間指定
• オープニング時間指定.クローズ
• オープニング時間指定.曜日
• オープニング時間指定.opens
• オープニング時間指定.validFrom
• オープニング時間指定.validThrough
• 価格帯
• レビュー
• サーブ料理
• 電話
• url

組織

組織スキーマは、検索エンジンがあなたのビジネスに関する詳細をSERP上に表示することを可能にします。そのため、あなたのウェブサイトにアクセスしなくても、あなたのビジネスに関する情報に簡単にアクセスできるようになり、オーディエンスがより多くの情報を収集しやすくなります。

スキーマのプロパティ：

• 住所
• 住所.住所国
• address.addressLocality
• 住所.住所地域
• 住所.郵便番号
• 住所.streetAddress
• 代替名
• コンタクトポイント
• contactPoint.email
• contactPoint.telephone
• 記述
• 催促状
• 電子メール
• 創立日
• グローバル・ロケーション番号
• hasMerchantReturnPolicy（マーチャント・リターン・ポリシー
• iso6523コード
• 法的名称
• レイコード
• ロゴ
• ナイクス
• 名称
• 従業員数
• 同様
• タックスアイディー
• 電話
• URL
• バットアイディー

製品（製品スニペット）

プロダクトスニペットは、おそらくオンラインストアに追加する必要があるスキーママークアップの中で最も重要なタイプである。上の画像では、プロダクトスニペットには、製品の評価（店頭）、価格、在庫状況など、さまざまなスキーマプロパティが含まれています。

この小さな情報の断片は、あなたのターゲット顧客の意思決定に影響を与えるのに十分であり、十分重要な文脈を提供するからである。

スキーマのプロパティ：

• 名称
• 総合評価
• オファー
• レビュー
• ネガティブノート
• ポジティブノート
• アイテムリスト要素
• itemListElement.name
• itemListElement.position
• 可用性
• 価格有効期限
• 価格
• 価格通貨
• 低価格
• 価格通貨
• 高価格
• オファー数

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

サイトリンク検索ボックスは、簡単にナビゲートできる大規模なオンラインストアがある場合、もう一つの重要なスキーママークアップです。通常、あなたのターゲットオーディエンスは、あなたのオンラインストア内にいる場合にのみ、あなたのストアで何かを検索することができます。しかし、サイトリンク検索ボックスのスキーマは、SERPの右側に検索ボックスを追加することで、そのプロセスを短縮します。

スキーマのプロパティ：

• ポテンシャルアクション
• potentialAction.query-input
• potentialAction.ターゲット
• url

Shopifyのスキーマタイプ

Shopifyストアには3種類のスキーマコードが使用できる。

01.JSON-LD

JSON-LD（JavaScript Object Notation for Linked Data）は、シンプルなJSONスクリプトを使ってウェブページ内に構造化データを埋め込む、軽量のリンクデータ・フォーマットです。既存のHTMLを変更することなく、簡単に実装・維持することができる。

商品スキーマのサンプルJSON-LDコード：

<script type="application/ld+json">

{

  "@context"："http://schema.org"、

  "@type"：「製品"、

  "name"：「商品例

  "イメージ"："https://example.com/product.jpg"、

  "説明"："これは商品の一例です、

  "sku"："12345",

  "mpn"："12345",

  "brand": {

    "@type"：「ブランド

    "name"："ブランド例"

  },

  "offers": {

    "@type"：「オファー

    "url"："https://example.com/product"、

    "priceCurrency"：「USD"、

    「価格」："19.99",

    "priceValidUntil"："2024-12-31",

    "itemCondition"："http://schema.org/NewCondition"、

    "可用性"："http://schema.org/InStock"、

    "seller": {

      "@type"：組織

      "name"："店舗例"

    }

  }

}

</script>

スマート・サブスクリプションで収益を拡大

柔軟なプランとスマートな加入者管理ツールで、継続的な収益を構築。

30％オフ

02.マイクロデータ

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

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

<div itemscope itemtype="http://schema.org/Product">

  <span itemprop="name">Example Product</span>

  <img itemprop="image" src="https://example.com/product.jpg" alt="Example Product"/>

  <span itemprop="description">This is an example product.</span>

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

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

  <div itemprop="brand" itemscope itemtype="http://schema.org/Brand">

    <span itemprop="name">Example Brand</span>

  </div>

  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">

    <a itemprop="url" href="https://example.com/product">Buy Now</a>

    <meta itemprop="priceCurrency" content="USD"/>

    <span itemprop="price">19.99</span>

    <meta itemprop="priceValidUntil" content="2024-12-31"/>

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

    <link itemprop="availability" href="http://schema.org/InStock"/>

    <div itemprop="seller" itemscope itemtype="http://schema.org/Organization">

      <span itemprop="name">Example Store</span>

    </div>

  </div>

</div>

03.RDFa

RDFa（ResourceDescription Framework in Attributes）は、RDFデータをHTML文書に埋め込むHTML5の拡張機能である。HTMLタグの属性を使用して構造化データを表現するため、ウェブ文書に注釈を付けるのに適している。

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

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

  <span property="name">Example Product</span>

  <img property="image" src="https://example.com/product.jpg" alt="Example Product"/>

  <span property="description">This is an example product.</span>

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

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

  <div property="brand" typeof="Brand">

    <span property="name">Example Brand</span>

  </div>

  <div property="offers" typeof="Offer">

    <link property="url" href="https://example.com/product"/>

    <span property="priceCurrency" content="USD">USD</span>

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

    <span property="priceValidUntil" content="2024-12-31">Valid until 2024-12-31</span>

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

    <link property="availability" href="http://schema.org/InStock"/>

    <div property="seller" typeof="Organization">

      <span property="name">Example Store</span>

    </div>

  </div>

</div>

この3つの中では、JSON-LDが一般的に使用されている。

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

さらに、JSON-LDは非同期で読み込まれるため、ページのパフォーマンスに影響を与えません。

さらに重要なのは、単一のスクリプトブロックとしての実装のしやすさ、動的コンテンツ管理における柔軟性、グーグルの勧告との整合性によって、eコマース・プラットフォームに理想的なものとなっている。

実際、GoogleはJSON-LDの使用を推奨しています、 GoogleはJSON-LDの使用を推奨しているを使用することを推奨しています。同時に、Shopifyも構造化データにJSON-LDを使用することを推奨している。

したがって、この記事の続きではJSON-LDに焦点を当てることにする：

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

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

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

さらに、スキーマ・マークアップの各タイプは、異なるプロパティのセットを含んでいる。構造化データを追加する予定の特定のページには、すべてのデフォルト値やプロパティがないかもしれません。それは構わない。ウェブページに存在するプロパティを含めればいいのです。

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

テーマに基本スキーマが含まれているか確認する

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

また、現在のテーマを確認したい場合は、以下の手順に従ってください。

ステップ1： ショップの商品ページを開き、商品URLをコピーします。

ステップ2： Googleの リッチリザルトテストにアクセスし、コピーしたURLをボックスに貼り付け、Test URLをクリックする。

ステップ3: テーマにスキーママークアップがあるかどうか結果を待つ

数秒後、ラベルテーマがすでに商品スキーマを持っていることがわかった。使用しているテーマによって結果が異なる可能性があることに注意してください。

ヒント

現在、リッチスニペットが組み込まれた、よく構築された手頃な価格のShopifyのテーマを探している場合は、チェックアウトする必要があります。 シャインのテーマ.

Shineテーマを使用する場合、商品スキーマを追加する面倒なプロセスを心配する必要はありません。

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

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

上に示したテーマファイルのフォルダの内容は、それぞれのShopifyストアがユニークであるため、ストアごとに異なる可能性があります。また、追加したいスキーママークアップのタイプによって、JSON-LDコードを置くべきテーマリキッドファイルのフォルダも異なります。

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

さらに、インターネット上で見かけるShopify用のスキーママークアップ実装のサンプルは、ほとんどが表面的なもので、Shopifyがeコマースサイトのような動的なウェブサイトにはJSON-LDコードを必要とすることを正しく説明していません。そのため、そのような記事に従っていると、迷ってしまうでしょう。

そこで、この問題をより分かりやすく説明するために、手動スキーマの実装を詳しく扱ったYouTubeのビデオを探した。Ed Codes氏はこのビデオの中で、最近のShopifyテーマには基本的なJSON-LDコードが含まれていることにも言及している。そのため、あなたのShopifyストアは、基本的な記事スキーマと商品スキーマをすぐに持つことができる。

以下からご覧いただけます：

構造化データの複雑さはどこから始まるのか

さて、オンラインストアに構造化データを追加するプロセスの複雑さは（コードの知識が乏しいユーザーにとって）、組織、記事、サイトリンクなどの他の構造化データを追加したいときに始まります。

オンライン・ショップでは、（うまくいけば）一度しか行う必要がないため、自分で勉強するよりも、深い知識を持った人に依頼することをお勧めする。

Shopifyの良いところは、Shopifyには審査された専門家がいるので、このような専門家を見つけるために他を探す必要がないことです。

にアクセスするだけです。 Shopifyパートナーをご覧ください。Shopify Partnersのディレクトリに登録されている人たちは皆、その分野の専門家であり、悪いサービスを受ける可能性は非常に低いことに注意してください。

プラグインまたはShopifyアプリを使用する

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

アプリを使用する唯一の欠点は、月額利用料です。そのため、使用する予定のソリューションをじっくり吟味し、ニーズに合ったものを選ぶ必要がある。

次のセクションにスクロールして、おすすめのアプリをご覧ください。

Shopifyスキーマアプリ

JSON-LD/の学習に多くの時間を費やす心配がないように、Shopifyアプリストアで最も予算に優しいShopifyスキーマアプリのいくつかを見てみましょう。

SEOのためのGP JSON-LD Schema

評価 5 段階中 5 (15 件のレビュー)

価格月額8.99ドルから。無料プランあり。

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

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

したがって、オンラインストアを始めたばかりであれば、GP JSON-LDの無料プランで十二分に始めることができます。

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

評価 5 段階中 4.9 (18 件のレビュー)

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

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

このアプリを使う上での唯一の欠点は、ユーザーをソリューションになじみやすくするための無料プランがないことだ。

TT-パンくずとSEOスキーマ

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

料金:月額4.99円の定額制。無料プランあり。

最後になりましたが、TT-Breadcrumbs & SEO Schemaは、私たちのリストの中で最も安いソリューションです。

GP JSON-LDのように、Shopifyの新しいストアには十分すぎるほど寛大な無料プランがある。

結論

Shopifyスキーマを実装することは、あなたのストアがより多くのウェブ訪問者を引き付け、ひいてはオンライン売上を増加させる強力な戦略です。

しかし、それが大きな助けになるとしても、Shopify LiquidとJSON-LDを理解する必要があるため、それを実装するのは非常に面倒なプロセスになる可能性がある。

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

スキーマ・マークアップについてもっと調べたい場合は、Google Search CentralのリソースやSchema.orgを参照してほしい。

もっと読む： 初心者向けShopifyリキッド：今すぐコーディングを始めるためのヒント！