fecify 商品详情页variant参数

在前台商城，商品详情页，进入后会自动加上variant参数，对该部分的说明

variant参数，指的是，访问商品详情页url，页面加载后，将会给url加上一个url get 参数:?variant=17

譬如：访问url：https://www.fecshop.cn/products/long-sleeve-maxi-dress，页面加载后，url将变为：https://www.fecshop.cn/products/long-sleeve-maxi-dress?variant=17

很多客户对这个迷惑，总认为对seo有影响，这里先说结论：没有任何影响

详细分析

一：商品列表

1.在商品专辑页面，商品列表，鼠标放到商品图片，或者商品标题，上面，可以看到商品的url，是没有variant参数的

二：商品详情页

1.点击商品，进入商品页面（没有变体参数：variant）

进入商品详情页，您会发现，url是没有variant参数的，当页面开始渲染后，才加上variant参数（这个时间间隔非常短，也就是几百毫秒的时间间隔）

逻辑分析：

1.访问商品url进入商品页面：https://www.fecshop.cn/products/customeow-customized-phone-case
2.页面开始渲染，js对商品变体（规格）进行默认选中，选中后得到变体（规格）id
3.规格进行默认选中后，js将变体id，加入到url，url就变成了：https://www.fecshop.cn/products/customeow-customized-phone-case?variant=23347

因此：

2.访问带有variant参数的url，进入商品页面（带有变体参数：variant）

当您依次访问下面的这几个url：

您会发现，对变体（规格）的选中是不一样

因此，当商品存在多个规格，您在做广告投流，想要针对某个规格做投流（譬如：蓝色的手机壳），您可以通过url中加入variant参数，来确定用户打开商品页面，默认选中相应的规格，规格选中后，商品的默认图将切换到该规格对应的规格图。

3.关于seo的问题

variant的参数不同，进而该商品，对应的商品详情页存在多个url，搞seo的同学，会认为这个是重复页面，对seo有影响，fecify是通过html的canonical来解决的这个问题

3.1打开商品详情页，浏览器查看源代码，可以看到源代码：

<link rel="canonical" href="https://www.fecshop.cn/products/customeow-customized-phone-case" />

3.2关于canonical的作用

3.3因此存在多个不同参数的variant，SEO是没有问题的。

results matching ""