shopify网站导航优化

shopify 网站导航优化

网站导航即网站栏目，目标是厘清网站内容结构，引导用户在网站内容页面之间跳转，让用户快速找到对应的内容。

另外，网站导航也给搜索引擎提供了网站各个页面的入口，从而让搜索引擎更容易抓取页面内容。

网站导航在网站中的显示位置一般为网站上方和网站底部，导航名称应该使用文字，以便更容易被搜索引擎识别并传递权重。

采用图片、动画、JS 代码等形式的网站导航一般都不利于搜索引擎抓取。

网站导航在网站中的权重比较高，所以一般使用类目关键词，并且导航URI同样可以使用关键词。

如果关键词为多个单词，那么应该使用“”作为连接符实现网址的描述性及 SEO 的友好性。

除了使用类目关键词，卖家也可以利用导航的权重，把主推产品作为导航，以迅速提高主推产品的排名。

卖家在内容页面中还可以设置面包屑导航，帮助用户识别当前页面在网站中的位置。

面包屑导航的形式为 Home> Category >Pages，一般显示在页面左上方的导航下，面包屑导航能够有效地降低跳出率，增加网站内部链接次数，提高用户体验。

Shopify 的默认模板不带有面包屑导航，卖家可以在 Liquid 模板中添加，打开模板代码,在Theme子目录中创建 breadcrumbs.liquid文件,编辑 breadcrumbs.liquid代码如下。

(% unless template == 'index' or template == 'cart' or template =='list-collections' ]<navrole="navigation"aria-label="breadcrumbs">Home</a>[%if template contains ipage' %)<span aria-hidden="true">›</span><span>(( page.title ))</span>(%elsif template contains 'product!){if collection.url %)<span aria-hidden="true">›</span>([ collection.title [ link to: collection.url J)[endif 名)<span aria-hidden="truer>›</span><span>{[ product.title ]J</span>{elsif template contains 'collection'and collection.handle%]<span aria-hidden="true">›</span>{ if current tags ]{ capture url )/collections/[[ collection.handle J}{号endcapture %][{ collection.title l link to:url ]}<span aria-hidden="true">›</span><span>[{ current tags join: + )}</span>(% else %)<span>{{ collection.title }]</span>(% endif %)[%elsif template == "blog' )<span aria-hidden="true">›</span>[% if current tags %]{{ blog.title l link to: blog.url }}<span aria-hidden="true">›</span><span>{{ current tags ] join: + })</span>[%else %)<span>{{ blog.title }]</span>l% endif %][%elsif template ==article' )<span aria-hidden="true">›</span>({ blog.title l link to: blog.url ))<span aria-hidden="true">›</span><span>([ article.title J}</span>{%else %)<span aria-hidden="true">›</span><span>({ page title }}</span>(号endif %)</nav>[% endunless )在编辑完后保存。

然后，在模板代码中需要调用面包屑导航的代码位置，使用{%iclude breadcrumbs'%引用该代码。

使用效果。

另外，Shopify 支持在产品中添加标签。

卖家可以灵活地运用产品标签，通过标签实现多种导航方式，从而有效地提高页面浏览量，降低页面跳出率。