目錄 購物車 {{currentCart.getItemCount()}}
商品總數的上限為 100 件,請調整數量再點擊購買

網站與頁面優化精華指南,附【快速檢查表】2022 最新版

 

網頁優化是什麼、該怎麼做?

 

網站優化 (On-Site SEO) 或頁面優化 (On-Page SEO),是指建立高品質內容、以及調整全站特定頁面的項目,藉此增進 SEO 成效的過程。

 

要特別注意:

 

這裡所強調的有兩大層面,缺一不可:

 

  1. 高品質內容
     
  2. 優化項目調整

 

搜尋引擎的演算法已經足夠聰明,它可以從龐大資訊當中篩選出和關鍵字高度關聯、且品質較高的頁面。

 

想要做好網頁優化,如果只專注在硬塞關鍵字 (Keyword Stuffing)、埋設特定的字詞等淺層技巧,卻不將提升內容品質擺在第一位,那麼優化的效率會非常差。

 

假設你的品牌專門在賣冷凍水餃,其中有個口味特別暢銷,而且在美食專家盲測的試吃裡面,從眾多品牌當中得到高分,於是你找來專業的編輯,將各種品牌特點、口味、得分項目鉅細靡遺的列出來,成為一篇深度實用的美食評測指南。

 

這時候如果你有確實把「冷凍水餃推薦」這個熱門關鍵字加在文章的標題、各個段落標籤裡、以及確保文章開頭盡早提到這個關鍵字,這樣的優化技巧就會幫助搜尋引擎了解:

 

你的網頁和關鍵字有高度的關聯性

 

那麼搜尋引擎就更可能把你的頁面放在這個熱搜關鍵字的冠軍排名上。

 

相反的,如果你的競爭對手也想推銷他的品牌,但他不熟 SEO、不曉得人們搜尋「冷凍水餃推薦」的時候,幾乎清一色都是想要看到列出多種品牌的推薦排行榜。

 

但是他也想得到這個關鍵字的排名,於是一再的把關鍵字到處塞在官網不同的地方 ……

 

那這樣就幾乎沒有取得理想成效的可能性,而且還會讓自己的網頁呈現非常難讀、缺乏可信度的樣子。

 

事實上,我就是藉由這篇文章提到的技巧,將熱門關鍵字:

 

  • 「水餃推薦」
     
  • 「冷凍水餃」
     
  • 「冷凍水餃推薦」

 

全部都排上了搜尋引擎的第一名,為品牌取得大把流量以及無數訂單。

 

所依靠的,就是做好關鍵字的研究、打造出最符合搜尋者的意圖、能充分解答問題的高品質內容。

水餃推薦 #1

冷凍水餃 #1

冷凍水餃推薦 #1

高品質內容對網頁優化的重要性:內容優化

 

近十多年來,Google 陸續推出熊貓、企鵝等知名演算法,用意就是在盡可能的提高搜尋品質

 

Google 也開發出蜂鳥、RankBrain 這類人工智慧技術,來幫助辨識搜尋者的動機,網頁經營者已經不能再靠「硬塞關鍵字 (Keyword Stuffing)」這類速成的招式賺取排名和流量了。

 

或許,你的網站是透過一些表面的花招、取得暫時的微幅成效,又或者是因為市場競爭者較少,而成為相對「比較適合」排名的選擇,但這樣的優化技巧不但不能穩定有效,當遇到真正高品質的內容加入競爭時,更是毫無招架之力。

 

打造高品質內容,是網站優化最重要的根基。

 

關鍵字研究

 

有效的網站優化策略,可以大幅提升搜尋引擎流量、以及確保讀者對品牌的信任。

 

至於最終的效果好不好,可以說取決於「關鍵字研究」這個重要步驟。

 

如果沒做關鍵字研究,單憑個人喜好,可能會選到搜尋量極低的關鍵字,即使取得不錯的排名,得到的流量也不多。

 

或是選到競爭程度過高的關鍵字,要耗費許多心力才能在搜尋結果名列前茅。

 

至關重要的「關鍵字研究」,包含以下三個大方向:

 

  1. 確認關鍵字的「搜尋意圖」:思考人們查這個字的動機是什麼?
     
  2. 查詢關鍵字的「搜尋量」:分析每個月有多少人查這個關鍵字?
     
  3. 推測目標關鍵字的競爭程度:研究心目中的關鍵字是否競爭激烈

 

更加詳細的關鍵字研究技巧,你可以參考:關鍵字排名第一步驟:做關鍵字研究

 

網頁優化:你應該盡全力避免的內容策略

 

優化技巧:盡早的避免劣質內容混入你的優化策略。

 

許多人在建構內容的時候,往往忽略提高品質的重要性。

 

比如說:

 

隨便雇用幾個工讀實習生,在網路上剪貼拼湊、隨便寫個數百字的部落格文章,大量的發布在官網上「填補」內容的不足。

 

這樣的常見策略,卻很可能會導致一開始就邁入劣質內容的方向。

 

當一個網站充滿了低品質內容,它隨後優化的效果就會非常糟糕

 

就算再好的頁面架構、再專業的優化技術,如果搭載的內容主體本身沒有品質可言,那不過就是「金玉其外、敗絮其中」。

 

就算透過低品質的內容暫時取得有限的成效,但當它需要進行翻修整改的時候,會因為「根基」已經出問題,所以不得不進行更大幅度、更高成本的調整。

 

這樣先前做過的任何優化項目就等同需要「砍掉重練」,造成事倍功半。

 

相反的,一個高品質的內容能夠經得起時間的考驗,並且持續帶來與事業相關、有價值的流量,而頁面上的優化在這時候就會變成畫龍點睛、事半功倍的加分程序。

 

所以,你最好在一開始就不要採用會造成內容品質低落的策略

 

  • 避免劣質的內容策略
     
  • 避免膚淺內容 (Thin Content)
     
  • 避免重複內容 (Duplicate Content)
     
  • 避免硬塞關鍵字 (Keyword Stuffing)

 

優化策略:拒絕膚淺內容 (Thin Content)

 

優化技巧:避免產出內容淺薄、缺乏搜尋價值的無效頁面。

 

你可以:刪除老舊無流量的廢頁、避免使用機器翻譯、大規模量產低品質內容、不發佈接近空白的文章等。

 

搜尋演算法的價值在於:呈現與關鍵字最相關內容、有效回答使用者的問題。

 

所以 Google 不喜歡對使用者沒有幫助、膚淺的劣質內容,因為這些頁面可能會導致搜尋品質下降。

 

如果網站的低品質頁面比例變高,甚至可能會拖垮整個網站、被演算法視為總體缺乏價值,而連帶影響其他頁面的表現

 

過多的膚淺內容也會排擠搜尋引擎的「爬文額度 (Crawl Budget)」,讓有價值的網頁更難被搜尋引擎找到。

 

網站優化:避免重複內容 (Duplicate Content)

 

優化技巧:避免產出重複、一樣的內容。

 

重複內容的效果,某種程度上就像「大量洗版」一樣,容易使搜尋引擎認定整個網站的的品質「不夠優」。

 

Google 身為搜尋引擎的龍頭,它很重視排名的多樣性。

 

讀者如果在同一次搜尋歷程找到兩個重複的搜尋結果,那麼使用體驗會非常差。

 

所以,Google 會避免把重複結果顯示在同一個關鍵字的排名頁上。

 

除非你的內容真的非常棒、而且有非常明顯的差異性,那麼你可能會排得到兩頁。

 

但最多幾乎就是兩頁了。

 

在網站中「洗」太多重複的內容,會增加搜尋引擎分析的負擔,也會分散排名的訊號:

 

讓你想排名的頁面多了不被顯示的機會、重複的頁面也很可能因此變成沒有流量的閒置頁面,消耗搜尋引擎的爬文預算。

 

重複內容帶來的效果,就是分散掉排名與 SEO 的火力,是網站優化該避免的問題。

 

如果不得已需要發布重複內容,例如同一件商品、不同顏色款式的重複頁面,請確保「標準網址」要設定正確,或者乾脆請技術人員設定、直接阻擋搜尋引擎爬取重複的頁面。

 

網頁優化:杜絕硬塞關鍵字 (Keyword Stuffing)

 

優化技巧:避免任何犧牲閱讀品質與流暢度,只為了填進更多關鍵字的行為

 

「硬塞關鍵字」是指作者不顧文字的順暢度、不管讀者的使用體驗,而刻意把想要排名的關鍵字大量硬塞在內容當中的行為。

 

這是造成閱讀障礙和降低讀者體驗的原兇,也是導致內容品質低落的象徵。

 

如果搜尋引擎真的偏愛大量關鍵字,那麼你犧牲品質、刻意操作或許還有意義。

 

但受益於演算法的進步,硬塞關鍵字早已經是過時的優化策略,甚至還會是搜尋演算法的主要打擊對象。

 

所以,既沒有辦法討好搜尋引擎,又破壞讀者的體驗,是個不太聰明的作法。

 

為了刻意置入的關鍵字,也會降低品牌形象與信任感、造成商業上的反效果。

 

要追求理想頁面優化,就應該從基本層面開始,更有機會邁向整體成功。

網頁優化檢查清單大全

 

本頁提供 SEO 網頁優化的建議技巧:

 

這些技巧可以適用在所有需要優化改善的網頁上

 

注意事項:Google 的演算法已經有一定的成熟度,光只調整表面格式是很難騙過演算法的。

 

優化的重心,最主要還是網頁本身的內容品質

 

如果內容不具備價值,那麼有再好的表面技巧也難以發揮作用。

網頁優化技巧快速檢查表:

 

  1. 內容的標題當中應加入關鍵字
     
  2. 文章段落開頭的前 100 字應出現關鍵字
     
  3. 段落標題應適當提到關鍵字
     
  4. 應該按照階層順序使用段落標題 h2, h3, h4, ... ...
     
  5. 內文應該避免硬塞關鍵字
     
  6. 多使用內部與外部連結
     
  7. 適當使用粗體、斜體、底線等格式變化
     
  8. 使用數字、列點格式
     
  9. 文字區塊之間應該更頻繁使用分段減少視覺侷促

 

SEO 文章撰寫應注意的通用原則:

 

  • 文字應控制在「國中生能夠完全理解」的閱讀難度,也就是一般成年人不需花太多心思,即可輕鬆讀懂的程度
     
  • 搜尋引擎的流量為對關鍵字有疑惑的普羅大眾,文字內容應力求淺顯易懂,避免艱深內容、專門給專家閱讀的知識
     
  • 適度使用外部連結引用權威資料,例如引用植物專家的著作、論文、自己過往的作品等
     
  • 應多撰寫各領域專家獨到的觀點和專業知識:

    • 「知名的懶人包有:衛福部懶人包、批踢踢懶人包、TVBS 新聞懶人包 ... ...」(隨手即可查到,無獨特性或具備價值的觀點);
       
    • 「新手在製作懶人包的時候,往往忽略了『把問題定義清楚』的重要性,加入過多的資訊反而不夠『懶人』」(親自設計過的專家才寫得出)
       
  • 如果寫到生硬難懂的專有名詞,請加上簡單的白話解釋
     
  • 撰文時應留意、檢查錯漏字和文法問題等
     
  • 每「個」字應嚴格確認由自己親自產出,不應使用複製、抄襲、轉載、翻譯、換句話說等方式產字

網頁標題中加入關鍵字

 

重要性:★★★★★

 

標題範例:

 

  • 資訊圖表是什麼?資訊圖表範例、設計心法與製作大全
     
  • 懶人包知識大全 — 它是什麼?為何有很好成效?懶人包怎麼做?

「開門見山、破題」:文章段落開頭及早出現關鍵字

 

重要性:★★★★☆

 

文章開場舉例:

 

  • 懶人包是眾多雜亂的資訊經過統整後,成為「懶人」也能輕易理解的「封」。
     
  • 資訊圖表能把複雜大量的資訊整理成井然有序、易懂好吸收的視覺化圖表,這在手機發達、資訊爆炸的數位化時代,是最重要的資訊傳達與呈現方式之一。

段落標題應符合層次關係,並且適當涵蓋關鍵字(確保切題)

 

重要性:★★★★☆

 

<h2>這段文字是標題的原始編碼,它也代表著網頁最頂層的段落標題</h2>

 

除了開場文字應儘速提到目標關鍵字之外,各個段落標題 (Headers: h2, h3, h4, ... ...) 也應該在適宜的情況下盡量包含目標關鍵字。

 

這樣可以幫助搜尋引擎辨識各段落與主題的關聯性,也可以保持內容切題:

Google Docs 也可以設定不同階層的段落標題

<h2> 資訊圖表是什麼?

<h4> 資訊圖表的互動性 (h2 的下一個階層應該是 h3,不是 h4)

 

<h2> 為什麼要使用資訊圖表?

 

<h2> 資訊圖表的使用時機與設計概念

 

<h3> 商用行銷

<h3> 介紹資訊

<h3> 公司行號與企業

<h3> 政府機構

 

一個網頁、一篇文章總共應只有一個 <h1> 標題

 

 

<h2> 標題將是最大的段落標題

 

 

<h3> 是僅次於 <h2> 的段落標題

 

 

<h4> 是次於 <h3> 的段落標題

 

 

<h5> 再其次 ......

SEO 文章的網頁文字優化技巧

 

內文避免硬塞關鍵字

 

重要性:★★★★★

 

SEO 內容文章應該以最自然、讓讀者體驗最佳的方式處理用字遣詞,不應刻意填塞

 

本頁提到的優化技巧如果有充分運用,那麼 Google 就已經有很足夠的依據可以判斷排名,如果硬塞關鍵字 (Keyword Stuffing) 很可能破壞體驗、造成讀者反感,並且反而有降低排名的風險

 

其他各式優化技巧

 

重要性:★★★☆☆

 

  • 使用內部連結串連同網站裡面相關的內容網頁
     
  • 使用外部連結引用權威知識佐證觀點、延伸閱讀資料(口訣:3外連、5內連)
     
  • 使用粗體斜體底線跳色等方式增加文字視覺上的變化性(幫讀者畫重點)
     
  • 使用數字、列點格式將文字拆開方便略讀:

 

1. 減少視覺侷促、2. 增加文字閱讀體驗、3. 方便搜尋引擎辨認

 

  1. 減少視覺侷促
     
  2. 增加文字閱讀體驗
     
  3. 方便搜尋引擎辨認

 

文字適當分段、排版與閱讀體驗優化

 

重要性:★★★★☆

在文字填滿整個畫面之前,最好緊鄰前後搭配使用圖片,以舒緩視覺侷促感

有頻繁分段的行動裝置視覺效果

適合用於搜尋的 SEO 內容,它的分段頻率應該要比一般文章來得高很多:每寫兩三句就可以考慮分段了

 

主要原因為:有 50% 以上的搜尋流量是透過行動裝置(手機)瀏覽。

 

對比電腦版和行動版的截圖可以發現:

 

一樣的文字排版,在電腦版上會有兩側的留白與寬裕的段落空,但是在行動裝置上,文字區塊被大幅縮減

 

如果搜尋者持續滑動,但畫面上都是滿滿的文字區塊,將容易失去閱讀耐性。

 

鬆散的文字排版,改以行動裝置瀏覽會變得緊縮

 

對比行動版的文字區塊示意圖,如果沒有頻繁分段、使用列點方式將文字鬆散化,那麼將會出現以下滿滿的文字區塊:

 

無頻繁分段的行動裝置視覺效果

在資訊暴增的時代,人們之間的資訊落差往往不是因為資訊不足,反而是過多龐大繁雜的資訊使人眼花撩亂、無所適從。能在眾多資料間高效率的獲取有價值的知識,就能掌握更多知識的力量。對人類來說,外界的刺激與印象,透過「視覺」接收是效率最高的方式之一;視覺化可以有效提高資訊的吸引力和理解資料的效率:說明書附上插圖,能讓使用者提高 323% 的完成度。藥品標籤的研究顯示,比起純文字,說明附圖片的解說能讓病人的接受度高出 25%。沃頓商學院 (Wharton) 研究也顯示:推銷時加上圖片與影像,消費者被說服的機率提高 17%。資訊圖表就是能有效透過「資料視覺化」來達成各種目的的強大利器,它能: 將複雜的概念簡單呈現 總結冗長的大篇文章以及成果報告 讓客戶一眼可以了解不同產品之間的差異 幫助推銷商品與傳達訊息給消費者 可以說是非常有價值的溝通方式。

網站優化的超重點:連結優化

 

「連結」是搜尋引擎用來判斷排名依據的極為重要的項目。

 

它可以幫助讀者和機器爬蟲前往新的頁面、認識新的內容和帶來流量;你也可以善用連結,把重要的排名訊號「集中火力」到你最有價值的頁面當中、提升它的排名訊號。

 

搜尋引擎的演算法,有很大一部份是依賴「連結」的運作。

 

從 90 年代 Google 創辦人在史丹佛大學發表的論文開始,「PageRank 演算法」幫助了Google 成為搜尋引擎的市佔龍頭,至今仍然是搜尋市場中的霸主。

 

其中它基於「連結」運作的原理,儘管經過各種調整但骨架仍然依舊,甚至是許多 SEO 專家掌握關鍵字排名「流量密碼」的利用目標。

 

由此可見:連結優化是網站與頁面優化至關重要的環節

 

基礎連結最佳化做法

 

優化技巧:需要連結的地方就要設好連結,避免純文字

 

這是理所當然的一件事、也是影響重大的因素,但實際操作上可能容易漏掉或者忽略。

 

優化技巧:定期檢查頁面、修復失效的連結,減少「404 錯誤」

 

讀者點擊失效的連結,會導向「404 錯誤頁面」,意思就是:此路不通。

 

不論是機器爬蟲、或者讀者看到失效的頁面,都難免會有負面的影響或觀感,而網路世界變遷快速,就算一開始設定妥善的連結,將來也有可能會失效,所以定期檢查頁面、修復錯誤連結 (Broken Link) 就是很重要的一件事。

 

如果頁面上的連結繁多,也可以使用連結失效檢查工具幫你快速定位錯誤的連結。

 

網頁外部連結優化:大方往外連

 

優化技巧:大方使用外部連結在適當的地方引述不同網站的內容,尤其是引用他人觀點、加強論述的時候。

 

外部連結 (External Links) 就是指「連到不同網站的連結」。

 

它是搜尋引擎用來判斷排名訊號的重要依據,也是影響網頁優化的重要因素。

 

當你的內容提到重要的論述與觀點時,適度的引用其他專家權威的意見,就非常有助於建立讀者的信任感。

 

內容的本體也能透過這樣的引用增加更深的層次,讓有心進一步研究的人可以更方便的閱讀延伸內容。

 

知名的公司 Reboot 就做了多次實測,它將同樣條件的不同網站分為兩批:一批使用外部連結指向高品質的權威網站,像是牛津大學和劍橋大學等,另一批則不使用外部連結。

 

實測結果顯示:有使用外部連結的,有 100% 的頁面排名表現比沒有使用的另一批好。

 

根據 JKL 團隊自己的親自操作經驗,我們在商品推薦的評測文章中大量使用外部連結,導向不同口味的水餃購買頁面,甚至超過 90% 都是指向競品的頁面。

 

但實際效果顯示,這個利用外部連結優化、把對讀者的幫助擺在優先順位的作法,幫助我們成功把重要高價值的關鍵字「冷凍水餃推薦」排上了第一名的頂尖位置。

 

除了收穫極高的流量,也帶來相當理想的轉單變現成效。

 

內部連結優化:互相串聯、集中火力

 

優化技巧:在各個網頁主要內容本體中,安插指向其他頁面的連結。

 

內部連結的意思,就是指「導向同一個網站的連結」。

 

比如說,你在官網經營一系列關於「床墊」的內容,那麼你在撰寫關於「乳膠床墊」知識的時候,就可能會使用內部連結指向「記憶床墊」的文章,或者彼此之間互相連結、引用。

 

這樣一來,你可以告訴讀者和搜尋引擎:這裡還有一篇關聯性很高、值得繼續閱讀的內容。

 

除此之外,站長還可以透過內部連結「傳遞排名訊號」。

 

最有價值的優化作用,就是透過內部連結將「高權重頁面」的排名訊號傳遞到其他的重要網頁。

 

例如有著龐大搜尋量、最希望排名主要關鍵字的頁面、或者富含商業價值的產品頁面、銷售頁等等,都可以透過諸多不同頁面來「集中火力」,使自己想要的頁面排名更高。

 

內部連結也是搜尋引擎用來判斷網站架構的主要依據:

 

越重要的頁面,理論上應該要收穫最多來自不同網頁的內部連結,而搜尋引擎也會認為:擁有最多連結的頁面最為重要。

 

這個訊號甚至比視覺上的架構還要強。

 

所以,沒有妥善做好內部連結的網站,會讓搜尋引擎難以判斷哪個頁面重要、哪個頁面不重要,導致最能賺錢的頁面反而不容易取得好排名。

 

最不理想的狀況,就是所謂的「孤兒頁 (Orphan Page)」。

 

它指的就是完全沒有收到任何內部連結、像孤島一樣的網頁。

 

它很可能會導致搜尋引擎完全無法找到、認識到這個頁面,是最急需解決的優化問題。

網頁視覺元素優化

 

視覺化元素能帶給人們深刻的印象,同時也展現品牌對於細節的追求。

 

而網頁上有非常多項目會影響讀者的視覺、甚至也影響搜尋引擎對於各項訊號的判斷。

 

所以,維持視覺統一與設計感將會是網頁優化與 SEO 畫龍點睛般的細節。

 

網頁視覺優化的案例

 

知名的案例有以下案例:

 

  • Hubspot:頁面上的精選摘要
     
  • Backlinko:精心設計的部落格配圖
     
  • Ahrefs:全站統一的藍色調,營造專業嚴謹的形象

 

視覺優化標準參考

 

  • 字體大小為 18px
     
  • 一般文字的顏色統一為 #666666 色碼
     
  • 連結文字的顏色統一為 #0000ff 色碼、並加上同色底線
     
  • 統一標點符號使用標準
     
  • 全形文字與半形英數字之間插入半形空白:範例 123
     
  • 英文統一採用英文標點符號、中英混合時使用中文標點符號:「舉例 for example」

 

 

精選摘要標題

 

 

 

字體大小為 22px、加粗體、色碼 #666666

 

精選摘要區塊,內文比照一般文字:字體大小為 18px、色碼 #666666

 

 

 

 

作者介紹區塊字體大小為 14px、文字色碼 #000000、底色色碼為 "WhiteSmoke"

 

表格區塊格式待定 373kcal/100g 13g /100g 8g /100g 1.33g /100g 全粒燕麥片

h2 標題字體大小為 36px、加粗體、色碼 #666666

 

h3 標題字體大小為 28px、加粗體、色碼 #666666

 

h4 標題字體大小為 26px、加粗體、色碼 #666666

 

h5 標題字體大小為 24px、加粗體、色碼 #666666 不使用更低層級的段落標題

 

各個段落與標題之間統一空出一個斷行 <p></p>