LEO BRIDGE シンボルマークLEO BRIDGE
LEO BRIDGE シンボルマークLEO BRIDGE
🟢 Shopify🛒 EC運営15分で読めます

Shopify SEO完全攻略｜検索1位を狙う実践テクニック

Shopify SEO完全攻略｜検索1位を狙う実践テクニック

Shopify SEOの「本当の戦い」はここから始まる

Shopifyは標準でSEOに強いプラットフォームですが、デフォルト設定のままで検索上位を取れる時代は終わりました。2026年のSEO環境では、プラットフォームの技術的制約を深く理解し、アーキテクチャレベルで最適化を行うことが求められます。

この記事では、基本的なタイトルタグやメタディスクリプションの設定は既に理解している方を対象に、実務で差がつく上級テクニックを体系的に解説します。

1. Shopifyのアーキテクチャ制約を理解する

URL構造の固定制約

Shopifyでは、URLプレフィックスが固定されており変更できません。

  • 商品ページ: /products/product-name
  • コレクション: /collections/collection-name
  • 固定ページ: /pages/page-name
  • ブログ: /blogs/blog-name/article-name

ECサイトで理想的な /clothing/shirts/blue-tee のような階層的URL構造は実現できません。 この制約を理解した上で、URLハンドルの命名でキーワードを含めることが唯一のコントロール手段です。

重複URL問題 ── 最も見落とされる致命的な問題

Shopifyで最も深刻かつ見落とされやすいSEO問題は、コレクション経由の商品URL重複です。

1つの商品が3つのコレクションに属している場合、以下の4つのURLが生成されます。

/products/blue-tee                          ← 正規URL（canonical）
/collections/summer/products/blue-tee       ← 重複
/collections/sale/products/blue-tee         ← 重複
/collections/new-arrivals/products/blue-tee ← 重複

Shopifyは正規URLへのcanonicalタグを自動設定しますが、canonicalタグはあくまでヒントであり、ディレクティブではありません。 さらに問題なのは、コレクションページからの内部リンクがデフォルトで非正規URLを指すことです。つまり、サイト内のリンク資産の大半が正規URLではなく重複ページに流れています。

修正方法：内部リンクの正規化

テーマのproduct-card（テーマにより product-card.liquid、card-product.liquid 等）を編集します。

{%- comment -%} 修正前: コレクションパスを含むURL {%- endcomment -%}
<a href="{{ product.url | within: collection }}">

{%- comment -%} 修正後: 正規URLを直接使用 {%- endcomment -%}
<a href="{{ product.url }}">

この1行の変更だけで、すべての内部リンクが正規URLを指すようになり、クロール効率とリンクエクイティの集約が劇的に改善されます。

2. Core Web Vitals ── Shopify固有の最適化戦略

2026年現在、多くのShopifyストアがモバイルでCore Web Vitalsの全指標をパスできていません。 表示速度の改善がコンバージョン率の向上に直結するため、パフォーマンス最適化は直接的な売上改善に繋がります。Core Web Vitalsの各指標を改善する具体的な手法はShopify表示速度の最適化ガイドで詳しく解説しています。

LCP（Largest Contentful Paint）: 2.5秒以内

ShopifyストアのモバイルLCPは改善の余地があるケースが多く、「良好」の閾値2.5秒を超えるストアも少なくありません。

即効性の高い対策:

  • ファーストビューのヒーロー画像に loading="eager" と fetchpriority="high" を明示的に設定
  • 画像フォーマットをWebPに統一し、next/image 相当の最適化を活用
  • フォントのプリロードとサブセット化（日本語フォントは特に効果大）
<!-- ヒーロー画像のLCP最適化例 -->
<img
  src="{{ section.settings.hero_image | image_url: width: 1200 }}"
  srcset="
    {{ section.settings.hero_image | image_url: width: 600 }} 600w,
    {{ section.settings.hero_image | image_url: width: 900 }} 900w,
    {{ section.settings.hero_image | image_url: width: 1200 }} 1200w"
  sizes="100vw"
  loading="eager"
  fetchpriority="high"
  width="1200"
  height="600"
  alt="{{ section.settings.hero_alt }}"
>

CLS（Cumulative Layout Shift）: 0.1以下

Shopifyストアは比較的良好な値を維持していますが、アプリの追加で悪化しやすい指標です。

  • すべての画像・動画に width と height を明示
  • 動的に注入されるレビューウィジェットやポップアップに、CSSで事前に領域を確保
  • フォントの font-display: swap 指定時にフォールバックフォントのサイズを調整

INP（Interaction to Next Paint）: 200ms以内

  • 不要なサードパーティスクリプト（チャット、追跡ピクセル）を遅延読み込み
  • レビューアプリ・翻訳アプリの読み込みタイミングを requestIdleCallback で制御
  • メインスレッドをブロックする重い処理をWeb Workerに委譲

3. 構造化データの実装 ── リッチリザルトとAI検索への対応

完全なProduct構造化データを持つページは、AIオーバービューに引用されやすい傾向があります。JSON-LDの実装は、従来の検索結果だけでなくAIエージェントがストアを発見・購入する時代の可視性にも直結します。

Product + Offer スキーマのLiquid実装

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": {{ product.title | json }},
  "image": [
    {%- for image in product.images -%}
      {{ image | image_url: width: 1200 | json }}{% unless forloop.last %},{% endunless %}
    {%- endfor -%}
  ],
  "description": {{ product.description | strip_html | truncate: 5000 | json }},
  "sku": {{ product.selected_or_first_available_variant.sku | json }},
  "brand": {
    "@type": "Brand",
    "name": {{ product.vendor | json }}
  },
  "offers": {
    "@type": "AggregateOffer",
    "priceCurrency": {{ cart.currency.iso_code | json }},
    "lowPrice": {{ product.price_min | money_without_currency | json }},
    "highPrice": {{ product.price_max | money_without_currency | json }},
    "offerCount": {{ product.variants.size }},
    "availability": "https://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}",
    "url": {{ shop.url | append: product.url | json }}
  }
  {%- if product.metafields.reviews.rating.value != blank -%}
  ,"aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": {{ product.metafields.reviews.rating.value | json }},
    "reviewCount": {{ product.metafields.reviews.rating_count.value | json }}
  }
  {%- endif -%}
}
</script>

FAQスキーマの追加

商品ページの「よくある質問」セクションにFAQスキーマを追加すると、検索結果での表示面積が拡大します。

{%- if product.metafields.custom.faq != blank -%}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {%- for faq in product.metafields.custom.faq.value -%}
    {
      "@type": "Question",
      "name": {{ faq.question | json }},
      "acceptedAnswer": {
        "@type": "Answer",
        "text": {{ faq.answer | json }}
      }
    }{% unless forloop.last %},{% endunless %}
    {%- endfor -%}
  ]
}
</script>
{%- endif -%}

実装後は必ずGoogle Rich Results Testで検証してください。

4. テーマ選定とアーキテクチャのSEOインパクト

Dawnテーマの実力と落とし穴

Shopifyの公式無料テーマ「Dawn」はOS 2.0アーキテクチャ上に構築され、軽量設計で、前世代のテーマより高速な表示を実現しています。

しかし、実運用環境ではアプリを多数追加し、カスタムフォントや未最適化画像を組み合わせた時点で、モバイルPageSpeedは大幅に低下するのが現実です。テーマの選定がSEOパフォーマンスに与える影響についてはShopifyテーマ比較ガイドで各テーマの特徴を比較しています。

テーマSEO最適化チェックリスト

  • テーマが出力する構造化データ（Product, BreadcrumbList）の完全性を確認
  • 不要なCSSとJavaScriptのバンドルサイズを監査
  • <h1> がページごとに1つだけ存在することを確認
  • Open Graphタグとcanonicalタグが正しく出力されていることをソースコードで確認
  • 画像遅延読み込みがファーストビュー以外にのみ適用されていることを確認

5. コレクションページSEO ── 最も過小評価されている資産

コレクションページは商品一覧であると同時に、カテゴリキーワードのランディングページとしてSEO上最も重要なページの1つです。

コンテンツ戦略

Googleは「商品リンクしかないカテゴリページのランキングは難しい」と明言しています。

  • 商品グリッドの上部に200〜300字の導入テキストを配置（コレクションの対象者・用途・特徴）
  • 商品グリッドの下部に詳細なコンテンツ（購入ガイド、素材説明、使用シーン）を追加
  • 関連コレクションへの内部リンクを自然に含める（トピッククラスター構造）

サブコレクション戦略

フィルター機能に頼るのではなく、検索ボリュームのあるモディファイアは独立したサブコレクションとして作成します。

例: 「メンズ スニーカー」→ /collections/mens-sneakers（サブコレクションとして独立ページ化）

ページネーション

Googleはスクロール読み込みのコンテンツをクロールできません。**番号付きページネーション（1, 2, 3...）**を使用し、後半ページの商品へのクリック深度を最小化してください。

6. 国際SEO ── Shopify Marketsの活用

推奨URL構造

Shopify Marketsではサブディレクトリ構造（example.com/fr/）が推奨されます。メインドメインのSEO評価を共有でき、管理コストも低く抑えられます。

hreflangタグの自動生成

Shopifyは公開言語に基づいてhreflangタグとサイトマップを自動生成します。ただし、以下を必ず確認してください。

  • 自己参照のhreflangタグが含まれていること
  • ISO言語・地域コードが正確であること（ja / en-US / zh-Hans 等）
  • すべての言語バージョンが相互にリンクされていること

翻訳品質のSEOインパクト

機械翻訳をそのまま公開することは、E-E-A-T（経験・専門性・権威性・信頼性）の観点で大きなリスクです。少なくとも主要ランディングページの翻訳は人間がレビューしてください。

7. Shopifyブログを武器にする

コンテンツクラスター戦略

ブログ記事を孤立した単発コンテンツではなく、ピラーページ（包括的なメインページ）を中心としたクラスター構造で設計します。

例:

  • ピラーページ: 「ランニングシューズの選び方完全ガイド」（コレクションページ）
  • クラスター記事: 「初心者向けランニングシューズ5選」「フルマラソン用シューズの比較」「足型別フィッティングガイド」

各クラスター記事からピラーページとコレクションページへ内部リンクを設置し、トピック全体の権威性を高めます。

投稿頻度と質のバランス

週1本の高品質記事は、1日5本の薄い記事に勝ります。 月2〜4本の一貫した投稿が推奨されます。

GEO（生成エンジン最適化）への対応

2026年のSEOは、AIモデルが回答を生成する際に引用されることも視野に入れる必要があります。具体的な数値データ、独自の調査結果、明確な構造を持つコンテンツが引用されやすい傾向にあります。

8. テクニカルSEO監査の実践

推奨ツール構成

SEO監査・改善に使えるツール

Shopify固有の監査ポイント

Shopifyは2025年以降、Web Bot Auth機能をリリースしました。Screaming Frog等のクローラーを事前認証でき、429エラー（レート制限）による監査の中断を防げます。

重点監査項目:

# Google検索で重複インデックスを確認
site:yourstore.com inurl:/collections/ inurl:+

# 内部検索ページのインデックス確認
site:yourstore.com inurl:search

# タグページの重複確認
site:yourstore.com inurl:/tagged/

robots.txt の最適化

Shopifyでは robots.txt.liquid ファイルを編集できます。以下は推奨設定の一例です。

# デフォルトルールに加えて追加
Disallow: /collections/*+*
Disallow: /collections/*%2B*
Disallow: /*/tagged/*
Disallow: /search*

注意: テーマを複製してテスト環境で変更を検証し、Search Consoleで問題がないことを確認してから本番反映してください。

9. 施策の優先順位マトリクス

Shopify SEO施策 優先度マトリクス

10. Shopify SEOで犯しがちな致命的ミス

ミス1: デフォルトのメタ情報を放置

Shopifyは商品名からタイトルタグを自動生成しますが、カスタマイズしなければ多数のページが類似タイトルとなり、検索エンジンに低品質とみなされます。

ミス2: コレクション経由URLの内部リンクを放置

前述の通り、これはリンクエクイティの分散と重複インデックスを引き起こす最大のリスクです。

ミス3: アプリの入れすぎ

インストールしたアプリの多くはグローバルにJavaScriptを注入します。使っていないアプリでもスクリプトが残っていることがあり、アプリを多数追加するとPageSpeedが大幅に低下するケースは珍しくありません。

ミス4: コレクションURLの安易な変更

既にインデックスされたコレクションURLを変更すると、蓄積されたランキング評価とリンクエクイティを失います。変更する場合は必ず301リダイレクトを設定してください。

ミス5: ページネーションの無限スクロール化

見た目はモダンですが、Googleはスクロールで読み込まれるコンテンツをクロールできません。後半ページの商品が検索エンジンから見えなくなります。

ミス6: 構造化データのハードコーディング

価格や在庫状況をJSON-LDにハードコーディングすると、商品情報が変わっても構造化データが更新されません。必ずLiquidの動的変数にバインドしてください。

まとめ ── Shopify SEOは「仕組み」で勝つ

Shopifyは確かにSEOに強いプラットフォームですが、その強みを最大限に引き出すには、プラットフォームのアーキテクチャを深く理解した上での技術的最適化が不可欠です。

今日から始めるべき3つのアクション:

  1. 内部リンクを正規URL化する ── テーマのproduct-cardテンプレートを1行修正
  2. 構造化データを動的に実装する ── Liquidテンプレートで価格・在庫・レビューをリアルタイム反映
  3. 不要なアプリを棚卸しする ── Core Web Vitalsへの影響を可視化し、使っていないアプリを削除

これらの基盤を整えた上で、コンテンツ戦略とブログクラスター構築を中長期で進めることが、持続的な検索流入の成長に繋がります。

SEO対策やShopifyストアの技術的な最適化についてお困りの方は、ぜひお気軽にご相談ください。

ECサイト構築・運用でお悩みですか？

Shopify専門チームが無料でご相談に応じます。

無料で相談する

関連記事

【2026年最新】BASE・カラーミーからShopifyへの移行完全ガイド

AIエージェントコマースとは？ECの次の主戦場を徹底解説

カゴ落ち率を劇的に改善するShopify施策ガイド ── 原因と仕組みから理解する実践対策