🌐 SEO/構造化データ初級

ストア情報のOrganization構造化データ

ストア全体の基本情報（URL、ロゴ、SNS リンク）を schema.org の Organization 型 JSON-LD として埋め込む。Google 検索結果やナレッジパネルにストア情報を表示させるための構造化データ。

用途

全ページの共通フッターや theme.liquid に埋め込み、Google にストア情報を認識させる。特にブランド検索時にナレッジパネルにロゴや SNS リンクが出るようになる。

設置場所

snippets/json-ld-organization.liquid に配置し、theme.liquid の </head> 直前または layout/theme.liquid の末尾で `{% render 'json-ld-organization' %}` で呼び出す。全ページに1度だけ読み込めば十分。

注意点

ロゴ画像（デフォルト logo.png）がテーマアセットに存在することが前提。画像がなければ asset_url が空文字列になり構造化データが無効になるため、Shopify 管理画面の「テーマファイル」で logo.png をアップロード、または line 11 の 'logo.png' を実際のアセット名に置き換える。sameAs 配列の SNS リンクは theme settings（管理画面の「テーマ設定」）で対応する `settings.social_facebook` などが定義されていることが条件。未設定のものは null が出力されるため、Google Search Console の構造化データ検査ツールで警告が出ていないか必ず確認する。

タグ:json-ldschema-orgorganizationseobranding

コード

22 行 / liquid

{%- comment -%}
    You have to change the logo asset on line 11.
    Also change social links started at line 13, with as many links you need.
{%- endcomment -%}

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "url": "{{ shop.url }}",
    "logo": "{{ 'logo.png' | asset_url }}",
    "sameAs": [
      "{{ settings.social_facebook }}",
      "{{ settings.social_instagram }}",
      "{{ settings.social_twitter }}",
      "{{ settings.social_pinterest }}",
      "{{ settings.social_linkedin }}",
      "{{ settings.social_youtube }}"
    ]
  }
</script>

出典・ライセンス

Source:: pgrimaud/shopify-snippets/json-ld-organization.liquid
Repository:: https://github.com/pgrimaud/shopify-snippets
License:: MIT

このコードは pgrimaud 著作の MIT ライセンスソースです。原本の著作権は pgrimaud が保有します。日本語訳は ALSEL によるものです。

ストア情報のOrganization構造化データ

コード

出典・ライセンス

関連項目

サイト検索のWebSite構造化データ

Twitter Card メタタグ

ページのOGP・Twitterカードメタタグ

OGメタタグ（商品・記事・ページ別）

Organization・WebSite・Product・Article構造化データ

商品ページのProduct構造化データ