ITOBEN STYLE > EC-CUBE4 > 商品一覧・詳細ページSEO対策(独自titleタグ・独自メタ設定)プラグイン：メタ設定の検証
2026年5月8日カテゴリー:

商品一覧・詳細ページSEO対策(独自titleタグ・独自メタ設定)プラグイン：メタ設定の検証

 

商品一覧・詳細ページSEO対策(独自titleタグ・独自メタ設定)プラグイン

 

EC-CUBE4.3.1で検証
（1）トップページ
①　メタ設定の入力ボックスに何も入力しないと、

<title>サンプルサイト / TOPページ</title>
<meta property=”og:type” content=”website”/>
<meta property=”og:site_name” content=”サンプルサイト”/>
<meta property=”og:url” content=”https://sample.com/”/>
<link rel=”canonical” href=”https://sample.com/” />

 

※ プラグイン導入前と変わらない。

 

②　metatagを除いて、4つのボックスに入力すると、赤字が追加される。

<title>サンプルサイト / TOPページ</title>
<meta property=”og:type” content=”website”/>
<meta property=”og:site_name” content=”サンプルサイト”/>
<meta name=”description” content=”トップページdescription”>
<meta property=”og:description” content=”トップページdescription”/>
<meta property=”og:url” content=”https://sample.com/”/>
<link rel=”canonical” href=”https://sample.com/” />
<meta name=”author” content=”トップページauthor”>
<meta name=”keywords” content=”トップページkeyword”>
<meta name=”robots” content=”トップページrobot”>

 

※ プラグイン導入前と変わらない。

 

③　続けて、metatagに「テスト」と入力すると、OGPタグとカノニカルが表示されない。

<title>サンプルサイト / TOPページ</title>
テスト
<meta name=”description” content=”トップページdescription”>
<meta name=”author” content=”トップページauthor”>
<meta name=”keywords” content=”トップページkeyword”>
<meta name=”robots” content=”トップページrobot”>

 

※ プラグイン導入前と変わらない。

 

④　そこで、metatagに個別のOGPとカノニカルを入力（下記）すると、

{% set meta_canonical = url(‘homepage’) %}
<meta property=”og:title” content=”{{ BaseInfo.shop_name }}” />
<meta property=”og:description” content=”{{ Page.description }}” />
<meta property=”og:type” content=”website” />
<meta property=”og:site_name” content=”{{ BaseInfo.shop_name }}” />
<meta property=”og:url” content=”{{ meta_canonical }}” />
<meta property=”og:image” content=”表示させたい画像の個別URL” />
<link rel=”canonical” href=”{{ meta_canonical }}” />

 

↓結果

<title>サンプルサイト / TOPページ</title>
<meta property=”og:title” content=”サンプルサイト” />
<meta property=”og:description” content=”トップページdescription” />
<meta property=”og:type” content=”website” />
<meta property=”og:site_name” content=”サンプルサイト” />
<meta property=”og:url” content=”https://sample.com/” />
<meta property=”og:image” content=”表示させたい画像の個別URL” />
<link rel=”canonical” href=”https://sample.com/” />
<meta name=”description” content=”トップページdescription”>
<meta name=”author” content=”トップページauthor”>
<meta name=”keywords” content=”トップページkeyword”>
<meta name=”robots” content=”トップページrobot”>

 

※ プラグイン導入前と変わらない。

 

（2）商品詳細ページ
①　ページ管理のメタ設定の入力ボックスに何も入力しないと、
（プラグインの独自メタにも入力しない）

<title>チェリーアイスサンド1 / サンプルサイト</title>
<meta property=”og:title” content=”チェリーアイスサンド1″ />
<meta property=”og:image” content=”https://sample.com/html/upload/save_image/sand-1.png” />
<meta property=”product:price:amount” content=”3080″/>
<meta property=”product:price:currency” content=”JPY”/>
<meta property=”product:product_link” content=”https://sample.com/products/detail/2″/>
<meta property=”product:retailer_title” content=”サンプルサイト”/>
<meta property=”og:type” content=”og:product”/>
<meta property=”og:site_name” content=”サンプルサイト”/>
<meta name=”description” content=”チェリーアイスサンドは北海道産のチェリーのアイスをサクサクのクッキーでサンドしたスイーツです。
立方体なので大量に持ち運ぶときも便利です。
いまだけ、頑丈な箱つきです。”>
<meta property=”og:description” content=”チェリーアイスサンドは北海道産のチェリーのアイスをサクサクのクッキーでサンドしたスイーツです。
立方体なので大量に持ち運ぶときも便利です。
いまだけ、頑丈な箱つきです。”/>
<meta property=”og:url” content=”https://sample.com/products/detail/2″/>
<link rel=”canonical” href=”https://sample.com/products/detail/2″ />

 

※ プラグイン適用前と比べると、title→商品名が先でサイト名が後に表示される。

 

②-1　ページ管理のメタ設定で、metatagを除いて、4つのボックスに入力すると、赤字が追加される。
（プラグインの独自メタには入力しない）

<title>チェリーアイスサンド1 / サンプルサイト</title>
<meta property=”og:title” content=”チェリーアイスサンド1″ />
<meta property=”og:image” content=”https://sample.com/html/upload/save_image/sand-1.png” />
<meta property=”product:price:amount” content=”3080″/>
<meta property=”product:price:currency” content=”JPY”/>
<meta property=”product:product_link” content=”https://sample.com/products/detail/2″/>
<meta property=”product:retailer_title” content=”サンプルサイト”/>
<meta property=”og:type” content=”og:product”/>
<meta property=”og:site_name” content=”サンプルサイト”/>
<meta name=”description” content=”チェリーアイスサンドは北海道産のチェリーのアイスをサクサクのクッキーでサンドしたスイーツです。
立方体なので大量に持ち運ぶときも便利です。
いまだけ、頑丈な箱つきです。”>
<meta property=”og:description” content=”チェリーアイスサンドは北海道産のチェリーのアイスをサクサクのクッキーでサンドしたスイーツです。
立方体なので大量に持ち運ぶときも便利です。
いまだけ、頑丈な箱つきです。”/>
<meta property=”og:url” content=”https://sample.com/products/detail/2″/>
<link rel=”canonical” href=”https://sample.com/products/detail/2″ />
<meta name=”author” content=”商品詳細ページ管理author”>
<meta name=”keywords” content=”商品詳細ページ管理keyword”>
<meta name=”robots” content=”商品詳細ページ管理robot”>

※ メタ設定のdescriptionの入力内容が反映されず、商品説明のまま。

 

②-2　続けて、プラグインの独自メタ設定で、metatagを除いて入力すると、赤字が独自メタに変更される。

<title>独自メタ－チェリーアイスサンド1</title>
<meta property=”og:title” content=”チェリーアイスサンド1″ />
<meta property=”og:image” content=”https://sample.com/html/upload/save_image/sand-1.png” />
<meta property=”product:price:amount” content=”3080″/>
<meta property=”product:price:currency” content=”JPY”/>
<meta property=”product:product_link” content=”https://sample.com/products/detail/2″/>
<meta property=”product:retailer_title” content=”サンプルサイト”/>
<meta property=”og:type” content=”og:product”/>
<meta property=”og:site_name” content=”サンプルサイト”/>
<meta name=”description” content=”独自メタdescription”>
<meta property=”og:description” content=”独自メタdescription”/>
<meta property=”og:url” content=”https://sample.com/products/detail/2″/>
<link rel=”canonical” href=”https://sample.com/products/detail/2″ />
<meta name=”author” content=”独自メタauthor”>
<meta name=”keywords” content=”独自メタkeyword”>
<meta name=”robots” content=”独自メタrobot”>

 

③-1　続けて、ページ管理のメタ設定のmetatagに「テスト」と入力すると、すべての商品ページでOGPタグとカノニカルが表示されない。

<title>チェリーアイスサンド2 / サンプルサイト</title>
テスト
<meta name=”description” content=”商品詳細ページ管理description”>
<meta name=”author” content=”商品詳細ページ管理author”>
<meta name=”keywords” content=”商品詳細ページ管理keyword”>
<meta name=”robots” content=”商品詳細ページ管理robot”>

 

③-2　プラグインの独自メタ設定のmetatagに「テスト」と入力しても、上記と同じようにOGPタグとカノニカルが表示されない。

<title>独自メタ－チェリーアイスサンド1</title>
テスト
<meta name=”author” content=”独自メタauthor”>
<meta name=”keywords” content=”独自メタkeyword”>
<meta name=”robots” content=”独自メタrobot”>

 

④-1　続けて、ページ管理のメタ設定のmetatagに個別のOGPとカノニカル入力ると、すべての商品ページで、

{% set meta_og_type = “og:product” %}
{% set meta_description = Product.description_list | default(Product.description_detail) | default(Page.description) %}
{% set meta_canonical = url(‘product_detail’, {‘id’: Product.id}) %}
<meta property=”og:title” content=”{{ Product.name }}” />
<meta property=”og:image” content=”{{ absolute_url(asset(Product.main_list_image|no_image_product, ‘save_image’)) }}” />
<meta property=”product:price:amount” content=”{{ Product.getPrice02IncTaxMin }}”/>
<meta property=”product:price:currency” content=”{{ eccube_config.currency }}”/>
<meta property=”product:product_link” content=”{{ url(‘product_detail’, {‘id’: Product.id}) }}”/>
<meta property=”product:retailer_title” content=”{{ BaseInfo.shop_name }}”/>
<meta property=”og:type” content=”website” />
<meta property=”og:site_name” content=”{{ BaseInfo.shop_name }}” />
<meta property=”og:description” content=”{{ Page.description }}” />
<meta property=”og:url” content=”{{ meta_canonical }}” />
<link rel=”canonical” href=”{{ meta_canonical }}” />

 

↓結果

<title>チェリーアイスサンド2 / サンプルサイト</title>
<meta property=”og:title” content=”チェリーアイスサンド2″ />
<meta property=”og:image” content=”https://sample.com/html/upload/save_image/0428161744_69f05f1809320.png” />
<meta property=”product:price:amount” content=”3080″/>
<meta property=”product:price:currency” content=”JPY”/>
<meta property=”product:product_link” content=”https://sample.com/products/detail/3″/>
<meta property=”product:retailer_title” content=”サンプルサイト”/>
<meta property=”og:type” content=”website” />
<meta property=”og:site_name” content=”サンプルサイト” />
<meta property=”og:description” content=”商品詳細ページ管理description” />
<meta property=”og:url” content=”https://sample.com/products/detail/3″ />
<link rel=”canonical” href=”https://sample.com/products/detail/3″ />
<meta name=”description” content=”商品詳細ページ管理description”>
<meta name=”author” content=”商品詳細ページ管理author”>
<meta name=”keywords” content=”商品詳細ページ管理keyword”>
<meta name=”robots” content=”商品詳細ページ管理robot”>

 

④-2　プラグインの独自メタ設定のmetatagに、同様に入力する。

{% set meta_og_type = “og:product” %}
{% set meta_description = Product.description_list | default(Product.description_detail) | default(Page.description) %}
{% set meta_canonical = url(‘product_detail’, {‘id’: Product.id}) %}
<meta property=”og:title” content=”{{ Product.name }}” />
<meta property=”og:image” content=”{{ absolute_url(asset(Product.main_list_image|no_image_product, ‘save_image’)) }}” />
<meta property=”product:price:amount” content=”{{ Product.getPrice02IncTaxMin }}”/>
<meta property=”product:price:currency” content=”{{ eccube_config.currency }}”/>
<meta property=”product:product_link” content=”{{ url(‘product_detail’, {‘id’: Product.id}) }}”/>
<meta property=”product:retailer_title” content=”{{ BaseInfo.shop_name }}”/>
<meta property=”og:type” content=”website” />
<meta property=”og:site_name” content=”{{ BaseInfo.shop_name }}” />
<meta property=”og:description” content=”{{ Page.description }}” />
<meta property=”og:url” content=”{{ meta_canonical }}” />
<link rel=”canonical” href=”{{ meta_canonical }}” />

 

↓結果

<title>独自メタ－チェリーアイスサンド1</title>
<meta property=”og:title” content=”チェリーアイスサンド1″ />
<meta property=”og:image” content=”https://sample.com/html/upload/save_image/sand-1.png” />
<meta property=”product:price:amount” content=”3080″/>
<meta property=”product:price:currency” content=”JPY”/>
<meta property=”product:product_link” content=”https://sample.com/products/detail/2″/>
<meta property=”product:retailer_title” content=”サンプルサイト”/>
<meta property=”og:type” content=”website” />
<meta property=”og:site_name” content=”サンプルサイト” />
<meta property=”og:description” content=”商品詳細ページ管理description” />
<meta property=”og:url” content=”https://sample.com/products/detail/2″ />
<link rel=”canonical” href=”https://sample.com/products/detail/2″ />
<meta name=”author” content=”独自メタauthor”>
<meta name=”keywords” content=”独自メタkeyword”>
<meta name=”robots” content=”独自メタrobot”>

 

（3）商品一覧ページ
①　ページ管理のメタ設定の入力ボックスに何も入力しないと、
（プラグインの独自メタにも入力しない）

<title>新入荷 / サンプルサイト</title>
<meta property=”og:type” content=”article”/>
<meta property=”og:site_name” content=”サンプルサイト”/>
<meta property=”og:url” content=”https://sample.com/products/list?category_id=2″/>
<link rel=”next” href=”https://sample.com/products/list?category_id=2&pageno=2″ title=”新入荷 2ページ目”>
<link rel=”canonical” href=”https://sample.com/products/list?category_id=2″ />

 

※ プラグイン導入前と比べると、title→カテゴリ名が先でサイト名が後に表示される。

 

②-1　ページ管理のメタ設定で、metatagを除いて、4つのボックスに入力すると、赤字が追加される。
（プラグインの独自メタには入力しない）

<title>新入荷 / サンプルサイト</title>
<meta property=”og:type” content=”article”/>
<meta property=”og:site_name” content=”サンプルサイト”/>
<meta name=”description” content=”商品一覧description”>
<meta property=”og:description” content=”商品一覧description”/>
<meta property=”og:url” content=”https://sample.com/products/list?category_id=2″/>
<link rel=”next” href=”https://sample.com/products/list?category_id=2&pageno=2″ title=”新入荷 2ページ目”>
<link rel=”canonical” href=”https://sample.com/products/list?category_id=2″ />
<meta name=”author” content=”商品一覧author”>
<meta name=”keywords” content=”商品一覧keyword”>
<meta name=”robots” content=”商品一覧robot”>

 

②-2　続けて、プラグインの独自メタ設定で、metatagを除いて入力すると、赤字が独自メタに変更される。

<title>独自メタ－新入荷</title>
<meta property=”og:type” content=”article”/>
<meta property=”og:site_name” content=”サンプルサイト”/>
<meta name=”description” content=”新入荷：独自メタ description”>
<meta property=”og:description” content=”新入荷：独自メタ description”/>
<meta property=”og:url” content=”https://sample.com/products/list?category_id=2″/>
<link rel=”next” href=”https://sample.com/products/list?category_id=2&pageno=2″ title=”新入荷 2ページ目”>
<link rel=”canonical” href=”https://sample.com/products/list?category_id=2″ />
<meta name=”author” content=”新入荷：独自メタ author”>
<meta name=”keywords” content=”新入荷：独自メタ keyword”>
<meta name=”robots” content=”新入荷：独自メタrobots”>

 

③-1　続けて、ページ管理のメタ設定のmetatagに「テスト」と入力すると、すべての商品ページでOGPタグとカノニカルが表示されない。

<title>ジェラート / サンプルサイト</title>
テスト
<meta name=”description” content=”商品一覧description”>
<meta name=”author” content=”商品一覧author”>
<meta name=”keywords” content=”商品一覧keyword”>
<meta name=”robots” content=”商品一覧robot”>

 

③-2　プラグインの独自メタ設定のmetatagに「テスト」と入力しても、上記と同じようにOGPタグとカノニカルが表示されない。

<title>独自メタ－新入荷</title>
テスト
<meta name=”description” content=”新入荷：独自メタ description”>
<meta name=”author” content=”新入荷：独自メタ author”>
<meta name=”keywords” content=”新入荷：独自メタ keyword”>
<meta name=”robots” content=”新入荷：独自メタrobots”>

 

④-1　続けて、ページ管理のメタ設定のmetatagに個別のOGPとカノニカル入力ると、すべての商品ページで、
（ページネーションを組み込むことが出来ない）

{% set meta_canonical = url(‘product_list’, {‘category_id’: Category.id|default(null)}) %}
<meta property=”og:title” content=”{{ Category.name }}” />
<meta property=”og:description” content=”{{ Page.description }}” />
<meta property=”og:type” content=”article” />
<meta property=”og:url” content=”{{ meta_canonical }}”/>
<meta property=”og:image” content=”表示させたい画像の個別URL” />
<meta property=”og:site_name” content=”{{ BaseInfo.shop_name }}” />
<link rel=”canonical” href=”{{ meta_canonical }}” />

 

↓結果

<title>ジェラート / サンプルサイト</title>
<meta property=”og:title” content=”ジェラート” />
<meta property=”og:description” content=”商品一覧description” />
<meta property=”og:type” content=”article” />
<meta property=”og:url” content=”https://sample.com/products/list?category_id=1″/>
<meta property=”og:image” content=”表示させたい画像の個別URL” />
<meta property=”og:site_name” content=”サンプルサイト” />
<link rel=”canonical” href=”https://sample.com/products/list?category_id=1″ />
<meta name=”description” content=”商品一覧description”>
<meta name=”author” content=”商品一覧author”>
<meta name=”keywords” content=”商品一覧keyword”>
<meta name=”robots” content=”商品一覧robot”>

 

④-2　プラグインの独自メタ設定のmetatagに、同様に入力する。
↓結果

<title>独自メタ－新入荷</title>
<meta property=”og:title” content=”新入荷” />
<meta property=”og:description” content=”商品一覧description” />
<meta property=”og:type” content=”article” />
<meta property=”og:url” content=”https://sample.com/products/list?category_id=2″/>
<meta property=”og:image” content=”表示させたい画像の個別URL” />
<meta property=”og:site_name” content=”サンプルサイト” />
<link rel=”canonical” href=”https://sample.com/products/list?category_id=2″ />
<meta name=”description” content=”新入荷：独自メタ description”>
<meta name=”author” content=”新入荷：独自メタ author”>
<meta name=”keywords” content=”新入荷：独自メタ keyword”>
<meta name=”robots” content=”新入荷：独自メタrobots”>

 

検証結果
トップページについて

プラグインを導入してもトップページ（その他のページも）には影響しない。

 

metatagについて

入力する場合は、twigで利用されている変数を記述する必要がある。
商品一覧ページでは、ページネーションを組み込むことが出来ない。
特別な理由がない限り、metatagの入力は不要でしょう。

 

商品詳細・商品一覧

独自メタが設定されていなくても、titleはすべて「商品名/サイト名」「カテゴリ名/サイト名」の順番になる。

独自メタは、設定されたページ（商品詳細・商品一覧）だけに適用される。

独自メタが設定されていないページは、ページ管理＞メタ設定が反映される。

 

商品一覧・詳細ページSEO対策(独自titleタグ・独自メタ設定)プラグイン