On-Page SEO：HTML原始碼優化教學！（4大常見Meta Tag）

對許多SEO的初學者，通常會接觸到許多有關SEO相關的名詞，比如：On-Page、HTML：<Meta Title>、<Meta Description >等等。如果沒有Web Developing方面的背景，好像會一頭霧水。

有見及此，SEO專家Raymond C在本帶您深入瞭解在網站的HTML原始碼中，如何運用六種常見的Meta Tag 來進行On-Page SEO優化。Meta Tag 在網頁中扮演著關鍵的角色，它們提供了有關網頁內容的重要信息，同時也對搜尋引擎優化（SEO）起著重要作用。

頁面SEO（On-Page SEO）是什麼？

頁面SEO（英文：On-Page SEO）是指在SEO優化中針對單一網頁內容優化，以提高其在搜尋引擎結果頁面上的排名。這涉及到使用關鍵字、網頁標題和描述、內容結構、影片和圖片等多種技術和方法。

HTML（超文本標記語言）是網頁的基礎語言，它是HyperText Markup Language（超文本標記語言）的縮寫。HTML原始碼是構成網頁的基本元素。這種語言使用標記（標籤）來定義網頁的結構和內容，並告訴瀏覽器如何顯示網頁的各個部分。

HTML原始碼是一個網站的基礎，也是用於定義網頁的結構，還包括元數據（Metadata）的設置，如：網頁標題、關鍵字和描述。這些元數據對SEO至關重要。

頁面SEO中，針對HTML原始碼的優化是一個重要的步驟。透過對HTML原始碼配合關鍵字（Keywords）的使用和優化，有利於Google爬蟲更有效率理解網站內容及結構，有助抓取和索引、更好地理解網站的內容和主題的相關性，提高Google對網站的評分。

Meta Tag（元數據）是一組HTML元素，被嵌入到網頁的代碼中，它們提供有關網頁內容的描述性信息。從SEO的角度來看，Meta Tag的作用至關重要。它們不僅有助於搜尋引擎了解網頁內容，還影響著搜尋結果的呈現方式。

主要的Meta Tags包括：標題（Title）、描述（Description）等。標題Meta Title決定了搜尋結果中的標題，描述Meta Description則提供了簡要的網頁描述。

此外，其他Meta Tags如Viewport、Meta Robots、Canonical等，也對網站的表現和索引有著重要影響。適當的Meta Tag優化可以提高網站的可見性，吸引更多的自然流量，是成功的SEO策略中不可或缺的一部分。

<b>及<strong>等粗體標籤是一個常見的HTML標籤，用於強調網頁上一段文字。在網頁上使用粗體標籤可以提醒搜尋引擎部份文字較重要。

使用粗體標籤時，需要注意以下幾點：

<b>及<strong>的標準範例：

<b>重點字眼1</b>
<strong>重點字眼2</strong>

注：<b>或<strong>均被Google視作粗體，並沒有明顯分別，可以選擇用其中一種。

根據國外的SEO機構的研究，發現有圖片的網頁比沒圖的網頁有機會獲得更高排名。

寫文章的過程中，Raymond建議至少有1-3張圖，豐富的網頁內容能提高用戶體驗，滿足用戶的搜尋意圖，對SEO也是有所幫助的。

圖片優化主要包括：<alt>標籤、圖片大小、質量、圖檔名稱、圖檔格式等。

圖片<alt>的標準範例：

<img src="圖檔.jpg" alt="帶關鍵字詳細描述">

參見：SEO圖片優化：<alt>標籤優化很簡單！（還有4大重要因素）

Google目前的技術仍不能完全理解圖檔，所以需要通過文字訊號有幫助理解。

<h>標籤是HTML中的標題標籤，還可以幫助搜尋引擎了解網頁的內容結構，並影響SEO排名。<h>標籤有由<h1>~<h6>不同的層級之分。

<h1>最重要，而<h6>最次要。

<h1>~<h6>的標準範例：

<h1></h1>
<h2><h2>
<h3><h3>
<h4><h4>
<h5><h5>
<h6><h6>

編寫<h>標籤時，需要注意以下幾點：

<h1>：幾乎等同於<title>標籤，基本上只出現一次
<h2>~<h6>：視文章長度及架構而定，並沒有使用限制。
通常多數文章都只會分層到<h3>。
<h4>, <h5>, <h6>通常被用作網頁模板的部件標題，例如：Sidebar、留言區域等等。不過Raymond不建議這樣運用，雖說Google表示可以處理這種情況，但為免混淆Google，還是不用為好。

FOLLOW：