跨境男孩 | Shopify SEO缺陷及技術SEO

眼中腳下路，心中要有宏圖。

大家好，我是跨境男孩Riven。

如果你正在做Google SEO，或者閱讀了有關 SEO 的文章，你可能已經(jīng)聽說過技術 SEO 的重要性。

雖然 Shopify 可以為獨立站商家處理許多技術性 SEO基建，但仍然需要你做很多事情。

我通過GeekLeads（極客線索 www.geekleads.cn ）發(fā)現(xiàn)了數(shù)百萬個Shopify獨立站，

并結合SEMrush、ScreamingFrog（尖叫青蛙）等軟件，進行手動審查數(shù)百家 Shopify 商店后，以下是我學到的一些東西，今天做一個線上分享：

（圖1本文思維導圖，圖片來源：跨境男孩Riven自制）

什么是技術搜索引擎優(yōu)化？

顧名思義，這通常與技術改進有關，例如Canonical、分面導航、縮短加載時間、自動生成頁面等。

為何適用于 Shopify？

雖然我們無法控制Shopify服務器本身，但我們可以為 Shopify 進行速度優(yōu)化，同時修復一些SEO技術問題。

可以通過全面抓取網(wǎng)站，對網(wǎng)站SEO技術進行審核，歸類常見類型的SEO技術問題，及其他問題等，并進行適當?shù)膬?yōu)化。

如何對 Shopify 商店進行技術 SEO 診斷？

我通常通過三個步驟來做到這一點：

瀏覽網(wǎng)站及頁面源代碼

使用SEMrush、ScreamingFrog（尖叫青蛙）之類的工具抓取網(wǎng)站

接下來，我都大致說下我診斷出的Shopify技術問題、及修復建議。

常見Shopify 技術 SEO 問題及修復方法

下面這張圖是Shopify 的所有最常見的技術 SEO 問題，可以先了解下，接下來將分享下如何修復這些問題。

問題1：目錄URL 結構自定義

在典型的電子商務 SEO 指南中，URL Path SEO 建議：

• ?URL 盡可能短
• ?包括主要（焦點&核心）關鍵字
• ?使用用戶友好的目錄結構

不要重復單詞

建議構建類似于以下內(nèi)容的內(nèi)部鏈接：/category/subcategory/

例如：

?/chairs/   所有椅子/類型的清單

??/chairs/office/    所有帶過濾器的辦公椅列表，以縮小范圍

??/chairs/office/leather    所有真皮辦公椅清單

雖然可以創(chuàng)建一個集合 /collections/leather-office-chairs，但如果我們還有許多其他辦公椅材料和其他類型椅子的話，則將所有這些組織起來意義不大。

出于 SEO 目的，這為C端用戶和蜘蛛（用戶代理User-agent）提供了URL上下文件夾關聯(lián)理解。

且這些中的每一個都將被定義為關鍵詞，有一定的搜索量和排名。

默認情況下, Shopify商品品類的URL結構，都是 /collections/{collection-handle} ，且collection無法替換。

這就使得你的所有商品品類頁面的結構如下：

?/collections/sofas

?/collections/leather-sofas

如果你真的很想更改商店的 URL 結構，有什么方式呢？

1.使用產(chǎn)品標簽

比如 /collections/{collection-handle}/{tag-handle}

這并不是理想方式，因為它只是一個額外的文件夾。并且標簽頁具有重復的 H1 和優(yōu)化欠佳的標題、元數(shù)據(jù)等。理想情況下你會想要 /mens/t-shirts/black，且內(nèi)容差異化。

如果沒有定制開發(fā)，在我看來，復雜性大于它的價值，就沒有辦法為用戶或搜索引擎定制這些標簽頁。

2.對標準頁面進行自定義功能

例如，Emulsion 使用頁面而不是產(chǎn)品集合：https://emulsion.co.uk/pages/our-products

他們還使用 URL 變量來更改類別：https://emulsion.co.uk/pages/our-products ?selected=face

我不完全確定他們?yōu)槭裁催@樣做，也不建議大家這樣做，但這是一種選擇。

另一個有趣的例子是 iSmash：https ://www.ismash.com/collections/iphone-12-pro-max-repairs

點擊“預訂維修”，系統(tǒng)將逐步指導消費者預訂維修。根本沒有使用產(chǎn)品頁面。

（圖2  iSmash預訂維修頁面，圖片來源：iSmash官網(wǎng)）

這里僅做記錄和分享，但我不推薦這兩種方式，因為它增加了復雜性，而感覺好處也沒多大。

問題2：內(nèi)部產(chǎn)品鏈接（Product Internal link）

在類別目錄結構之后，還有內(nèi)部的產(chǎn)品鏈接設置問題。

默認情況下，產(chǎn)品 URL 為：

/products/{product-handle}

但是，當通過集合（即類別）頁面訪問時，這將變?yōu)椋?collections/{collection-handle}/products/{product-handle}

（你也可以打開你的其中一個商品系列中的任何產(chǎn)品，看看你的商店是否發(fā)生這種情況）

問題在于這類備用商品URL，它僅用于展示。

同時，再檢查這些備用產(chǎn)品頁面中，查看頁面源代碼的規(guī)范化（Canonical）標簽，你會看到一些代碼告訴機器人，規(guī)范化頁面是

/products/{product-handle}

這意味著，你商店中的每個產(chǎn)品都有指向錯誤 URL 的內(nèi)部鏈接。

雖然你可能會爭辯說它們是“規(guī)范化”的，因此不應該成為問題，但這個規(guī)范標簽僅起到推薦的作用，而且經(jīng)常被搜索引擎忽略。

這也可能會導致同一產(chǎn)品在搜索引擎中被多次編入索引，并浪費爬網(wǎng)預算（通過多個 URL 訪問同一產(chǎn)品）。

但Shopify以上這樣設計，大概有兩個好處吧：

方便用戶通過URL查看產(chǎn)品類別

它支持面包屑鏈接（第3個問題再說）

所以也不能證明說是SEO 的缺點，所以我建議通過修改你的主題文件，直接鏈接到產(chǎn)品頁面來修復這些鏈接。

你可以在【在線商店】> 【模板】> 【編輯代碼】> 【product-grid-item.liquid】下執(zhí)行此操作：

然后刪除 “within: collection” 的文本：

點擊保存，所有的鏈接都應該被修復。但也記得測試下，有時你的主題可能有多個鏈接，或結構略有不同。

問題3：面包屑（Breadcrumb）

如上一步所述，當你修復內(nèi)部產(chǎn)品鏈接時，面包屑導航會被破壞。

面包屑是什么？稍微介紹下，它們是幫助用戶在訪問此頁面之前（即向上）瀏覽頁面的鏈接。

比如：

你在產(chǎn)品頁面、或者博客文章詳情頁就需要使用這些。

默認情況下，Shopify 根據(jù)用戶訪問該產(chǎn)品的集合，動態(tài)插入面包屑鏈接。

但這并不理想，因為當你修復內(nèi)部產(chǎn)品鏈接時，面包屑又會出問題。

另一種方法是：為每個產(chǎn)品甚至類別，都手動設置面包屑。然后可以使用自定義元字段存儲和訪問它，然后在面包屑主題部分中使用。

例如，你可以創(chuàng)建一個名為“breadcrumb”的元字段，并將商品集合的handle 存儲在“l(fā)eather-sofa”中。

在面包屑主題部分，你可以使用它來添加面包屑，如下所示:

  
   1.<a href>
2.{{ collections[product.metafields.global.breadcrumb].title }}</a>
  

這將重新啟用面包屑功能，并提供對此的額外優(yōu)化，這對 SEO 來說甚至更好。

問題4：產(chǎn)品標簽（Product Tag）

在 Shopify 生態(tài)系統(tǒng)中，標簽用于為產(chǎn)品作為過濾器，和在典型的電子商務中的分面導航類似，比如下圖：

（圖3  Shopify 生態(tài)系統(tǒng)，圖片來源：Shopify商品在售頁面）

從 SEO 的角度來看，這些標簽的問題在于：它們創(chuàng)建的內(nèi)容頁面是重復/內(nèi)容稀少的（重復內(nèi)容頁面太多，也會降低網(wǎng)站整體 SEO 質(zhì)量的頁面）。

假如你的產(chǎn)品有 3 種尺寸選項：125 毫升、275 毫升和 500 毫升。然后，你可以使用提供的任何尺寸標記所有類別中的所有產(chǎn)品。

Shopify將自動生成標簽頁，例如：

?/collections/perfume/125ml

?/collections/perfume/275ml

?/collections/perfume/500ml

這對 SEO 來說是一件好事，因為這些可能是人們正在搜索的關鍵字。也有可能有人專門找275ml的香水。

但是，由于兩個原因，它在 Shopify 上被浪費了：

1.如果你碰巧在標簽中寫了一個空格，它會將空格默認更改為+，比如125ml+option （但在robots.txt 存在disallow +的規(guī)則）

2.自動生成的標簽頁無法自定義唯一H1、元描述、標題標簽、內(nèi)容等

同時，這會導致一大堆幾乎重復的頁面，唯一的區(qū)別是標題標簽，比如：Perfume: Tagged "125ml" - Brand

你可以通過 Google 高級搜索指令，輕松檢查你的商店是否發(fā)生這種情況：

site:yourdomain.com intitle:Tagged -inurl:tagged

如果沒有結果，可能沒有遇到此問題。

下面我舉個實際的Shopify站點例子：

（圖4  Google高級指令搜索 ，圖片來源：Google網(wǎng)站）

此外，如果你仔細觀察，這些帶標簽的URL在搜索結果（SERP）中不會吸引人點擊。

那么可以將這些標簽頁設置為

noindex, follow

進行修復，

這需要你在theme.liquid 文件中，使用一段簡單的代碼來完成：

  
   {% if current_tags %}

"robots" content="noindex, follow">

{% endif %}
  

然后在 Robots.txt文件中，將這些標簽頁設置為 disallow，阻止爬行這些標簽頁，節(jié)省抓取預算。

最后你可以分析有搜索量的tag關鍵詞，為這些標簽關鍵詞手動創(chuàng)建新的集合（即商品類目頁面）。

問題5：博客標簽（Blog Tag）

與產(chǎn)品標簽類似，你也可以使用博客文章的標簽來過濾文章。這些通常在 Shopify 博客上用于分隔不同的博客帖子類別。

與產(chǎn)品標簽一樣，問題是，這會導致創(chuàng)建許多你無法控制或自定義的頁面，即薄內(nèi)容。

將看到以下 URL ：

/blogs/news/tagged/name-of-tag

或者通過快速谷歌搜索：

site:yourdomain.com inurl:tagged

（圖5  Google搜索，圖片來源：Google網(wǎng)站）

可以簡單修復下，將代碼片段添加到你的theme.liquid文件中（與產(chǎn)品標簽相同）：

  
   {% if current_tags %}

"robots" content="noindex, follow">

{% endif %}
  

問題6：供應商集合（vendors）

另外“供應商頁面”，有可能導致很多個薄內(nèi)容頁，

你可以通過谷歌搜索找到這些：

site:yourdomain.com inurl:collections/vendors

在大多數(shù)情況下，為每個供應商（即供應商、品牌、制造商）創(chuàng)建一個類別頁面是個好策略，但是從 SEO 的角度來看，Shopify 的默認實現(xiàn)相當無用。

這有很多原因：

頁面 URL 默認為 /collections/vendors?q=Name. 即使忽略 SEO，這些也不是用戶友好的 URL。

這些頁面是自動生成的，如果你碰巧有一個供應商有 2 個或更多單詞，則它們之間的空格將替換為“+”，它被阻止Robots.txt。意思是，如果你的供應商有 2 個以上的詞，搜索引擎將無法訪問該頁面。

即使搜索引擎可以訪問該頁面，默認情況下也無法使用內(nèi)容或 SEO 優(yōu)化設置對其進行自定義，因此幾乎沒有用。

那么我們?nèi)绾谓鉀Q這個問題呢？

通過在這些頁面theme.liquid 中，自定義設置

noindex, follow：

  
   {% if template contains "collection" and collection.handle == "vendors" %}

"robots" content="noindex, follow">

{% endif %}
  

如果它們已經(jīng)編入索引，首先利用這種方法刪除它們。然后在你的Robots.txt文件中阻止它們（下面會講到）。

如果你想為任何供應商品牌名稱排名，那推薦你手動將它們創(chuàng)建為新集合。

如果你不處理，有可能會被做黑帽SEO的人利用這個漏洞，"黑"你的網(wǎng)站。

問題7：產(chǎn)品類型集合（Product type）

與供應商頁面類似的是產(chǎn)品類型頁面。這些可以在類似類型的參數(shù) URL 下找到：

/collections/types?q=Name

或者再次通過谷歌搜索：

site:yourdomain.com inurl:collections/types

在 Shopify 中創(chuàng)建產(chǎn)品時，這些也是從“類型”字段自動生成的。

（圖6  Google搜索，圖片來源：Google網(wǎng)站）

與供應商頁面一樣，這些頁面與供應商頁面具有相同的問題，并且沒有優(yōu)勢。通常產(chǎn)品類型實際上與你的類別（即產(chǎn)品系列頁面）相同，因此這沒有任何好處。

像以前一樣將它們設置為  noindex, follow ，然后在Robots.txt進行阻止：

  
   
1.{% if template contains "collection" and collection.handle == "types" %}
  
  
   2.   
3.{% endif %}<br />
  

問題8：其他特殊頁面

除此之外，有時還有其他特殊頁面，為搜索引擎或用戶提供的價值不大，因此也可能沒有索引。（有些賣家也愿意收錄，就可以不用處理）

這些可以包括：

?/collections及/products：商店中所有系列的列表

?/collections/all：商店中所有產(chǎn)品的列表（使用分頁，這真的會變成很多不必要的索引頁面）

都可以添加以下theme.liquid代碼，設置為noindex, follow：

   
    3.{% endif %}
   

   
    1.#weuseShopifyasourecommerceplatform

2.{%-comment-%}

3.#Caution!Pleasereadhttps://help.shopify.com/en/manual/promoting-marketing/seo/editing-robots-
   
   
    txtbeforeproceedingtomakechangestothisfile.

4.{%endcomment%}

5. {%forgroupinrobots.default_groups%}

6.{{-group.user_agent-}}

7.

8.  {%forruleingroup.rules%}

9. {{-rule-}}

10. {%endfor%}

11.

12.{%-ifgroup.user_agent.value=='*'-%}

13.{{'Disallow:/collections/all*'}}

14.{{'Disallow:/*?q=*'}}

15.{{'Disallow:/collections/*/*'}}

16.{{'Disallow:/blogs/*/tagged/*'}}

17.  {%-endif-%}

18.

19.  {%-ifgroup.sitemap!=blank-%}

20.   {{group.sitemap}}

21.  {%-endif-%}

22.{%endfor%}
   

   
    1.{% if product.metafields.global.canonical != blank %}
   
   
    2.
   
   
    3.{% else %}
   
   
    4.
5.{% else %}
   

   
    1.# we use Shopify as our ecommerce platform

2.{%- comment -%}

3.# Caution! Please read https://help.shopify.com/en/manual/promoting-marketing/seo/editing-robots-txt
   
   
     before proceeding to make changes to this file.

4.{% endcomment %}

5.{% for group in robots.default_groups %}

6.{{- group.user_agent -}}
   
   
    7.

8.{% for rule in group.rules %}

9.{{- rule -}}

10.{% endfor %}
   
   
    <br />
   
   
    11.

12.{%- if group.user_agent.value == '*' -%}
   
   
    
13.{{ 'Disallow: /collections/all*' }}

14.{{ 'Disallow: /*?q=*' }}

15.{{ 'Disallow: /collections/*/*' }}

16.{{ 'Disallow: /blogs/*/tagged/*' }}

17.{%- endif -%}

18.{%- if group.sitemap != blank -%}

19.{{ group.sitemap }}
   
   
    <br />
   
   
    20.

21.{%- endif -%}

22.{% endfor %}
   

   
    1.{% capture content_for_header_fixed %}
2.{{ content_for_header }}
3.{% endcapture %} 
4.{% if product.metafields.seo.hidden == 1 or collection.metafields.seo.hidden == 1 %} 
5.{{ content_for_header_fixed | remove: '' }}
6.{% else %}
7.{{ content_for_header }}
8.{% endif %}
   

感謝閱讀，歡迎點贊+關注#跨境男孩Riven。

（來源：跨境男孩）

以上內(nèi)容屬作者個人觀點，不代表雨果跨境立場！本文經(jīng)原作者授權轉載，轉載需經(jīng)原作者授權同意。?