PrestaShop・WooCommerceのSEO：商品ページを最適化するための完全ガイド

メタタグ：商品SEOの土台

メタタグ（メタタイトルとメタディスクリプション）は、商品ページのSEOにおいて最も重要な要素です。Googleの検索結果で最初に表示されるのがこれらの要素であり、ユーザーがクリックするか、読み飛ばすかを左右します。それにもかかわらず、多くのPrestaShopやWooCommerceのストアでは、これらの項目が空欄のままか、商品説明の冒頭の言葉で自動的に埋められています。

メタタイトル：守るべき鉄則

メタタイトルは最も強力なSEO要素です。50〜60文字に収め、メインキーワードを冒頭に置き、差別化要素（ブランド、独自の特徴）を盛り込み、ユーザーがクリックしたくなる内容にしましょう。「[商品名]をオンラインで購入」のようなありきたりなタイトルは避けてください。何千ものストアが同じ表現を使っています。

• PrestaShop：［環境設定］>［SEO & URL］>［デフォルトのタイトルタグ］。商品ごとにSEOタブでカスタマイズできます
• WooCommerce：デフォルトではページの<title>を使用します。商品ごとにメタタイトルを細かく管理するには、Yoast SEOまたはRank Mathを導入してください
• 最適な型：[メインキーワード] — [独自の特徴] | [ストア名]
• 例：「防水 レディース トレッキングシューズ — Vibramソール | マイショップ」
• FichePro AIは、商品ごとに適切な文字数で最適化されたメタタイトルを自動生成します

メタディスクリプション：あなたのセールストーク

メタディスクリプションは直接のランキング要因ではありませんが、クリック率（CTR）に大きく影響します。CTRが高いとGoogleに良いシグナルが送られ、間接的に検索順位の改善につながります。150〜160文字を目安に、メインキーワードを自然に含め、行動を促すフレーズ（「送料無料」「在庫わずか」など）を加え、競合との違いを打ち出しましょう。

• PrestaShop：各商品のSEOタブにある「メタディスクリプション」欄
• WooCommerce：Yoast SEOまたはRank Math経由で、商品編集画面の下にあるメタディスクリプション欄
• 行動喚起を入れましょう：「24時間以内にお届け」「30日間返品無料」「20%オフ」
• 同じメタディスクリプションを複数の商品で使い回さないでください。Googleは重複コンテンツを検出します

URL構造：シンプルで短く、キーワード入りに

商品ページのURLは重要なSEOシグナルです。GoogleはURLに含まれる単語を使ってページの内容を理解します。シンプルで内容がわかるURLは、検索順位とCTRの両方を改善します（ユーザーはGoogleの検索結果でURLを目にします）。よくある失敗は、パラメータ付きのURL（product.php?id=4587）、長すぎるURL、キーワードを含まないURLです。

PrestaShop：URLの設定

PrestaShopは「フレンドリーURL」を使用します（［環境設定］>［SEO & URL］で有効化します）。デフォルトの形式は /category/product-name.html です。各商品のSEOタブでスラッグをカスタマイズしましょう。「the」「and」「of」のようなストップワードを取り除き、メインキーワードと説明的な単語1〜2語だけを残します。

WooCommerce：パーマリンクの設定

WooCommerceはWordPressのパーマリンクを使用します。［設定］>［パーマリンク］で「投稿名」を選択してください。商品のスラッグは商品編集画面で変更できます。推奨する構造は、カテゴリーを含めない /shop/product-name-keyword/ です。URLが長くなりすぎるのを防ぎ、カテゴリー変更時のリダイレクトの問題も避けられます。

• 区切りには必ずハイフン（-）を使い、アンダースコア（_）やスペースは使わないこと
• スラッグは最大3〜5語：短く、内容がわかるように
• メインキーワードをURLに含めること
• 既存のURLを301リダイレクトなしで変更することは絶対に避けること
• FichePro AIは、SEO出力の中で商品ごとに最適化されたURLスラッグを生成します

Schema.org：リッチスニペットのための構造化データ

Schema.orgの構造化データは、Googleが商品ページの内容を理解し、検索結果にリッチスニペット（星評価、価格、在庫状況、レビュー数）を表示するのに役立ちます。リッチスニペットは、通常の検索結果と比べてCTRを平均20〜30%高めます。

商品ページにはどの構造化データが必要？

• Product：商品名、説明、画像、SKU、ブランド
• Offer：価格、通貨、在庫状況（InStock、OutOfStock、PreOrder）
• AggregateRating：平均評価、レビュー数
• Review：投稿者、評価、日付を含む個別レビュー
• BreadcrumbList：パンくずリストによるナビゲーション

PrestaShopでの実装

PrestaShop 1.7以降では、デフォルトテーマに基本的な構造化データが含まれています。すべてを網羅するには、「SEO Expert」や「JSON-LD Structured Data」などのモジュールを使いましょう。実装はGoogleのリッチリザルトテストで確認し、価格、在庫状況、レビューが正しくマークアップされていることを確かめてください。

WooCommerceでの実装

WooCommerceには基本的なProductの構造化データが含まれています。これを充実させるには、Yoast WooCommerce SEO（有料版）またはRank Math（無料版で十分）を使いましょう。これらのプラグインは、レビュー、在庫状況、ブランド、SKUをschema.orgのマークアップに自動で追加します。ヒント：構造化データを漏れなく出力するため、WooCommerceのSKU、ブランド、GTINの項目は必ず入力しておきましょう。

画像SEO：altテキスト、ファイル名、圧縮

画像は、商品ページのデータ容量の平均60%を占めています。Google画像検索は検索流入の22%を生み出しています。それでも多くのEC事業者は、「IMG_4587.jpg」のようなファイル名のまま、alt属性も設定せずに商品写真をアップロードしています。最適化のポイントは、ファイル名、alt属性、圧縮の3つです。

• ファイル名：アップロード前に変更しましょう。「IMG_4587.jpg」ではなく「waterproof-hiking-boots-women.jpg」のように
• alt属性：キーワードを含む簡潔な説明。例：「Vibramソールの防水レディース トレッキングシューズ」
• フォーマット：画質と容量のバランスが最も良いWebP（JPEGより30%軽量）。PrestaShop 8以降とWooCommerceはWebPに対応しています
• 圧縮：TinyPNG、ShortPixel、Imagifyを使えば、見た目の画質を落とさずに容量を削減できます
• サイズ：実際の表示サイズで画像をアップロードしましょう（4000x4000の画像を800x800で表示するのは避ける）
• 遅延読み込み（lazy loading）：WordPress 5.5以降はデフォルトで有効。PrestaShopでは遅延読み込み用のモジュールを使いましょう

画像SEOにおけるPrestaShopとWooCommerceの比較

PrestaShopは画像サイズ（ホーム、カテゴリー、商品・大、商品・小）を自動生成します。alt属性は各商品の画像タブでカスタマイズできます。WooCommerceはより柔軟ですが、自動最適化にはImagifyなどのプラグインが必要です。どちらのプラットフォームも画像サイトマップに対応しています（Google画像検索に有効です）。

内部リンク：商品ページのPageRankを高める

内部リンク（自サイトのページ同士をつなぐリンク）は、強力かつ無料のSEO施策です。内部リンクはそれぞれ、リンク先のページに「リンクジュース」（PageRank）を渡します。関連性の高い内部リンクを多く受けているページほど、検索順位が上がりやすくなります。商品ページにおける内部リンクには、いくつかの形があります。

• 関連商品・補完商品：「この商品を買った人はこんな商品も買っています」— 同じカテゴリーや補完関係にある商品へのリンク
• パンくずリスト：階層型のナビゲーション（ホーム > カテゴリー > サブカテゴリー > 商品）— SEOとUXの両面で欠かせません
• 充実した商品説明：説明文の中に、他の商品やカテゴリーへの文脈に沿ったリンクを設置
• ブログから商品へ：ブログがある場合は、記事から関連する商品ページへリンクしましょう
• カテゴリーでの注目商品：主力商品をカテゴリーページで目立たせましょう

ページ速度：技術的SEOの最重要要因

Googleは、ページ速度が直接のランキング要因であることを認めています。Core Web Vitals（LCP、INP、CLS）はページごとに計測され、検索順位に影響します。商品ページはLCPで2.5秒未満に読み込まれるべきです。それを超えると、検索順位とコンバージョンの両方を失います（読み込みが1秒遅れるごとにコンバージョンは-7%）。

PrestaShop：速度の最適化

• ［パフォーマンス］> CCCで、SmartyキャッシュとCCC（Combine, Compress, Cache）を有効化する
• 静的ファイルの配信にCDN（無料のCloudflare）を使う
• PageCache Ultimateのようなフルページキャッシュモジュールを導入する
• モジュールを絞り込む：モジュールを追加するたびにフロントエンドが遅くなります
• PHP 8.1以降とPrestaShop 8以降に移行し、パフォーマンスを40%向上させる

WooCommerce：速度の最適化

• キャッシュプラグイン（WP Super Cache、WP Rocket、LiteSpeed Cache）を使う
• サーバー側でGzip/Brotli圧縮を有効にする
• プラグインを最小限に：WordPressのプラグインはそれぞれCSS/JSを追加します
• 画像やファイルの配信にCDN（Cloudflare、BunnyCDN）を使う
• ホスティング：共有サーバーよりもVPSやマネージドWordPressホスティング（Kinsta、Cloudways）を選ぶ

FichePro AI：PrestaShop・WooCommerceの商品ページのSEOを自動化

FichePro AIは、商品ごとにSEO要素一式を生成します。最適化されたメタタイトル（50〜60文字）、行動喚起を含むメタディスクリプション（150〜160文字）、キーワード入りのシンプルなURLスラッグ、構造化されたH1タイトル、コンバージョンを意識した箇条書き、見出し付きの詳細な商品説明、そして関連性の高いSEOタグ8個です。各要素は/100で採点され、改善のための提案も表示されます。

手順はシンプルです。商品について入力し、プラットフォーム（PrestaShopやWooCommerceと同じGoogle SEOが適用されるShopify）を選ぶと、FichePro AIが30秒で完全な商品ページを生成します。メタタイトル、メタディスクリプション、スラッグをPrestaShopまたはWooCommerceの管理画面に、本文を商品ページにコピーするだけです。100点以上の商品を扱うカタログなら、FichePro AIのCSVインポートを使って、すべての商品ページを一括生成できます。