痞客邦新聞台

撰文 / 城邦集團 SEO 工程師 李佳容、PIXNET 資深公關主任 蔡佩庭

審稿 / PIXNET 產品發展部

SEO 優化大致可以分為「內容面」、「技術面」兩個面向，針對內容面的優化，痞客邦先前的教學文章已整理一些您可以遵循的方法；而「SEO 技術面優化」涉及網站架構、網站程式語言，通常是由 SEO 工程師、前端工程師長期且全面進行優化。如果您是痞客邦部落客，並不需要深入了解艱深的 SEO 技術知識，只需在使用痞客邦部落格文章編輯器時留意幾個操作訣竅，就有機會提升文章的搜尋排名！

為了讓 Google 搜尋引擎了更好理解與擷取文章內容的重點、提升文章的載入速度，以下是一些操作訣竅：
 

• 文章標題、標籤、第一段內文中含有相關關鍵字
• 運用 H2、H3 語法設定文章小標題
• 設定圖片替代文字
• 設定圖片尺寸，並且避免圖片過大或過小
• 壓縮圖片檔案，提升網頁載入速度
• 正確設置文章內容格式，提供良好的瀏覽體驗
   

文章標題、標籤、首段中含有相關關鍵字

在 SEO 領域中，網頁的 TDK 分別指的是標題、描述、關鍵詞，正確設置 TDK 可以協助搜尋引擎識別文章的主題。以痞客邦部落格文章來說，TDK 分別對應文章標題、文章內文第一段、文章標籤。以下是撰寫時的注意事項：

用心撰寫部落格文章標題，除了讓 Google 搜尋引擎更容易理解文章的主題，對於讀者來說，瀏覽 Google 搜尋結果頁時，文章標題的作用在於「快速且清楚了解文章的主題是否符合自己的需求」，關鍵字建議盡量放在開頭更好，且標題長度不宜過長。

舉例來說，同樣是介紹宜蘭景點「梅花湖風景區」，以下是不同的標題寫法：

• 標題一：一日悠哉好去處、湖邊餵魚，梅花湖自行車道簡介
• 標題二：宜蘭梅花湖風景區，湖畔騎腳踏車、遊船體驗，免門票親子好去處！
• 標題三：宜蘭梅花湖風景區，享受湖光山色、悠閒時光，免門票親子好去處，除了環湖騎腳踏車，還可以餵魚餵鴨子！

標題二將關鍵字「梅花湖」放置比較前面，且涵蓋了景點特色「免門票」、「親子」等，是較理想的標題寫法，有助於讓讀者更快掌握文章的主題。標題三雖然有包含相關關鍵字，然而標題過於冗長，在搜尋結果中將無法完全呈現，寫文章標題時，應該盡可能濃縮文章的重點，保持 25～30 字尤佳。

關於文章標題的撰寫技巧，痞客邦後續也將分享更多心法、注意事項。

運用 H2、H3 語法設定文章小標題

H1、H2、H3、H4⋯⋯等，是 HTML 原始碼的標題標籤（Heading Tags），主要功能是讓搜尋引擎能夠了解文章的架構以及重要性排序，具有階層的概念，痞客邦部落格文章標題是 H1，次標題是 H2，次標題底下則是H3，以此類推。除了 SEO 考量，使用 H2、H3 等標題標籤有助於讓頁面內容更整潔易讀。標題的寫法，建議需含有關鍵字或長尾關鍵字等。

舉例來說，最近您跟朋友一起去鼎泰豐用餐，同行者的朋友之中有人吃素，用餐過程中他提到鼎泰豐有哪些推薦的素食料理。用餐後，您預計寫一篇鼎泰豐的美食介紹文章，透過關鍵字研究後發現，鼎泰豐的相關熱門關鍵字（長尾關鍵字）包含：「鼎泰豐菜單價格」、「鼎泰豐官網」、「鼎泰豐線上訂位」等，因此，這篇美食文章除了介紹自己、朋友推薦的菜色，也將這些相關資訊一起放入文章架構中，文章H2、H3 安排範例如下：

H2：鼎泰豐菜單、推薦料理

H3：鼎泰豐小籠包

H3：鼎泰豐紅油抄手

H3：核桃鬆糕

H2：鼎泰豐素食料理有哪些

H3：香菇素餃

H3：什蔬蛋炒飯

H2：鼎泰豐隱藏吃法

H2：鼎泰豐線上訂位

H2：鼎泰豐官網及分店

痞客邦部落格編輯器 H2、H3 設定方式

規劃好部落格文章架構、並將內文撰寫完成之後，在痞客邦部落格後台的文章編輯器，將段落標題（H2），或者小標題（H3）的文字選取起來，並套用「段落格式」中的「標題2」或者「標題3」。詳細步驟請參考「如何設定痞客邦文章目錄」教學文章。

設定圖片替代文字

圖片替代文字（alternative text）又稱為「alt 描述」或「alt 屬性」，是網頁 HTML 中用來描述圖片的程式碼，設定圖片 alt 替代文字與檔案名稱有助於讓搜尋引擎理解頁面中的圖片，此外，設定圖片替代文字也有利於圖片搜尋，是提高網站流量的方法之一。

如何設定圖片替代文字呢？在痞客邦部落格文章編輯器中，點擊文章的圖片兩下，即可看到「替代文字」與「標題」欄位，請於欄位中填入包含關鍵字的描述，再按「確定」即可，如下圖所示。
 

每張圖片的替代文字建議需包含關鍵字，例如「台北美食推薦入選 2023 米其林指南的梵燒肉」，此外，文章內的每張圖片的替代文字需不同（各別撰寫），勿全部的圖片都設定一模一樣的替代文字。
 

設定圖片尺寸，並且避免圖片過大或過小

文章放置圖片或影片時，建議明確標示高寬尺寸，並以等比例調整大小，圖片勿過大或過小，適當的設定尺寸有助於提升使用者體驗與網頁效能。

痞客邦部落格後台如何自訂圖片尺寸呢？直接點擊兩下在文章編輯區塊中的圖片，即可看到自訂圖片寬度、高度的欄位。為了讓圖片在桌機、手機裝置上有最佳的顯示效果，通常部落格圖片，建議寬度至少 800 px 以上且不超過 1200px。

此外，您也可以在痞客邦後台的「設定管理」＞「文章中圖片大小的統一設定」中，設定文章中的圖片的尺寸為「依照文章寬度」，避免圖片撐破您部落格樣式，並且以最適當的尺寸呈現。

壓縮圖片檔案，提升網頁載入速度

圖片是影響網頁載入速度的元凶之一，建議先壓縮圖片後再上傳到痞客邦部落格，至於圖片的檔案格式，一般來說，相較於PNG，JPEG 會比較不佔容量。在編輯圖片時其實幾乎是不需要匯出 100% 品質的圖片，適當地將圖片壓縮 20～30%，肉眼是難以看出任何品質損害的，但圖片大小卻能夠大幅減少。以下圖為例，你可以看到圖片壓縮 20~30% 的品質仍與原圖沒有明顯差異。

想要壓縮圖片檔案，推薦可以使用免費的線上壓縮圖片工具 tinypng，一次最多可以上傳 20 張圖片，單張圖片不能大於 5 MB。這款線上工具有英文、簡體中文介面，使用方式非常簡單，只要將圖片拖曳到網頁上的虛線框框內（如下圖所示），等待網頁處理完成後就可以一次下載壓縮過的圖片。

正確設置文章內容格式，提供良好的瀏覽體驗

部落格文章內容撰寫完成後，建議可以適當設定粗體、斜體、引用、列表、表格等格式，讓讀者能夠更清楚了解文章的重點。

如果您是撰寫懶人包、步驟教學、常見問答、注意事項類型的文章，使用項目符號清單、編號清單的格式，有助於讓文章登上 Google 搜尋結果頁「精選摘要」版位的機會，如下圖所示。

另外，文章中重要的資訊，建議盡量以文字的格式呈現，避免以截圖的方式直接放入文章中，或者文章僅含圖片而無任何內文。舉例來說，如果您在自己的 Instagram 或者 Facebook 分享了資訊圖卡，相同的資訊想要放到部落格時，建議可將圖片上的文字獨立出來，成為部落格文章的內文。

另外，如果是餐廳的價位表、景點的門票資訊等，相較於直接放上官網的截圖或圖片，將門票資訊改以「文字」或者「表格」方式呈現，不僅更容易閱讀，也有助於文章的SEO。