為SEO而生的網站系統，形象、購物皆優化

為SEO而生的網站系統有人說wordpress的SEO最好，真的嗎？是的因為絕大部分的網頁設計公司不重視SEO，或者對SEO一知半解，wordpress本身是個CMS系統，簡單說早期是用來架設部落格用的，由於它擁有悠久的歷史、眾多的使用者與開發者，所以在架構上符合SEO的要求。不過大家不知道的是你的架站廠商是否懂SEO，或者有確實幫你把關，有好的工具但不會使用也是成不了事。當然，我要介紹的不是wordpress而是易碩自行開發的網站系統，可用於公司形象網站，也可以用於專業的電商購物網站，我們累績多年的網站製作經驗，優化我們的網站系統，為客戶創造有價值網站，不只企業門面、管理更新、擴充內容，並且為網站每個頁面每篇內容爭取好的排序。那我們為網站的優化做到什麼呢？

一、網站結構設計

好的網站結構設計對 SEO（搜尋引擎最佳化）有非常深遠的正面影響，它能幫助搜尋引擎更有效率地抓取（Crawl）、**理解（Understand）與索引（Index）**你網站的內容，也能改善使用者體驗，進而提升自然排名。

1. 什麼是好的網站結構設計？

這對一般網頁設計師來說通常搞不清楚，尤其使用wordpress架站的設計師，簡單舉例，假如網站有許多的服務項目，那服務項目的路徑應該是首頁>服務項目，而不同的服務項目例如清潔打掃，那麼路徑應該是首頁>服務項目>清潔打掃，這樣搜尋引擎就會針對服務項目以及其下面的內容作理解，很多網頁設計師製作的網頁：首頁>服務項目，到了清潔打掃變成首頁>清潔打掃，忽略掉服務項目，這會影響搜尋引擎的理解和索引，使用者也容易迷路。

2. 結構設計對 SEO 的幫助重點：

提升搜尋引擎抓取效率（Crawl Efficiency）。幫助搜尋引擎理解網站內容邏輯，明確的結構（如首頁 → 類別 → 文章）讓爬蟲容易知道內容的主題與分類。
減少爬蟲迷路或資源浪費，良好的結構設計有助於避免重複路徑、死連結或孤立頁（Orphan Pages），讓 Googlebot 更有效率地使用抓取預算（Crawl Budget）。
強化頁面權重傳遞（Link Equity / PageRank Flow）。

二、自訂義Meta Title、Meta Decommonion、Meta Keywords

我們針對每個頁面除了內定獨立的Meta Tag外，使用者可以針對每個頁面自己訂義Meta Title、Meta Decommonion、Meta Keywords。系統內定有個好處，避免使用者因為業務繁忙而沒有輸入這些重要的資訊，這是第一重保障。而自訂義則是針對SEO進階的作法，舉例來說，網站有個分類「女裝」，一般網站內定Title大概會像是「女裝 | 你的網站名稱」，這樣便有這分類的獨立Title。但若是要加強SEO的話，女裝似乎是一個範圍很大的標題，競爭不易且TA不一定是你要的，這時我們就可以重新定義一組適合的Title，例如「2025夏季韓國流行女裝 | 簡短網站名稱」，讓標題更明確更精準。我們歸納幾個自訂義TD的優點：

1. SEO 排名優化：

自訂的 Meta Title 和 Decommonion 能明確指出網頁主題與內容，幫助 Google 等搜尋引擎更準確理解頁面，提升收錄率與搜尋排名。
可針對每頁使用不同關鍵字，自訂 Title/Decommonion，增加特定關鍵字被搜尋時的曝光機會。
避免所有頁面都顯示預設描述，導致內容重複（Duplicate Content）問題。

2. 提升點擊率

搜尋結果頁（SERP）中顯示的是 Title 和 Decommonion，若寫得吸引人、符合使用者搜尋意圖，能大幅提高點擊率。

三、結構化資料標記

結構化資料標記因為頁面上看不到，所以網頁設計公司通常沒做。

1. 什麼是結構化資料標記？

簡單說，結構化資料是一種標準化格式，作用是提供網頁相關資訊並將網頁內容分類，提供明確的線索給搜尋引擎，這可以幫助搜尋引擎了解網站的內容。例如在商品頁面結構化資料標記就可以標示商品名稱、品牌、價格、庫存狀況...等等。

2. 在網頁中加入結構化資料的好處：

提升搜尋引擎理解能力（Semantic Clarity），結構化標記提供語意資訊，讓搜尋引擎知道某段文字是「商品名稱」、某個數字是「價格」，某個數列是「評分」。
有助於搜尋引擎更準確地分析與分類頁面內容。
增加搜尋結果對使用者的吸引力，也可能鼓勵使用者更常與您的網站互動 (這稱為「複合式搜尋結果」)。
結構化資料可提升被選入 Google 知識圖譜（Knowledge Graph）、常見問題（FAQ）、熱門產品等資訊盒的機會。
對於大型內容平台或商品網站，結構化資料有助於自動化分類、分析、推薦，未來也方便與 AI 或資料平台整合。

3. 易碩針對網站做了許多結構化資料標記

包含：BreadcrumbList、ItemList、SiteNavigationElement、PostalAddress、Organization、WebSite、Article、Product、FAQPage..等等，確保您網站與其他網站的競爭優勢。

四、客製化404錯誤頁面

我們針對404找不到頁面設計了所謂客製化404錯誤頁面，主要讓使用者連結不到網頁時可以回應404且頁面上還具有網站的內容，例如完整的頭部連結，使用者可以連到其他頁面或搜尋，而不是伺服器回應的404頁面，使用者不知何去何從。歸納優點：

1. 改善使用者體驗（User Experience, UX）

使用者進入錯誤連結時，如果看到簡潔、有引導性的客製頁面，不會感到困惑或沮喪。

2. 保持網站品牌一致性

客製化 404 頁可以延續網站的設計風格、語氣與色彩，避免讓人覺得是「網站壞掉了」或來到陌生的地方。

3. 降低跳出率（Bounce Rate）

預設 404 錯誤頁通常讓使用者直接離開，但客製頁可提供導覽連結、搜尋等，讓使用者找到網站內容並繼續停留在網站。

五、sitemap.xml產生器

sitemap對於新網站或網站改版尤為重要，它可以加速搜尋引擎對網站的了解並建立索引。有了sitemap.xml產生器，你可以在網站有較多異動時自行產生sitemap.xml，讓搜尋引擎更快檢索到網頁並建立索引。

六、綿密交錯的站內連結

站內連結一般不受到重視，但事實上在網站中建立站內連結（Internal Links），如連結到商品屬性（例如「保濕」、「檸檬香」）或文章的 tag（標籤，例如「生態」、「科普」、「人物專訪」），是非常重要的結構設計。易碩網站在商品部分提供屬性篩選，文章部分提供tag連結，另外像熱門關鍵字的連結等，充分發揮網站該有的站內連結。站內連結的好處：

1. 加強搜尋引擎對內容的理解與收錄：

商品屬性和文章 tag 通常具有主題關鍵字性質，這些連結可告訴搜尋引擎哪些頁面彼此相關，有助於構建內容網絡（content network）。
增加「深層頁面」的曝光與收錄率，避免只被抓取首頁或目錄頁。

2. 強化語意關聯

Tag 或屬性其實是一種語意分類機制，可讓不同商品／文章形成有意義的連結網路，提升整體網站語意結構的深度與密度。

3. 提升關鍵字權重集中效果（Link Equity）

將網站的權重導向特定屬性頁或熱門 tag，可幫助這些頁面在 Google 搜尋結果中更容易排名。

4. 引導使用者發現更多相關內容、降低跳出率。

商品屬性連結可讓用戶快速看到同屬「無香料」或「敏感肌專用」的其他商品。
文章 tag 可引導訪客閱讀更多「同主題」內容，延長停留時間、增加瀏覽頁數。

5. 自然分類、補足主選單功能

有些屬性如「純素」、「2025新品」或「環保包裝」不適合做主分類，但透過屬性頁/tag 頁可以「橫向分類」商品或文章。
提供不同切入角度幫助使用者找資料，改善資訊可尋性（findability）。

6. 支援活動與主題行銷

可以在行銷活動頁面（如「母親節精選」）加上商品屬性或 tag 連結，讓商品自動聚合，方便快速佈局。

七、標題標籤（Heading Tag）埋設

即<h1>到<h6>，<h1> 通常代表整頁的核心主題，<h2> 用來分段描述子主題，有助於語意分析與關鍵字歸類。我們會在網頁上安排<h1>到<h3>，其餘則留給管理者自行編排。使用標題標籤的優點：

1. 標題標籤<h1> 到 <h6> 標籤建立明確層級關係

讓搜尋引擎爬蟲能清楚知道網頁的主題與次主題。

2. 支援無障礙設計

螢幕閱讀器（screen reader）會依標題標籤導覽頁面，協助視障者理解結構，快速跳轉主題。正確使用 <h1> 到 <h6> 是符合 WCAG 無障礙標準的基本要求。

八、自動產生目錄

我們網站配備自動產生文章目錄（Table of Contents）的功能，這是一個在wordpress常見的功能，主要針對標題標籤自動產生連結，就像我們在打word文件時建立的標題大綱並且可以建立錨點連結，快速到達對應的內容。目錄主要用於文章內容，尤其所謂的SEO文，其好處有：

1. 標題標籤本身具有幫助搜尋引擎理解內容架構，而目錄能讓搜尋引擎更容易抓到標題，強化標題功用。

2. 讓使用者快速掃描重點，提升使用者體驗，尤其又臭又長的SEO文。

九、圖片ALT

有管理後台的程式資料網站因為大部分資料來自資料庫，直接套用在版面上，使用者沒辦法自己定義ALT，易碩針對使用者沒辦法編輯的圖片都會賦予ALT，讓網站圖片SEO不打折扣。

十、友善網址

是指清晰、易讀、具意義的網址結構，通常由可理解的文字組成，而非亂碼或無意義的參數。它對網站的SEO、使用者體驗與整體網站品質有非常關鍵的作用。易碩網站系統友善網址分成兩段，第一段採簡潔網址，將程式動態網址簡化為較簡潔的網址；第二段，使用者可以自己針對路徑命名，將網址改成更有意義的文字。使用友善網址對SEO的幫助：提升搜尋引擎可讀性，搜尋引擎可透過友善網址中的詞彙理解頁面主題，有助於分類與排名。例如 /product/organic-honey 明確表達主題，比 /product.php?id=1243 更有語意。

1. 關鍵字優化，當網址中包含目標關鍵字（如產品名稱、文章主題），有助於強化該頁對應關鍵字的 SEO 評分。

2. 結合麵包屑（breadcrumb），使用者從網址就可判斷所處位置，便於理解網站資訊架構（如/women/shoes/黑色短靴.html）。

十一、Canonical 網址

標準網址，主要是告訴搜尋引擎同樣內容的頁面以Canonical 網址為主，這樣可以避免被認定為重複內容而受到懲罰（Duplicate Content Penalty）。為何需要標示Canonical 網址？主要90%以上的網站都屬於程式資料庫類型的網站，透過網頁程式如ASP.net、PHP等程式呼叫資料庫產生頁面內容，所以網址可能像是 /product.php?id=1243，但經過網址重寫成友善網址後，可能像/product/organic-honey這樣，搜尋引擎可能同時找到這兩個網址，因為其實它是同一頁面不同網址，所以一定要標示canonical url，這樣可以：

1. 避免重複內容懲罰（Duplicate Content Penalty）

2. 維持 SEO 分數集中在主要網址。

十二、其他專業功能

1. 相關文章

除了上述商品屬性篩選以及文章Tag外，在商品中設定相關文章，例如開箱文，文章中也可以設定相關文章。優點：

2. 相關商品

和相關文章相同，可以在商品或文章中指定相關商品，除了產生站內連結的優點外，更可以提升銷售。

3. 品牌與品牌商品分類

品牌與品牌商品分類，針對有品牌的商品指定品牌，同時若品牌的種類眾多，橫跨多種類型，我們也可以在品牌中加以分類，除了產生站內連結的優點外，對於使用者在找尋商品時也會有很大的幫助，像許多大型購物平台就會使用到，例如Acer/13吋筆電、Acer/14吋筆電、Acer/商用筆電。透過實質的分類，效果會比屬性和Tag來得好。

4. 文章/商品問與答

購物系統的商品頁架構通常包含品名、價格、簡介、相片、介紹、規格等等，大家的都相差不大，所以在SEO競爭上，除了多一些文字介紹外，大家的競爭力都相仿，誰也討不到便宜。問與答在網站中常被應用來介紹網站中的相關問題，例如購物常見問題、商品退換貨問題等等，這些都屬於獨立的頁面，而商品問與答是設計在商品頁面上，每個商品可以有自己獨立的問與答，利用這問與答可以突破大家都一樣的窘態，帶來SEO的競爭優勢。同樣，一般文章內容尤其SEO，問與答可以帶來更優質的SEO排序內容，不僅在頁面上呈現問答，而且在結構化資訊也可以告訴搜尋引擎頁面包含FAQ。

讓使用者可以更容易找到想要的內容，減少跳出率等。比商品屬性或文章Tag更為直覺。
產生站內連結，強化頁面的重要性。

十三、專業顧問與服務

1. SSL安全憑證

易碩每個網站都提供免費的SSL憑證，您不用煩惱網站被列為不安全，易不用另外付一筆費用來購買SSL憑證。

2. SEO諮詢

提供網站優化諮詢與建議。

3. GSC（Google Search Console）驗證與sitemap.xml提交

對於新網站上線一定要做的工作。很多人口中說要SEO，但不看GSC，沒辦法對症下藥。

4. GA4（Google Analytics）與GA4事件

很多人搞不清楚GSC和GA的差別，簡單說GSC 看的是「使用者怎麼找到你」，GA4 看的是「進來以後用了你網站做了什麼」。

5. 301轉址

舊網站改版後上線最大的課題在於新舊系統網址可能不同，會讓原本已經在搜尋引擎建立索引的頁面出現錯誤404問題，此時務必要做好301轉指，將舊的網址撰寫301轉址到新的網址，這樣可以避免原本頁面因為遺失而喪失原來的排序。

設計日誌