SEO 指南四：On Page SEO，好排名頁面的要點
前三個章節我們已經建立了 SEO 的基本觀念，接下來的三個章節，我們將會聚焦在實際影響排名的因素上，分別為「單頁面上的排名要點」、「整體網站的排名關鍵」、「網頁間的連結策略」。
首先，這裡補充一個基本觀念：在 Google 眼裡，排名是根據網址來給的，也就是說，對 Google 來說，每個不同的網址代表不同競爭排名的對象，而我們在這個章節要討論的就是，如何在單一網址（單一頁面）上努力，以取得該頁面更好的 SEO 關鍵字排名。
#1 On Page SEO 的核心觀念
首先要強調，On Page 跟 One Page 是不一樣的，One Page 是指把網站的內容塞在同一個頁面下，也就是所謂的一頁式網站（關於 One Page 的討論可以看這篇文章：一頁式網站的設計要點，結合行銷思維怎麼做？ ），而 On Page 則是討論在該頁面上的元素，並不是同一件事情。
此外，我們這裡討論影響的要素，都是以單頁面的操作就能改善的項目，而不是該頁面上的全部排名因素，意思是某些需要從全站設定去調整的排名優化，雖然對該頁面的排名也有相當影響，但並不會在這個章節討論（放在下一章節）。
最後，On Page SEO 的另一個重要觀念是：所有 On Page 的要素，都是可以由我們自己所控制的，因此外連的操作方式並不是這個章節的主題，一樣後面章節討論。
#2 內容是否優質
一個網頁上的內容是否優質，對排名有最直接的影響，SEO 業界所謂的「內容為王」正是指這件事，因此在做排名優化時，最優先的工作就是把內容做好，而所謂好的內容有幾個要點需要討論：
#2-1 關鍵字與內容關聯性
在 SEO 指南二：搜尋引擎的原理與 SEO 排名淺規則 這個章節中，我們已經討論過關鍵字關聯性對排名的影響力，這裡簡單說明就好：搜尋引擎再給予關鍵字排名時，最優先考量的就是使用者的搜尋意圖，因此想要拿到該關鍵字的排名，務必要了解用戶為什麼搜尋該關鍵字，並且提供其想要的答案，這個過程就是要提高關鍵字關聯性。
具體來說，我們會透過 SEO 指南三：關鍵字分析，了解用戶提升 SEO 關鍵字排名 這個章節中的技巧，判斷每個關鍵字適合的文章方向與風格，在撰寫內容上，盡量靠近使用者的需求，以提高關鍵字關聯性。
#2-2 內容觀點與原創比例
網路世界充滿資訊，尤其在 AI 發展的衝擊下，一般的內容顯得更為廉價，如果我們寫的文章與其他人大同小異，自然不可能從競爭中脫穎而出，因此在撰寫文章時，建議要滿足幾個原則：
- 原創比例超過 7 成：如同字面上的意義，不要過度引用其他人的文章，盡量以自己的角度撰寫，是提高內容品質的一大關鍵。
- 基本的內容也要有獨特的觀點：有許多文章由於有正確性問題，大家撰寫後往往是大同小異，在這種狀況下，我會建議加上一兩個段落，針對其主題發表個人化的看法，來做到文章差異性，同時也可以輸出品牌的觀點。
- 不能依賴 AI 產出內容：雖然 AI 寫內容很快很方便，但請大家務必清楚一個問題，如果可以靠 AI 滿足使用者，搜尋引擎就不需要給你排名了！它可以自己串 AI 的 API（這件事也正再發生中），因此想要保持品牌的競爭力，必須要輸出 AI 所沒有的觀點與內容，而不能依賴它。
- 不要將內容放在圖片中：如果是重要的內容，強烈建議要寫成文字，因為我們不能保證搜尋引擎讀得到圖片中的文字，如果大量個文字被壓在圖片上（產品圖錄特別常見），很可能會被視為沒有內容。
#2-3 延伸內容主題擴大知識範圍
我在輔導客戶寫內容時最常與到的問題就是：「我就是不知道要寫什麼啊？」。這雖然是個常見的問題，但卻是不合理的現象。當我們真的深入一個主題時，會累積大量的業內知識，只需要整理並結構這些知識，往往就能夠寫出更多有價值的內容。
因此，如果你在撰寫文章時卡住，我的建議是先想想與該主題相關的東西中，有哪些事情是可以延伸討論的，並且想想如果要向別人介紹，還有什麼是你像要談論的，一定要注意一個關鍵。
對你來說稀鬆平常的事情，很可能就是別人想找尋的知識！
#3 增加內容結構對 SEO 的影響
大家可以想像一下，如果一篇長文只有文字，是不是很容易萌生出讀不下去的感覺，Google 也想當清楚這個問題，對他們來說提高使用者舒適度，一直都是關鍵目標，所以這也會對排名造成影響喔！因此，善用文章的內容結構，不僅可以提升用戶體驗，還可以提高 SEO 的競爭力，一般來說，以下這些是比較重要與常見的元素：
#4 程式碼的加分因素
除了內容上的調整之外，改善頁面中的程式碼細節，也能夠很好的提升該頁面排名，以下是對 SEO 比較有幫助的項目：
#4-1 Title / Description（標題與描述）
標題與描述（Title / Description）是 HTML <head> 區域的標籤，主要的目的是讓搜尋引擎知道這篇文章的主題，在 SEO 優化中扮演相當重要的角色。一般來說會建議遵守以下幾個原則：
- Title / Description 必須包含核心關鍵字。
- Title 不要超過 25 個中文字。
- Description 長度建議保持在 50~125 個中文字。
- 每個頁面都有唯一的 Title 與 Description 標籤。
此外，Title / Description 是 SERP 頁面中呈現的文字內容，是會直接影響用戶點擊率的要素，因此撰寫具有吸引力並且具有 SEO 效果的標題與描述，對于單頁優化是很重要的！
#4-2 圖片 Alt 屬性
圖片加入 Alt 是很簡單的優化方式，但對於改善圖片的排名很有幫助，在 HTML 的寫法當中，圖片的標準程式碼是：<img src=”圖片位置”>，而我們可以在其中增加 alt 屬性：<img src=”圖片位置” alt=”圖片內容”>，這個屬性是用來告訴瀏覽器，如果圖片掛掉了，要呈現什麼樣的文字，來讓用戶知道這裡原本有放一個「什麼樣」的圖片。
而搜尋引擎也會透過 alt 屬性去了解圖片的內容，雖然現在的機器人解析圖片的能力已經越來越好，搜尋引擎已經大致有能力可以理解圖片內容，但這會造成其額外的負擔，減少搜尋引擎的需求，就是 SEO 的一大重點，因此透過增加 alt 屬性來讓搜尋引擎更好理解圖片內容，對排名是有幫助的！
#4-3 頁面上的速度因素
一般來說，改善速度的方法都是全站的優化，不過「壓縮圖片」卻是完全屬於單頁優化就可以做到的，壓縮圖片對於網頁讀取有極大的幫助，經營網站時，我認為最重要的一個習慣就是所有上傳的多媒體，都要經過合適的壓縮。
我們可以找到許多工具，在不影響網站閱讀畫質的狀況下，將圖片縮小超過 70~90%，這比任何程式碼上的優化都影響更多，而且需要做的也僅僅是在上傳之前，先跑過一遍工具而已！Procrustes 一般都使用 Google 官方推出的免費壓縮網站 Squoosh。而如果你的網站採用 Wordpress 這類的 CMS 架構，通常也都有外掛可以安裝，來確保網站的圖片正確壓縮。
#4-4 Schema 元素
使用結構化資料標記，對於改善頁面排名也很有幫助，這屬於比較進階的應用方式，在單一頁面上，可以比較獨立使用的 Schema 大概會有 Article、FAQ 這類型的標記。細節可以參考這篇文章：SEO 進階技巧，使用 Schema 提升網站排名。
#4-5 Open Graph protocol 社群分享設定
你應該有看過很多社群媒體上分享的連結，會帶有預設圖片以及基本的描述，其實，這是可以透過設定該也面的 Open Graph 來調整的，雖然在我的經驗當中，這個設定並不會直接影響排名，但對於提升分享時的視覺體驗卻有很大的幫助，而且也是一個很輕鬆就可以完成的項目，Open Graph 的撰寫邏輯如下：
<meta property="og:title" content="當網頁分享出去時，所呈現的標題文字">
<meta property="og:description" content="當網頁分享出去時，所呈現的描述文字">
<meta property="og:image" content="當網頁分享出去時，所呈現的圖片（縮圖），需要設定該圖片的 URL">這些內容需要放在網頁<head></head>之間。
#5 結論
On Page 的 SEO 優化屬於比較簡單的操作，並沒有太深奧的 SEO 知識在其中，大多數都是知道就可以執行的，也僅有少量需要透過工程師協助（其實這個難度自學一下就可以應付了），如果你有任何問題，歡迎留言與我討論，下一篇文章我將針對「全站的排名因素」來做展開。
