網(wǎng)站導(dǎo)航即網(wǎng)站欄目，目標是厘清網(wǎng)站內(nèi)容結(jié)構(gòu)，引導(dǎo)用戶在網(wǎng)站內(nèi)容頁面之間跳轉(zhuǎn)，讓用戶快速找到對應(yīng)的內(nèi)容。

另外，網(wǎng)站導(dǎo)航也給搜索引擎提供了網(wǎng)站各個頁面的入口，從而讓搜索引擎更容易抓取頁面內(nèi)容。

網(wǎng)站導(dǎo)航在網(wǎng)站中的顯示位置一般為網(wǎng)站上方和網(wǎng)站底部，導(dǎo)航名稱應(yīng)該使用文字，以便更容易被搜索引擎識別并傳遞權(quán)重。

采用圖片、動畫、JS 代碼等形式的網(wǎng)站導(dǎo)航一般都不利于搜索引擎抓取。

網(wǎng)站導(dǎo)航在網(wǎng)站中的權(quán)重比較高，所以一般使用類目關(guān)鍵詞，并且導(dǎo)航URI同樣可以使用關(guān)鍵詞。

如果關(guān)鍵詞為多個單詞，那么應(yīng)該使用“”作為連接符實現(xiàn)網(wǎng)址的描述性及 SEO 的友好性。

除了使用類目關(guān)鍵詞，賣家也可以利用導(dǎo)航的權(quán)重，把主推產(chǎn)品作為導(dǎo)航，以迅速提高主推產(chǎn)品的排名。

賣家在內(nèi)容頁面中還可以設(shè)置面包屑導(dǎo)航，幫助用戶識別當前頁面在網(wǎng)站中的位置。

面包屑導(dǎo)航的形式為 Home> Category >Pages，一般顯示在頁面左上方的導(dǎo)航下，面包屑導(dǎo)航能夠有效地降低跳出率，增加網(wǎng)站內(nèi)部鏈接次數(shù)，提高用戶體驗。

Shopify 的默認模板不帶有面包屑導(dǎo)航，賣家可以在 Liquid 模板中添加，打開模板代碼,在Theme子目錄中創(chuàng)建 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 )在編輯完后保存。

然后，在模板代碼中需要調(diào)用面包屑導(dǎo)航的代碼位置，使用{%iclude breadcrumbs'%引用該代碼。

使用效果。

另外，Shopify 支持在產(chǎn)品中添加標簽。

賣家可以靈活地運用產(chǎn)品標簽，通過標簽實現(xiàn)多種導(dǎo)航方式，從而有效地提高頁面瀏覽量，降低頁面跳出率。