Shopify动态页面标题&说明

时间:2016-06-26 00:54:49

标签: javascript html shopify

如果有任何SHOPIFY技术负责人知道如何解决这个问题,

会喜欢一些指示

背景:

我们使用shopify平台建立一个鞋店,其结构将收藏主要划分为性别,风格,品牌,这是通过标签完成的。因此,例如,您可能有一个鞋子,标签上有女装,Birkenstock,凉鞋。

典型的网址可能是= / collections / womens / birkenstock /凉鞋。

挑战:

现在我的挑战是在这个例子中,页面标题和页面描述基于URL中的主要集合,即女性'。在这种情况下,女性并不能最好地向用户或搜索引擎描述此URL的内容。

需要的结果:

有没有办法可以像动态页面标题一样创建&使用{{Collection}} {{current_tags}}

的组合来shopify中的说明

/ collections / womens / =这将有一个页面名称为womens-shoes

/ collections / womens / birkenstock =这将有一个页面名称为Womens Birkenstocks

/ collections / womens / birkenstock / sandals =这将有一个页面名称为Womens Birkenstocks凉鞋

每个人都有自己独特的页面描述,而不是仅仅基于女性的主要收藏品。希望这是有道理的。

我知道我可以创建一系列说女性birkenstock或女式birkenstock凉鞋,这将给我的结果,但由于多种原因,我真的不能走这条路

期待看到是否有人知道这是如何运作的,甚至是更好的SHOPIFY商店的例子

1 个答案:

答案 0 :(得分:1)

你应该能够完全按照你的描述做。

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

区别在于处理复数,因为你的例子中你会有一个标签&#34; Birkenstock&#34;但希望标题包含&#34; Birkenstocks&#34;

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

{% 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)可以从流动而非客户端获得。这可能会有点复杂,因为您还需要考虑更改产品设置和新标签,因此简单的设置最终会导致链接到空白页面。