shopify 网站导航优化
网站导航即网站栏目,目标是厘清网站内容结构,引导用户在网站内容页面之间跳转,让用户快速找到对应的内容。另外,网站导航也给搜索引擎提供了网站各个页面的入口,从而让搜索引擎更容易抓取页面内容。
网站导航在网站中的显示位置一般为网站上方和网站底部,导航名称应该使用文字,以便更容易被搜索引擎识别并传递权重。采用图片、动画、JS 代码等形式的网站导航一般都不利于搜索引擎抓取。
网站导航在网站中的权重比较高,所以一般使用类目关键词,并且导航URI同样可以使用关键词。如果关键词为多个单词,那么应该使用“_”作为连接符实现网址的描述性及 SEO 的友好性。除了使用类目关键词,卖家也可以利用导航的权重,把主推产品作为导航,以迅速提高主推产品的排名。
卖家在内容页面中还可以设置面包屑导航,帮助用户识别当前页面在网站中的位置。面包屑导航的形式为 Home> Category >Pages,一般显示在页面左上方的导航下,面包屑导航能够有效地降低跳出率,增加网站内部链接次数,提高用户体验。
Shopify 的默认模板不带有面包屑导航,卖家可以在 Liquid 模板中添加,打开模板代码,在Theme子目录中创建 breadcrumbs.liquid文件,编辑 breadcrumbs.liquid代码如下。
(% unless template == 'index' or template == 'cart' or template =='list-collections' ]
[%if template contains ipage' %)
(( page.title ))
(%elsif template contains 'product!)
{if collection.url %)
([ collection.title [ link to: collection.url J)[endif 名)›
{ if current tags ]{ capture url )/collections/[[ collection.handle J}{号endcapture %]
[{ collection.title l link to:url ]}[{ current tags join: + )}
(% else %){{ collection.title }]
(% endif %)
[%elsif template == 'blog' )
[% if current tags %]
{{ blog.title l link to: blog.url }}
{{ current tags ] join: + })[%else %)
{{ blog.title }]
l% endif %]
[%elsif template ==article' )
({ blog.title l link to: blog.url ))
([ article.title J}
{%else %)
({ page title }}
(号endif %)
[% endunless )
在编辑完后保存。然后,在模板代码中需要调用面包屑导航的代码位置,使用{%iclude breadcrumbs'%引用该代码。使用效果。
另外,Shopify 支持在产品中添加标签。卖家可以灵活地运用产品标签,通过标签实现多种导航方式,从而有效地提高页面浏览量,降低页面跳出率。