Shopify页面meta title被自动追加内容导致过长如何解决

方案1：后台偏好设置修改（适合非技术用户） #

• 登录Shopify后台，进入「在线商店」→「偏好设置」
• 找到「标题和元描述」模块，删除主标题字段中除站点名称外的多余附加内容，也可直接清空主标题后缀内容
• 保存设置后等待10~30分钟缓存更新，再检测页面标题即可

注意：该方案仅适配默认Shopify官方主题，部分自定义开发主题不会调用偏好设置的主标题规则，需使用方案2修改。

方案2：修改主题代码永久生效（全主题适配） #

• 进入Shopify后台，点击「在线商店」→「主题」→ 已发布主题右侧的「⋮」按钮→「编辑代码」
• 在左侧文件导航的「布局」分类下找到theme.liquid文件并打开
• 搜索<title>标签对应的代码段，默认的拼接规则代码大致如下：

<title>
  {{ page_title }} - {{ shop.name }}
</title>

• 将上述代码替换为以下内容，即可实现仅展示每个页面单独设置的自定义meta title，未单独设置时才显示默认规则：

<title>
{% if template == 'collection' and collection.metafields.seo.title %}
  {{ collection.metafields.seo.title | escape }}
{% elsif template == 'product' and product.metafields.seo.title %}
  {{ product.metafields.seo.title | escape }}
{% elsif template == 'blog' and blog.metafields.seo.title %}
  {{ blog.metafields.seo.title | escape }}
{% else %}
  {{ page_title | escape }}
{% endif %}
</title>

• 保存代码后清空Shopify缓存和浏览器缓存，重新检测页面标题即可生效。

额外注意事项 #

• 修改代码前请先备份当前主题，避免误操作引发页面故障
• 若你使用了第三方SEO类插件管理页面标题，需要先到插件设置中关闭「自动追加站点标题后缀」的功能，插件规则优先级高于主题代码设置

内容的提问来源于stack exchange，提问作者Nastya