Skip to content

ecforceのSEOについて

ecforceは、デフォルトではSEOに強くないため、設定およびコーディングで改善する必要があります。

headタグのTDK設定

管理画面 > 各種設定 > ショップの基本設定 > メタ/OGP情報から、TDKを入力します。

Todo

メタ/OGP情報が正しく反映されているか要検証。

対象ファイル：ec_force/shop/sections/_head.html.liquid

元の記述

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-language" content="ja">
<title>{{ title | strip }}</title>
<meta name="description" content="{{ meta_description | strip }}">
<meta name="keywords" content="{{ meta_keywords | strip }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="{{ base_info.meta_title }}">
<meta property="og:description" content="{{ base_info.meta_description }}">
<meta property="og:type" content="website">
<meta property="og:image" content="{{ sns_ogp_logo | strip }}">

書き換えに成功している例

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-language" content="ja">
<title>{{ title | strip }}</title>
<meta name="description" content="{{ meta_description | strip }}">
<meta name="keywords" content="{{ meta_keywords | strip }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:title" content="{{ title | strip }}">
<meta property="og:description" content="{{ meta_description | strip }}">
<meta property="og:type" content="website">
<meta property="og:image" content="{{ sns_ogp_logo | strip }}">

商品詳細ページのTDKの動的出力

Liquidテンプレ最下部に下記のように記述。

{% content_for meta_description %}
{{ product.meta_description }}
{% endcontent_for %}

{% content_for meta_keywords %}
{% endcontent_for %}

{% content_for title %}
{{ product_name }}｜{{ base_info.shop_name }} 
{% endcontent_for %}

商品カテゴリーページのTDKの動的出力

{% content_for meta_description %}
{{ product_category.description }}
{% endcontent_for %}

{% content_for meta_keywords %}
{% endcontent_for %}

{% content_for title %}
{{ product_category.name }}｜{{ base_info.shop_name }} 
{% endcontent_for %}