关于 Shopify 与电商的报道与研究
有据可查的实用教程,帮助你搭建并壮大自己的网店。
商家总以为,加载慢的店面需要打开某些新设置,但主题代码显示的问题恰恰相反:有些功能从一开始就没有被做成开关,所以真正的解决办法是挑一个基线 Core Web Vitals 数据在真实流量下就已经过关的主题。
商家都在搜索 Dawn 幻灯片应该用多大的图片尺寸,但这个 section 根本没有尺寸字段,而真实存在的 8 个设置项决定的是裁切方式和切换速度,而不是像素。
商家搜索 Dawn 区块调整方法时,通常想要的是一份设置清单,而真正重要的那份清单很短:multirow 有 13 项设置和 1 种区块类型,image-with-text 有 13 项设置和 4 种区块类型,而这两者都与其他主题代码中出现却没有对应功能的那个含糊词「layout」毫无关系。
商家搜索 "shopify predictive search",期待找到一个可以自由调整的功能,但 section 文件显示,真正的边界早在商家打开主题编辑器之前就已被代码固定。
想要建立店铺邮件列表的商家,通常会先装一个弹窗应用,之后才去看主题里有什么,而这个顺序是反的——Dawn 早就自带了一个带 11 项设置的 email-signup-banner 区块,Horizon 则用一个含 27 项设置的区块完成同样的工作,两者都不需要订阅。
商家之所以在 Dawn 中寻找固定加入购物车按钮的开关,是因为 Horizon 有这个功能,但 Dawn 实际的 section 文件里根本没有这项设置,而弄清楚存在哪些文件,会改变一个修复方案实际能做到什么。
商家以为 Dawn 的拼贴板块是一个可以自由设计样式的简单图片网格,但代码将其限制为最多三个区块和四种区块类型,并把布局决策交给两个二选一的开关。
想做一个不装应用的 Shopify FAQ 页面的商家,通常会被引向一张主题对比表,但真正的答案就在 Dawn 的某一个 section 文件里——它带有 13 项设置,已经足以完成这件事。
本文厘清 Dawn 的公告栏 section 在代码中实际暴露了哪些设置,以及 Horizon 在其各自独立文件中暴露了哪些设置——这比商家通常先去查看的全店星级评分更重要。
商家挑选珠宝主题时,往往靠滚动浏览 Theme Store 分类页面来决定,但那里的排名与真实访客实际获得快速页面的比例毫无关系,这两个数字是各自独立变化的。
对 329 款 Shopify 主题进行的全市场检查表明,决定速度的是主题开放了哪些设置项,而不是某款主题的口碑,而通常那种「挑个热门主题就行」的建议忽略了这一点。
本文用市场数据说清楚:在已收录的 329 款主题中,主题性能与价格究竟呈现出什么样的真实情况——因为测量数据里根本不存在书店这个类目,而常见的答案却假装有某款主题是专为该场景打造并经过验证的。
商家问这个问题,是想知道付一次钱是否意味着永久拥有。诚实的答案是:购买本身确实是一次性的,但没人在商品详情页说清楚的那个「设置项」其实属于代码范畴,而非授权范畴。因此本文查的是主题文件,而不是营销文案。
Dawn 自带快速购买功能,且默认关闭。该设置只出现在其 46 个 section 中的 2 个里,而两种可用模式的开销并不相等:standard 会给集合页增加 21128 字节,bulk 则是 41935 字节。数据读取自该主题 v16.0.0 版本的源码。
Horizon 的 hero 区块自身有 36 项 section 设置,8 种区块类型另外承载 104 项设置,而它的 Height 下拉菜单会随着屏幕变宽从 rem 切换到 svh。本文读取自该主题源码,提交记录为 8b42ace。
Dawn v16.0.0 会向浏览器请求从 375 到 3840px 的 9 种图片宽度;当你使用两张图片时,则是另一套最高到 7680px 的宽度阶梯。本文列出 Image banner 区块的每一个设置项、每一个默认值,以及以像素为单位的精确高度,全部来自主题自身的代码。
官方 Theme Store 共上架 1,211 个主题,其中 24 个免费、1,187 个付费。大多数买家的挑选方式,就是一路翻看截图,直到疲劳替自己做出决定。下面是我们改用的清单:分四个阶段、共 21 项核查,每一项都能用你在花钱之前自己就能收集到的数据来验证。
在官方 Theme Store 搜索 dropshipping,会返回 30 款付费主题、0 款免费主题,并呈现出一个惊人的规律:这 30 款全部内置库存计数器,27 款内置倒计时。我们抛开这套炒作工具箱,用唯一经得起广告账单检验的方式给它们排序——实测的移动端速度。
Largest Contentful Paint 是 Shopify 店铺表现最明显失分的 Core Web Vitals 指标,我们自己的审计说明了原因:在 15 个官方主题演示站上,首次绘制大约在 2 到 5 秒之间出现,随后购物者还要再等最多 13.9 秒才能看到主视觉媒体。下面是其运作机制和修复清单,附带具体数据。
Shopify 的美妆筛选标签下列出了 100 多款主题,但香水或护肤店铺需要一套特定的工具:香调说明、成分标签页、使用前后对比滑块,以及在顾客失去兴趣之前就能加载完成的页面。我们筛选出候选名单,并亲自实测了其中三款。
Shopify 的服装类筛选器会返回 11 页、约 240 款主题。我们挑出了值得你花时间考虑的那几款,其中七款我们有自己在真实演示店上跑出的 Lighthouse 数据,而不是供应商的承诺。
单品店的成败系于一个页面,因此我们把 Shopify 官方的小型目录主题筛选条件,与我们 7 月对 15 个线上演示站的 Lighthouse 实测结果做了交叉比对,并按实测的移动端 LCP 排名,而不是凭感觉。
Shopify 在 Markets、配送区域、结账和 Liquid 中接受的每一个两字母国家代码:完整的 ISO 3166-1 alpha-2 列表汇总于一张可排序表格,并附上每个代码的使用场景说明。