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 支持在产品中添加标签。。。。。。。。卖家可以无邪地运用产品标签，，，，，，，，通过标签实现多种导航方法，，，，，，，，从而有用地提高页面浏览量，，，，，，，，降低页面跳出率。。。。。。。。