網站SEO優化教學:SEO從9種方法檢查網站開始,有效提升網頁排名

從0開始學網站SEO技巧

|文/悅思雲創數位行銷 – Nelson|原文出處/悅思雲創電商購物網站產品頁 SEO 體檢與九個關鍵優化技巧|首圖/Pexels


電商購物網站這個領域的SEO通常不太好做,主要原因是各大電商平台例如momo,phone,蝦皮都是超級強大的排名競爭對手,這些大平台擁有超強的網站權重 (DA,PA) 導致一般不太容易有機會超越他們,但也不是完全沒機會,只要技術架構做得好加上好的內容一樣有機會排名上Google第一頁。

如果你的商品屬於高單價(比較會去Google做比較)、非流行性商品、變動性較低(SEO需要時間)的類型,SEO是一種長期有效的行銷手法,但如果你的商品屬於短期商品、變動性大、世代更迭大、有時效性或是季節流行性高的商品,建議還是把時間花在其他行銷方式比較快得到效益。

以下介紹9種SEO專家都在用的電商產品頁健檢方式與搜尋排名優化技巧,以下內容除了針對電商購物網站的SEO有明確的幫助之外,其實一般中階程度的SEO的做法大概也會五成功力。

撰寫適合的H1標題

重要性:★★★★★

H1標題我們可以想像成它是一個網頁裡面「最重要」的一段文字,產品頁裡面最重要的肯定是「產品名稱」,因此多數電商平台的產品頁都會將上方的產品名稱標示為H1標題,如果你用的是Shopline、Waca、QDM、Cyberbiz 這種專業電商平台建置的購物網站,通常這部分不會有什麼問題,商品名稱通常會使用H1標題,另外下一段提到的網頁Title也會跟產品名稱一樣。

但如果你的網站是請網頁設計公司客製化的,那就不一定了,俗話說內行看門道外行看熱鬧,即使看起來很像H1大標題但我的確看過用H2、H3、div、span等標籤設置產品標題的,一般用戶看起來其實差不多,但對於Google來說還是有些差異。

正確使用Chrome開發者工具檢查H1標題
這是正確作法,將產品名稱設為H1標題標籤。/ 圖:作者提供
不正確使用Chrome開發者工具檢查H1標題
這是不正確作法,將產品名稱設為DIV標籤。/ 圖:作者提供

 

如果想知道如何判斷自己的產品頁設置是否正確的話,可以參考說明影片。

 

網頁標題(Title)與內容描述(Description)

重要性:★★★★★

網頁的Title跟Description 可以說是整個頁面在「Google搜尋時最重要的門面,Title跟description的重要性等同於實體店的門面裝潢」,Title寫的好自然能吸引更多人點擊,越多人點擊Google演算法便認為這個網頁是用戶想看的內容,因此SEO排名就會逐漸上升,因此進行網站SEO優化的時候,一定都會調整網頁的標題跟描述。

SEO網站Title跟description
Google搜尋結果頁(SERP)與SEO網站標題跟描述。/ 圖:作者提供

多數如Shopline、WACA、QDM等電商平台,預設都會將「商品名稱」也同時設為Title的一部分,但如果是一些早期的購物網站多數會把重點放在功能面及外觀,很多語法其實都沒有針對SEO撰寫。

好的標題要具備以下這三個要素:

1. 有流量的目標關鍵字:

例如「水冷扇」這個關鍵字會比「冰冷扇」的流量大,這表示一般大眾對於水冷扇比較熟悉、直覺上也會想到這個詞,根據SEO網站Ubersuggest的關鍵字分析也指出水冷扇的月搜尋量約18100,而冰冷扇的搜尋量卻只有1600,因此就算你賣的是冰冷扇也建議加上水冷扇的關鍵字增加被搜尋到的機會,當然前提是~你的產品也必須跟這個關鍵字有關聯性,浮濫的疊加關鍵字有時候不一定是好的。

Ubersuggest關鍵字分析結果-水冷扇冰冷扇
SEO網站Ubersuggest的「水冷扇、冰冷扇」關鍵字分析結果。/ 圖:作者提供

2. 吸睛標題讓人想點擊:

這招在內容農場非常愛用,之所以愛用也是因為真的有效,但我們也不用過度浮誇到令人反感,適當的加入一些特色、優勢、數字也會對提升SEO排名有很好的效果,以下兩個標題大家可以比較看看差別,當Google搜尋結果出現這兩個商品標題時,你會選擇點進哪個呢?

6L移動式水冷扇

6公升超大容量、真正有感降溫移動式水冷扇

 

江原道雪蟹蟹膏

上市一小時秒殺 韓國進口江原道雪蟹蟹膏,超濃郁鮮

3.不要重複同樣的標題

Google最討厭的就是抄襲,重複性內容一直都是Google SEO的大忌,少數人會便宜行事將同類型的商品取名一樣然後以為 照片長得不一樣就行了,尤其是部分賣家曾經在Yahoo拍賣、露天或是蝦皮拍賣試過搜尋出來滿滿都是自家商品的人,不小心就會誤以為Google也能這樣操作,事實上商品頁如果這樣操作很容易被Google當成類似的搜尋結果而隱藏,尤其是當標題一樣、內文文字少、圖片沒有補上Alt說明的情況下更容易直接消失在搜尋結果當中,這個不可不防。

google搜尋隱藏類似的搜尋結果
重複性內容很容易被Google當成類似的搜尋結果而隱藏。/ 圖:作者提供

各位可以依照影片教學來檢測一下你的電商網站對於SEO的支援度。

 

內文架構明確:H2標題、項目標籤與文字內容

重要性:★★★★★

電商產業銷售頁通常為了視覺美觀,都會使用大量設計精美的圖片取代單調的文字描述,這對於Google來說等於大幅降低被正確判讀頁面內容的機會,但還是有一些方法可以讓Google更加了解網頁內容的方法,那就是H2、H3標題標籤。

上述第一點已經提到H1是整個網頁最重要的一段文字,而H2則是用來「識別網頁層級」的一種方法,我們可以理解成這是一本書的「章節」,一本書有了清楚分明的章節段落,我們在閱讀的時候就能迅速了解整本書的內容架構,同樣的有了H2、H3標題Google也能更有效的理解網頁的架構,請注意一個優化重點「讓Google看懂你的網頁」絕對是SEO優化的首要考量。

另外再額外補充兩個很好用的項目標籤,UL跟OL,先不要看到這兩個詞就害怕,其實它的用法非常簡單跟Word的項目列表用法一樣,請直接參照下圖說明

有些不太熟悉網頁編輯器的朋友會習慣自己輸入1. 2. 3. 4. 用來當作項目說明,其實HTML本身就提供兩種項目標籤供使用

  • OL: 數字項目標籤
  • UL: 符號項目標籤

只要將原本手動輸入的標籤改成OL或UL的方式,就可以增加網頁對於搜尋引擎的可讀性。

一般網站後台的編輯器大都提供HEADING標題的編輯功能,下面是常用的編輯器畫面。

H2-H3-標題標籤及OL-UL標籤
網站後台的編輯器可設定標題、數字與符號項目標籤。/ 圖:作者提供

除此之外,在不破壞整體設計美觀的前提下,也可以適當的插入一些文字描述內容讓Google更容易理解商品內容,進而提升SEO排名。

合理的置入文字內容提升SEO排名
合理的置入文字內容,更容易提升SEO排名。/ 圖:作者提供

增加產品圖片並做圖片SEO

重要性:★★★★

對很多不太清楚產品樣貌或是品牌名稱的消費者來說,圖片搜尋可以直接讓使用者進行比對,目前Google已經能夠將識別一般圖片與「產品圖片」,只要是屬於產品圖片就能在圖片搜尋結果貼上產品標籤,同時只要是產品圖片還有機會直接出現在一般搜尋結果頁,大幅增加自然搜尋的流量,這對SEO來說加分不少。

提升圖片SEO有三種方法

  1. 增加圖片替代文字(alt)及圖片的title說明
  2. 使用拍攝主題明確且清晰可辨別內容的圖片
  3. 加入產品圖片到產品結構化資料
替代文字ALT
網站後台上傳圖片時,增加圖片替代文字alt。/ 圖:作者提供

不良的SEO圖片設計方法

  1. 以圖片當背景的呈現方式
  2. 未做切割的超長圖
  3. 以javascript動態載入圖片
  4. 未設置正確尺寸及壓縮

 

壓縮成合適的圖片尺寸

重要性:★★★★

在網頁上的圖片我們都可以輕易的設定顯示的寬度跟高度,因此有些沒經驗的設計師會直接輸出一張超大尺寸跟超高解析度的圖片,並在網頁上設置寬度高度,這樣做的缺點是有些圖片的檔案大小可能高達數MB到數十MB之譜,因為檔案過大就會直接影響到網頁載入速度,這個會直接影響在 Google Core Web Visual 裡面的FID跟LCP這兩項指標的分數,有兩種方式可以判斷你的產品頁裡面是否有不適當的圖片尺寸大小設置。

  1. 使用Google Page Speed Insight進行網頁體檢
  2. 使用Chrome或其他瀏覽器的開發人員工具

網頁常用的圖片尺寸

  1. 1920×1024 常用於大型橫幅Banner
  2. 1200×1200 用於產品圖片放大檢視
  3. 600×600 用於一般產品主圖
    通常會顯示在Google圖片搜尋或購物廣告,建議使用白色乾淨的背景搭配產品圖就好,如果上了Logo或其他字樣可能會影響到Google購物廣告審核不會過。
  4. 150×150 用於產品縮圖或是產品列表頁

圖片上傳最佳做法

  1. 原則上表格、文字或大色塊的向量格式的圖檔使用PNG格式儲存檔案會比較小、點陣或照片格式的圖檔使用jpg格式壓縮率比較高。
  2. 好的品牌電商平台都會自動調整圖片尺寸,或是請工程師再上傳圖片的時候自動產生多種不同尺寸,這可以省下很多調來調去的麻煩。

 

優化行動版裝置的使用者體驗

重要性:★★★★★

Google在2020已經陸陸續續採用行動版優先索引,簡單來說在這之前桌上型電腦跟手機裝置的SEO搜尋排名是分開檢索的,但現在則是「以行動裝置的排名為依據」,根據我的經驗這個非常非常容易被忽略,因為大部分的設計或是行銷人員還是習慣在電腦上做事,也因此常常會認為「電腦看起來沒問題就行了」,這邊特別提醒一定要注意手機上的使用者體驗,手機板體驗不好也會連動影響到電腦版的SEO搜尋排名。

行動版裝置瀏覽的優化方法

  1. 一般文字字型大小不小於14px
  2. 若不確定圖片寬度是否會超過手機可視範圍,可以設為100%自動調整寬度
  3. 避免滿版或蓋板圖文廣告,在Google Core Web Vistals ,這可能會影響到FID跟CLS分數。
  4. 圖片文字不可過小,至少閱讀時要能輕易看到圖片重點
  5. 隨時檢查Google Search Console看看是否有行動版裝置相容問題

Search Console是Google提供的網站管理員工具,操作SEO必備的工具,如果還沒申請可以到這裡申請
https://search.google.com/search-console/about

Google-Search-Console行動裝置可用性問題
Search Console會幫你檢查網站的行動裝置可用性問題。/ 圖:作者提供

必須要避免的做法

  1. 避免使用Table表格排版,在電腦版的網頁上常使用表格進行排版,但RWD網頁通常會使用DIV排版,如果不熟悉HTML語法,寧可以圖片取代TABLE語法避免手機板閱讀時超過手機寬度。
  2. 桌面板網頁與行動版網頁分開製作(不同網址),這會讓你的SEO分數分開計算,早期很多這種做法,但現在幾乎都使用RWD的方式製作網站。

產品頁加入結構化資料

重要性:★★★★

SEO操作上,有一個非常重要的觀念「讓Google讀懂你的網頁內容」,結構化資料(Structured Data)是一種簡單的javascript標記程式語法,他能讓Google用最簡單的方式直接解析網頁內容,並且判斷網頁屬於哪一種類型,因此將結構化資料加入你的產品頁面也會對SEO有直接的加分效果。

目前常見有以下幾種架設購物網站的方法,大家可以確認一下你們使用哪一種方式架設購物網站:

  • Shopline、Waca等知名品牌電商平台,大部分都有支援產品的結構化資料。
  • WordPress有多款外掛可以支援結構化資料,請搜尋 Schema & Structure Data。
  • Pchome、momo,這些平台你無法做些什麼,所以就算了。
  • 網頁設計廠商客制化的購物網站,如果你沒要求過,那廠商大部分不會主動寫這段程式進去甚至聽不懂你在講什麼,你可以用影片當中介紹的工具進行檢測是否有支援,但要特別提醒一下,通常這部分網頁設計廠商都會另外報價。

結構化資料推出至今差不多六七年,目前Google官方正式支援的結構化資料總有32種,比較常用到的有以下幾個類型

1. 文章類型 Article

文章類型,這是最常用的類型之一,一般網站上的最新消息、部落格文章都可以套用這個結構化資料。

複合式資料測試工具-文章類型檢查結果
Google官方複合式資料測試工具:文章類型檢查結果。/ 圖:作者提供

2. 本地商家 Local Business

本地商家,蠻重要的類型主要是設定針對有實體門市店面的,對於Google本地搜尋SEO排名會有加分效果。

3. 產品類型 Product 

電商購物網站要加到產品頁的類型,能協助Google正確的判斷你的產品資料,下圖為加入結構化資料之後的Google搜尋結果。

提升SEO-複合式資料測試工具當中顯示商品結構化資料
加入結構化資料之後的Google搜尋結果。/ 圖:作者提供

 

相關資源
Google結構化資料完整參考資料: https://developers.google.com/search/docs/guides/search-gallery?hl=zh-tw
複合式結果測試工具: https://search.google.com/test/rich-results?hl=zh-tw

加入商品評論機制

重要性:★★★★

五星評論的機制在一些大平台上面非常重要,也會影響到消費者的購買意願,例如蝦皮、Google 我的商家,除此之外,一般電商經營者並不會在自己的網站上主動經營五星評論,主要原因可能是擔心酸民奧客來亂,或是網站根本沒有提供這個機制。

如果你的網站有提供評論機制(WordPress有這個機制)建議你可以用一些小技巧讓顧客願意留下評論,這個對SEO排名也會有提升效果,主要原因如下:

  1. 購物網站一般較少文字內容,顧客評論可以增加文字內容的豐富性與多樣性,讓你的商品頁內容跟大電商平台的內容有差異化,同時也有可能會帶來一些長尾關鍵字流量。
  2. 如果你的五星評論被Google採納,那麼搜尋結果就會帶出星等、評論人數跟分數,在搜尋結果當中會更加顯眼,可提升點擊率。
  3. 多數顧客習慣觀看其他用戶評論來決定是否購買此商品,評論內容多寡會影響到使用者在網站上的停留時間,這是眾多SEO專家提到的Dwell Time的概念,也就是從搜尋結果頁點擊進網站到返回網站的停留時間。
Google產品評論提升SEO
加入產品評論機制提升SEO。/ 圖:作者提供

結構化資料讓Google正確抓取評論

最有效的方法還是以結構化資料的方法來提供Google 評論內容及分數,Google定義五星評論的正式名稱為「評論摘錄」,語法格式包含了,除了「產品」以外,書籍、課程、活動、How-to、當地商家、食譜、軟體應用程式,這些類型的結構化資料都可以附加上結構化資料,如果你是一般行銷人員看不懂這些是正常的,請跟你的網頁工程師討論如何加上這些資料。

相關資源
Google官方評論摘錄結構化資料: https://developers.google.com/search/docs/data-types/review-snippet?hl=zh-tw

網頁有置入評論摘錄(Review)的結構化資料,Google卻沒顯示

評論資料原則上都可以自己填入,爽填幾分幾則評論都行,但Google還是有一套自己的評比方式來判斷你的資料可信度,例如每天搜尋流量只有2次點擊、這一頁列入Google索引也不到5天,評論卻有5487票5星評論,那Google不一定會承認你的評分。

結論:乖乖的老實的做SEO,不要搞東搞西。

整合Google我的商家跟網站

重要性:★★★★

如果有實體門市或店面的,建議可以在Google 我的商家(GMB)加入你的產品資料,不管是對商家的SEO搜尋排名或是購物網站的產品頁的排名都會有一定程度的提升效果,主要有兩個原因:

  1. 我的商家的產品連結其實對購物網站來說也是一種「外部連結」,而外部連結的重要性對SEO來說一直都佔有很重要的地位。
  2. Google演算法一直非常在意網路上的「關聯性」,而自己的GMB的關聯性肯定比一些阿薩不魯的網站關聯性高很多,這方面做得好連帶的商家排名也會一併提升!

實際做法參考以下截圖:

google我的商家產品資料
在 Google 我的商家(GMB)加入你的產品資料。/ 圖:作者提供
Google 我的商家的產品連結
我的商家的產品連結,是一種SEO中重要的「外部連結」。/ 圖:作者提供

總結:網站搜尋引擎優化(SEO)觀念

因為太多人問我一些問題,例如「我Title改了怎麼過了兩天了排名沒變?」、「圖檔都縮了怎麼Page Speed Insight只有從16提升到20,排名還是沒提升」,所以最後在特別跟大家強調幾個SEO的重要觀念。

  1. 經營SEO跟學校考試一樣,要很多科目都考好才會拿到第一名,不是只做一件事就會有感飛起來。
  2. 班上平均水準都很低的情況下,你隨便做幾件別人沒做的事就有可能考第一名,但這完全取決於你班上同學的競爭程度(關鍵字競爭程度)。
  3. 除非競爭對手很弱,一般情況下你不可能只念一兩天就打敗班上的第一名,SEO也是需要時間慢慢經營。
  4. 有認真念書分數就不會太差,因為大部分的同學也不會多認真念書,除非你在資優班,例如「面膜」這個關鍵字的競爭對手都很強。
  5. 考高分不一定是唸書時間比較長,明天考英文今天你念清朝野史大觀當然沒什麼意義,做對的事情比時間長短更重要。

更多行銷人報導
3步驟規劃「在地搜尋關鍵字」:利用Google搜尋和關鍵字規劃工具
不藏私的SEO實戰經驗分享:把關鍵字排上 Google 第一頁的必勝策略


|本文由 悅思雲創 授權提供,僅反映專家作者意見,未經原作者授權請勿轉載。