使用GTM CSS选择器添加结构化数据遇链接加斜杠等问题如何修复

以下操作均在Google Tag Manager（GTM）后台完成，步骤简单适合新手操作：

问题1：URL自动添加转义斜杠导致404 #

原因 #

直接把GTM变量套入JSON字符串模板时，GTM会自动对正斜杠做转义处理，生成的\/虽然属于合法JSON语法，但部分搜索引擎爬虫解析时会出错，最终触发404。

解决步骤 #

• 放弃手写LD+JSON字符串模板，改为用自定义JS变量生成结构化数据对象，GTM会自动输出无多余转义的合法JSON：

1. 进入GTM后台，新建「自定义JavaScript」变量，命名为商品结构化数据
2. 把下方代码粘贴到变量编辑框中，代码内的{{sku}}、{{product-title}}等变量保持和你原来使用的变量名一致即可：

function() {
  return {
    "@context": "https://www.schema.org",
    "@type": "Product",
    "sku": {{sku}},
    "image": [{{carousel-item active}}],
    "name": {{product-title}},
    "description": {{product-description}},
    "category": {{category}},
    "brand": {
      "@type": "Brand",
      "name": "BRAND",
      "logo": "https://example.com/images/logo.png"
    },
    "offers": {
      "@type": "Offer",
      "itemCondition": "http://schema.org/NewCondition",
      "availability": "http://schema.org/InStock",
      "price": {{格式化后价格}},
      "priceValidUntil": "2021-11-11",
      "priceCurrency": "HRK",
      "url": {{Page URL}},
      "shippingDetails": {
        "@type": "OfferShippingDetails",
        "shippingRate": {
          "@type": "MonetaryAmount",
          "value": "25",
          "currency": "HRK"
        },
        "shippingDestination": {
          "@type": "DefinedRegion",
          "addressCountry": "HR"
        },
        "deliveryTime": {
          "@type": "ShippingDeliveryTime",
          "transitTime": {
            "@type": "QuantitativeValue",
            "minValue": "3",
            "maxValue": "5"
          },
          "cutOffTime": "17:00-08:00",
          "businessDays": {
            "@type": "OpeningHoursSpecification",
            "dayOfWeek": [
              "https://schema.org/Monday",
              "https://schema.org/Tuesday",
              "https://schema.org/Wednesday",
              "https://schema.org/Thursday",
              "https://schema.org/Friday"
            ]
          }
        }
      }
    }
  }
}

3. 原来放置结构化数据的自定义HTML标签，全部内容替换为以下代码即可：

<script type="application/ld+json">
{{商品结构化数据}}
</script>

问题2：价格逗号分隔符报错 #

原因 #

Schema官方标准要求价格字段必须使用英文点号作为小数分隔符，和所在国家的本地显示习惯无关，所以提交的结构化数据里的价格格式不符合要求就会报错。

解决步骤 #

• 新建另一个自定义JavaScript变量，命名为格式化后价格，粘贴以下代码（代码里的{{price}}替换为你原来使用的价格变量名）：

function() {
  var rawPrice = {{price}};
  // 把价格里的逗号替换为标准要求的点号
  return rawPrice.replace(',', '.');
}

• 该修改仅作用于结构化数据，完全不会影响你网站前端给用户展示的逗号分隔价格，不影响正常用户体验。

最后配置完成后，在GTM预览模式下测试，查看页面源码中的LD+JSON内容，确认URL无转义斜杠、价格为点号分隔，再提交到富结果测试工具验证即可正常通过。

内容的提问来源于stack exchange，提问作者Krešimir Ćorlukić