javascript - Shopify 动态页面标题和描述

Question

如果任何 SHOPIFY 技术负责人知道如何解决这个问题，我希望得到一些指导

背景:

我们正在使用 Shopify 平台建立一家鞋店，其结构主要将产品系列划分为性别、风格、品牌，这是通过标签完成的。例如，您的鞋子可能带有“女士”、“勃肯”、“凉鞋”标签。

典型的 URL 可能 =/collections/womens/birkenstock/sandals。

挑战:

现在，我的挑战是在这个示例中，页面标题和页面描述基于 URL 中的主要集合，即“女性”。在这种情况下，女性无法最好地向用户或搜索引擎描述该 URL 的内容。

需要的结果:

有没有一种方法可以通过使用 {{ Collection }} {{ current_tags }} 的组合在 Shopify 中创建动态页面标题和描述

/collections/womens/= 页面名称为 Womens-shoes

/collections/womens/birkenstock = 页面名称为 Womens Birkenstocks

/collections/womens/birkenstock/sandals = 页面名称为 Womens Birkenstocks Sandals

每个页面都有自己独特的页面描述，而不是基于“女性”的主要集合。希望这是有道理的。

我知道我可以创建一个系列，比如女式勃肯鞋或女式勃肯鞋凉鞋，这会给我带来结果，但由于多种原因，我真的不能走这条路

期待看看是否有人知道这是如何工作的，或者更好的是已经做到这一点的 SHOPIFY 商店的例子

Answer 1

您应该能够完全按照您所描述的进行操作。

<title>{% case template %}
{% when 'collection'%}{{collection.title}} {{current_tags | join: " "}}
{% else %}{{page_title}}
{% endcase %}<title>

区别在于处理复数，因为您的示例将有一个标签“Birkenstock”，但希望标题包含“Birkenstocks”

您可以通过捕获派生值对标题和标题使用相同的值:

{% capture my_title %}{% case template %}
    {% when 'collection'%}{{collection.title}} {{current_tags | join: " "}}
    {% else %}{{page_title}}
    {% endcase %}{% endcapture %}

然后

<title>{{ my_title}}</title>
...

<h1>{{ my_title}}</h1>

你的问题实际上更多的是你将如何组装这些套装？如果您正在寻找 SEO 效果，则需要将与每个系列相关的多标签链接连接到您的主题中，以便可以从液体而不是客户端获取链接(例如/collections/womens/birkenstock+sandal)。这可能会变得有点复杂，因为您还需要考虑更改产品设置和新标签，因此简单的设置往往会导致指向空页面的链接。