十大 On Page SEO 重點整理
身為網站開發者，我們都希望能讓自己的網站排在 SERP（Search Engine Result Page，搜尋結果頁面）的前幾名；根據 firstpage.com 於 2023 年的數據顯示，自然搜尋結果的排名對於點擊率有非常大的影響，第一名點擊率約為 39.8%，第二名僅 18.7％，只有第一名的一半不到，第三名更是低到 10.2%！數據顯示，若排到 SERP 第二頁，平均點擊率只剩下 0.78%。
為了能讓網站表現更好，進行 On Page SEO 的優化是很必要的，本篇文章除了歸納前十大重要的方法之外，更與各位談談大眾對這個術語的迷思，希望可以幫助想了解更多網頁優化內容的人。
#1 何謂 On Page SEO？
On Page SEO （又稱為 On Site SEO，優化網頁搜索引擎）就是在自己的網站頁面內優化完善，讓 Google 更清楚且有效率地了解網頁內容，提高網頁在 Google 搜尋結果頁面上的排名。在此補充一下，On Page 的概念是指網站內的優化，意即能夠完全由自己掌握的優化方式；因此有 On Page SEO 則必有 Off Page SEO，是指網站外的優化，我們將於之後的文章另作介紹。
#2 關於 On Page SEO 的迷思
其實，所謂的 On Page SEO 仍是不確切的名稱，不同網站、專家對其看法大同小異，但又不見得完全相同，就是因為整個 SEO 產業，並沒有切確的 On Page SEO 範圍界定。
所以，與其在意 On Page SEO 的細節，還不如回到最基本的排名原則「使用者」身上：不要為了 On Page SEO 而犧牲使用者體驗，而是以服務使用者為出發，進而優化網頁上的各處細節，這樣才能做出真正好的網站，對用戶有所幫助。以 Google 的理念來說，UI（使用者介面，User Interface）的直覺性與方便性，以及 UX（使用者體驗，User Experience）的流暢性，是他們致力達到的目標。
科技的發展無遠弗屆，未來的普及率以及正確性必會越高，Google 勢必更重視 UI 與 UX，相關服務也必然更往使用者的角度去完善。因此，在 Google 用戶比例如此高的前提下，我們更應優化 UI 與 UX，讓用戶在瀏覽我們網站的體驗與感受是良好的。
不要為了 On Page SEO 而犧牲使用者體驗
#3 十大 On Page SEO 重點
雖然 On Page SEO 界定不清晰，但以下十大優化重點確實可以幫助你的網站更加進步，抓住這些要點，便能讓你掌握 SEO 的精髓，定能提升排名！那麼，就讓我們一起看下去吧！
#3-1 優化 TD（Title & Description）
- Title 融入關鍵字：
Title（Title Tag，標題標籤）是 HTML 裡的元素，用來定義網頁的標題，也是 Google 搜尋結果上顯示的網頁標題，你可以理解為「請 Google 給使用者看的東西」。Title 在 SEO 上扮演舉足輕重的地位，Google 至今仍會根據 Title 判斷該頁面與哪些關鍵字有高度相關，進而影響在該關鍵字的排名。因此，Title 應融入關鍵字，但不宜堆疊過多。
某些時候，Google 不會直接使用我們設定的 Title，而是擷取網站內的內容或者外部對於網頁的描述，來調整 Title。其實這種現象不用過於擔心，因為這是 Google 考量使用者搜尋字詞進行的調整，目前還沒有方法能夠 100% 要求 Google 不做改動，但加入以下程式碼，可以避免讓其使用外部描述來改變標題。
<meta name=”robots” content=”NOODP”>- Title 加入輔助語：
在此試問，當你想要找台北的餐廳，出現以下的搜尋結果「台北餐廳推薦」跟「2023 台北餐廳推薦大全」哪個讓你比較想點進去？很明顯是後者。因為用戶在搜尋資料時傾向最新、最齊全的內容，所以加入當年、當月，或者以總整理、懶人包形式呈現的標題都會更好地提升點閱效果，也是優化 Title 的方式之一。 - 優化 Meta Description：
Meta Description（元描述）與頁面內容高度相關，因此它應當以某種形式總結網頁的關鍵概念。給搜索者足夠的資訊，讓他們知道找到了一個足夠相關的頁面點進。搜尋引擎傾向於將元描述截斷為大約 155 個字元（大約 70 個中文字）。不過在某些 SERP 上，會看到 Google 為某些頁面的描述提供了更多的空間，這通常發生在排名於精選摘要下方的網頁上，所以其實長度在 150～300 個字元之間都沒有太大問題。
TD 是你的網頁對用戶的「門面」，是影響點擊率的關鍵！
#3-2 簡單乾淨的 URLs
網站的 URLs 有兩個重點要注意，「簡潔乾淨」、「不要用中文」
- 簡潔的網址更容易被用戶接受：
以下兩個 URL 讓你覺得比較清楚？procrustes.info/article/on-page-seo
procrustes.info/article/on-page-seo?recipe=2023-0303=860065
很明顯是前者，用戶更傾向點擊闡明該頁面上包含資訊的 URLs，而不太可能點擊混淆他們的 URLs，後者一長串的網址就會讓用戶覺得怪怪的。此外，URL 的設計盡量避免有時間或日期，一來整個網址變得過於冗長，二來是因為文章一旦過時，URL 還只停留在該年份，用戶看到就不太想點進。
- 中文化網址對分享體驗極差：
大家應該都有在 Line 或者社群媒體上看到落落長的網址經驗吧，這就是因為當我們在分享網址時，中文的資訊會被改寫成亂碼，這種網址不僅難以閱讀理解，更會讓使用者有擔心疑慮，是很不好的設計方式。而且這樣的網址在做外連時，也會造成排版、美觀的問題，千萬要避免。
#3-3 標題：H1、H2 、H3
標題為內容中最顯眼的文字。主標題標記（稱為 H1）通常保留用於頁面標題。看起來像這樣：
<h1>頁面標題</h1>
還有從 H2 到 H6 標籤的子標題，分別代表不同的重要程度。
在優化上，每個頁面都有應該有唯一的 H1 來描述頁面的主要主題，如果你使用 Wordpress 這類的 CMS 系統，這通常是從頁面標題自動創建的。作為頁面的主要標題，H1 應包含該頁面的主要關鍵字或短語，避免標記如電話號碼等非標題元素。
此外，其他的 H 標籤應該以良好的結構出現在網站中，作為個別主題的補充主題，H2 比 H1 更具體，H3 標記比 H2 更聚焦與詳細。例如：
<h1>2023 歐洲旅遊 最強攻略</h1>
<h2>各季節的旅遊資訊</h2>
<h3>春季旅遊</h3>
<h3>夏季旅遊</h3>儘管很多人都說 H1、H2 很重要不可混用，也被認定為 SEO 重要元素，但其實在我們的經驗中並非如此。做 SEO 時最重要的是掌握 Google 的目的，而這個目的從未改變過：「幫助使用者更好地找到資訊」，也因此才會特別重視使用者易用性。在這樣的邏輯下，與其專注於標籤設定，還不如將邏輯融入結構中。
打個比方：如果我們將 H1 標籤裡的字元大小（font-size）設定小於 H2 標籤的，難道還能讓讀者認為是較重要的語意嗎？打個比方，你覺得「這段文字」還是「這段文字」乍看之下較符合你認為「重要」的定義？很明顯當然是後者！但如果前者是 H1，後者是 H2 呢？所以，H 標籤對 Google 而言，只是一種建議參考標籤，真正影響的是閱讀上的結構是否合理，盡信這些資訊不如問問自己，當你身為一個用戶，什麼樣的呈現方式讓你覺得更適切？站在用戶的角度思考才能讓網站品質變得更好。
#3-4 內容：加入關鍵字、LSI 融入內文、增加長度
- 內容加入關鍵字：
在文章中適度的加入關鍵字以提升關鍵字密度，是很常見的 SEO 手法，但也不應該過度。很多人都有關鍵字密度應該要多少才好的困惑，其實這必須要看文章的種類，不同類型的關鍵字密度本就不一樣，不應該有統一標準。如果真的很想知道下多少關鍵字合適的話，最好的方法就是直接看該關鍵字的 SERP 第一名，看看該篇文章密度為何，就是最好的參考標準。 - LSI 融入內文：
LSI（Latent Semantic Indexing，潛在語意索引）又名相似關鍵字，打個比方來說，關鍵字為「歐洲旅遊」，相關語意可能是「歐洲旅行」，而潛在語意可能為「歐洲自由行」、「歐洲旅遊推薦」、「歐洲旅行指南」等。在文章中與其加入生硬的關鍵字，不如用更多的變形字詞來表達相似概念，這麼做不只能提升相似關鍵字的排名，閱讀上也更舒適。 - 增加長度：
越長的文章越容易取得排名嗎？並不是如此。如果是這樣的話，那我們在 SERP 上應該都只會看到書籍內文這樣的網站了，所以文章的篇幅其實不是越長越好。真正好的文章是能夠解決用戶問題，並且延伸解釋更多內容，讓用戶能夠往深度挖掘；換句話說，每個主題的文案合適長度並不相同，只要能夠解答使用者困惑，然後略微延伸展開主題吸引使用者閱讀，這樣的文章就是好的文案了！
好的文案必能解決使用者的問題或使其獲得進步！
#3-5 穿插內連：更好的內連結構、文章內的連結
- 更好的內連結構：在此不妨參考 Apple 官方網站，他們的導覽列將產品列別呈現得一目瞭然，頁腳也將產品羅列得非常詳盡、列別清晰。另外，momo 購物網的導覽列也分類詳盡，可供參考。使用者喜歡清楚的連結標示，不喜歡在網站中摸索，要找的東西變得模糊不清。所以，優化網站的內連結構一來可以讓整個頁面變得更具體、詳細，二來可以讓使用者輕鬆瀏覽、查詢資訊。
在結構上可以專注於幾個要點的設計：導覽列（Navigation）、側邊欄（Aside）、頁腳（Footer）、更多文章、延伸閱讀，適度在網站中增加這些結構，能夠大幅改善網站的內連表現。
- 文章內的連結（內連）：搜尋爬蟲會根據你網頁上的連結來分析你的網站架構，包含哪個網頁是首頁、有多少網頁、哪些網頁比較重要。內連最具代表者當屬維基百科 wikipedia，使用者能輕易在維基百科中瀏覽延伸知識，透過其內連輕易地瞭解更多相關內容。但我們也要注意，內連並非越多越好，而是要有合理性，如果是為了操作排名而狂加某個關鍵字的連結，反而容易適得其反。
#3-6 增加內容結構，延長使用者停留時間
在文章中增加影音、圖片、表格、列點等等，作為內容的補充，能讓文章結構更穩固。試想，當我們點進一篇落落長的文章，若沒有一些列點或圖片穿插，多少會覺得單調乏味。我在＜神奇的流量密碼？貓咪構成的龐大商機＞文章中也有提到：由於網路的發達，現代人總能非常快速地獲取資訊，這導致用戶們習以為常，多以碎片化的方式了解事物，很少人能真的花很多時間、有耐心地看完長篇大論，全面地了解資訊。所以適當地穿插一些圖表，一來讓文章結構更豐富，也讓使用者當作閱讀的中場休息。
另外，豐富的內容結構，也常被 Google 視為更好的內容，大家不妨觀察一下，很多排名靠前的網站都會加入表格、列點等元素。
#3-7 重要內容應文字化、所有圖片加 Alt 標籤
- 重要內容應文字化：雖然 Google 不斷進步，也確實能某種程度地閱讀圖片以了解內容，但比起文字化的內容來說，絕對是費力的。因此，將重要的內容文字化（可以保留圖片與文字）才方便 Google 演算法理解你的網頁，進而得以在搜尋引擎中排名。
- 所有圖片加 Alt 標籤：按照 HTML 語法，在每張圖片加上 Alt 標籤，有助於 Google 在判定你的網站時，得以找和出文章內容的關聯性。
#3-8 避免重複內容
重複內容（duplicate content）通常是指你的網站中，在相同語言之下，有幾乎或完全與其他內容相符的頁面或區塊。重複內容會導致 Google 降低檢索該網站的次數，即便有新的內容也難以得到好的排名。基本上，造成重複內容的原因有二。其一，複製其他來源的內容放在自己的網站上，會引發版權問題、被判抄襲、降低排名甚至懲罰；其二，自己網站內有過度相似的內容，會導致關鍵字蠶食（keyword cannibalization），自己內部競爭，進而讓排名下降。
最常見的解決方式是 301 轉址或者 Canonical URL 規範標籤，不過重複內容是一個重大議題，有諸多細節需要討論，這裡我們只簡述，細節留在更深的主題中。
- 301 轉址：使用 301 重新導向，將網頁權重做轉移，不過這個解決方法也會導致使用者被轉移，需要視狀況使用。
- Canonical URL：又名 Canonical Tag，是 HTML 的標籤，簡單來說就是「以那個網頁為標準」，用來設定哪個網頁才是切確的，以避免重複內容的問題。基本上就是告訴搜尋引擎，在茫茫相同內容的網頁大海中，某某網址才是被認可的。
#3-9 響應式排版（RWD）
RWD（Responsive Web Design，響應式網頁設計）通常用於行動裝置，打個比方好了，你有曾經用手機打開某個網頁，結果呈現的內容跟桌機筆電的一樣，字體、排版、導覽列都好細小，甚至擠在一起，非常不方便瀏覽的經驗呢？這個時候就是需要 RWD 來改善了。智慧型手機已成為現代人最需要的東西，Google 調查指出，有 60% 的用戶是使用手機瀏覽網站的，有無 RWD 會大幅影響使用者感受，進而影響使用者體驗。
#3-10 提升網站速度：壓縮圖片、延遲載入
- 壓縮圖片：你有曾經點開某個頁面，等了好久都還沒有跑出畫面來的經驗嗎？很多時候都是該網站的速度太慢，其中圖片的容量佔非常大的比例，許多未經壓縮的圖片擠在同一個網頁，勢必會讓網頁跑不動，進而降低使用者體驗。在此強烈提醒，務必檢查你網站中的圖片是有壓縮過的，也另提供 Google 官方推出的免費壓縮網站 Squoosh，讓你輕鬆壓縮每一張圖又不破壞圖片畫質。如果使用 Wordpress 這類的 CMS 架構，通常也都有外掛可以安裝，來確保網站的圖片正確壓縮。
- 延遲載入：又稱為 Lazy Loading，根據 Google 官方所述「延緩載入次要或不可見的內容，是提升效能和使用者體驗的常見最佳做法」，當一篇文章載入大容量的圖片以及一堆 Java Script 跟 CSS 元素，使網頁速度跑得更慢。延遲載入就是優先跑出當前看到的頁面，延後載入更下方的頁面；簡單來說，就是「先跑要看到的，再跑往下看到的」。
延遲載入可以降低使用者因等待太久而跳出的可能性，更能大幅提高網站速度。至於 詳細的內容，我們將於討論網站速度的文章做展開。以下為本篇文章簡單歸納的表格，供各位參考。
#4 結論
本篇文章告訴你許多網頁優化的方式，其實總歸一句話：只要把每個 SEO 層面都顧好，根本不用在意這些業界術語。沒有所謂的 On Page SEO，只有真真切切、踏實做好的 SEO。歡迎閱讀我們的其他文章，如有任何想法也可以留言反饋。
