想要把 SEO 做好、Google 排名做高，可不是單純的寫很多內容就可以達到，你勢必得了解一些與程式相關的設定，但不用太擔心，我並不是要說得成為工程師才能做好 SEO 程式優化，只要有相關的概念，不論是透過平台的服務、外掛，或者找工程師處理，都能解決相關問題，這篇文章將會說明那些與網站設定相關的 SEO 重要項目，幫助你更理解如何做好 SEO 網頁。
SEO 網站權重是什麼？
讓我們先思考一個簡單的問題，一個擁有豐富背景知識的專家在說話時，是不是比沒有背景的人更容易深入且有價值？我想大多數狀況下，我們都會認同這樣的想法，畢竟要在一個領域內建立權威並不容易，人們往往更信任擁有權威的人或者機構。
這件事情也反應在 SEO 上，對 Google 來說，當網站具備 SEO 權重時，代表 Google 更容易認同你提出的文章，也更願意提供好的排名，而所謂的「網站權重」除了你提供的內容品質、內容架構之外，還包含了整體網站的體驗感受，也就是網站的程式優化：
網站速度
網站速度是影響網站體驗最直接的要素之一，可以說是優化網站 SEO 最重要的事情，速度體驗不只是會影響 SEO 排名，還將會直接與使用者體驗相關。尤其在快節奏的時代下，用戶已經越來越沒有耐心等待網站的緩慢回應， Google 的數據指出，網頁載入時間從 1 到 3 秒時，用戶的跳出率增加了 32%，而當載入網頁時間從 1 到 5 秒時，用戶跳出率的增幅竟高達 90%！
改善網站速度的方法有很多，通常我會建議先跑過以下兩個免費工具「Google Pagespeed Insight」、「GTmetrix」，盡可能地去完成其中提到的問題，往往能夠大幅改善網站速度體驗，不過這其中牽扯許多程式設計上的細節，對於一般行銷人員難度較高，因此以下我依據調整難度進行簡單分類，並列出我認為真正比較重要的細節（可以優先改善以下提到的內容，你也可以在這篇文章找到更多資源：網站速度優化教學，改善 SEO 排名的重要因素）：
簡單的速度改善方法
- 壓縮圖片：這是最簡單，但卻最有效的速度優化方式，只需要在上傳圖片之前，使用壓縮工具無損品質減少圖片大小，就可以提升讀取速度。（推薦使用：Squoosh）
- 調整圖片大小：網站上很多圖片不需要給太大的尺寸，盡可能貼合實際需要的大小，可以節省大量不必要的讀取容量。
- 選好點的伺服器：這是個很直觀的投資，越好的伺服器往往有更好的速度表現。
需要工程師的速度改善方法
- 使用 next-gen 格式的圖片：將圖片格式從 JPG, PNG 改成 Webp 可以大幅減少容量，是非常值得優化的項目。
- 設定快取（cache）：透過快取可以大幅加快二次存取的速度，在現在的網路環境中，往往伺服器都有免費提供這種功能，強烈建議要開啟。
- 減少第三方程式碼：尤其是字體、外部資料、Iframe 等資源，往往會拖慢讀取速度。
- 啟用 CDN：這也是一個不需要調整程式寫法就可以改善速度的工具，比較好的伺服器都會有相關功能，建議開啟。
- 保持程式碼精簡：這一點可以算是最困難的，因為精簡是一個沒有止境的優化過程，在保持網頁功能不變的狀況下，如何不斷地精進程式碼，是資深工程師長期的目標，我們也無法提供一個標準，只能說，越厲害的工程師往往可以優化的越好。
補充說明：改善網站速度時，並不需要有達到滿分的強迫症，速度檢測的目的是改善網站體驗，並不是追求檢測分數，如果網站的體感速度是能被接受的，那麼就不用過度執著於這件事情，畢竟，還有許多優化能夠帶來更好 SEO 成效，大可不避在這裡吹毛求疵。
行動裝置易用性
手機瀏覽已經成為現在的主流，在網路上的使用量甚至已經超過電腦使用，所以，對於現代網站而言，建構一個舒服快速的手機瀏覽網站，已經是基本要求了，這一點在 SEO 也不例外，從 2016 年開始 Google 就不止一次宣布行動優先索引，直到 2020 年已經全面實行此計畫了。
建構適合手機瀏覽的網站其實並不困難，一般來說最常用的技術有四種：分別為 RWD（響應式）、AWD（自適應）、AMP、行動版網站，目前比較主流的方式為前兩者，由於這方面的討論偏向工程面，這裡就不做過多展開，你可以在這兩篇文章找到更多資源：RWD 網頁是什麼？響應式網頁的設計要點、AMP 已死？現代網站有必要做 AMP 嗎？
網站設計 | 英文全名 | 開發成本 | 載入速度 | 特點 |
RWD 響應式網站設計 | Responsive Web Design | 3 | 3 | 開發難度與提升使用者體驗的性價比最高。 |
AWD 自適應網站設計 | Adaptive Web Design | 2 | 3 | 與 RWD 類似，但開發端的差異讓 AWD 較適合大型網站。 |
AMP 加速行動版頁面 | Accelerated Mobile Pages | 4 | 1 | 單純為了優化網站載入速度的做法，但犧牲了許多網站視覺。 |
行動版網站 | Mobile Website | 1 | 2 | 最不建議的做法，等於另外做一個網站，會影響網站的 SEO。 |
大家可能會覺得這個優化很困難，但其實只要是現代建立的網站，不論使用那一個系統或者平台，行動版頁面都已經是必備的基本需求，所以反而是最容易達成的 SEO 項目，不過大家在設計時還是要注意，盡量要思考到手機瀏覽的體驗議題。
網站安全性
大家應該有發現，有些網站的左上角會有「不安全」這樣的符號，這是由於這些網站並沒有採用加密傳輸技術，觀察它們的網址就會發現呈現的是「http」而非「https」。
所謂的 SSL 加密技術，是將網站傳遞資料進行加密的一種方法，不了解程式細節其實無所謂，只需要知道正確擁有SSL加密的網站，在網址的左側，會有安全標章，並且網址會從 http 改變成 https，而沒有這項技術的網站，則會被瀏覽器提示為不安全，是會影響到整體排名的。
準確來說，是否擁有 SSL 加密技術更像是一個扣分項目，多年來 Google 不斷強調網站保護使用者安全的義務，尤其是那些需要蒐集使用者資訊的網站，例如：信箱、姓名、個人資料⋯⋯。
好消息是，目前市場環境是能夠輕易取得SSL加密技術的，我很確定只需要聯繫你的伺服器廠商，一定會有相關資源能夠使用（很大機率會是免費的）。
採用 SSL 加密技術幾乎是現代網站的常態，不過如果你是從沒有 SSL 轉而要使用的話，以下幾點務必要認真執行，否則可能會影響到原本的網站流量：
- 修改網站內帶有 http 的連結，建議改成相對路徑：範例：使用 //example.com/script.js 取代 http://example.com/script.js
- 將所有 http 頁面重新轉址到 https 頁面：範例：將『http://procrustes.com/』轉址到『https://procrustes.com/』，現在的伺服器廠商多具備這個功能，請務必在採用技術前詢問清楚是否能夠協助處理，並且要特別注意，這個轉址必須是一頁對一頁轉址，不是全部轉移到首頁！
- 調整特殊頁面內的連結，如：sitemap、robots.txt⋯⋯。
除此之外，你可能也需要檢查一些分析軟體是否會將 http 與 https 視為兩個網站，如果會的話（search console 就會），則需要重新申請相關資源。
總體而言，拜網路技術進步所賜，現在要增加 SSL 技術比過去要容易非常的多，以前常常聽到網站導入 SSL 技術後出現短期排名大波動，這些問題現在已屬罕見，但正確執行上面所說的步驟，仍然是保證網站排名的好方法。
特定頁面設定
在網站中，有些頁面的設計能夠幫助搜尋引擎更了解網站，這些頁面通常是使用者不會在意的：
路徑錯誤：404 頁面
404 頁面是用戶進入錯誤網址時會呈現的頁面，最常發生的原因有：用戶自行輸入網址打錯、網站維護人員更動內容忘記轉址、外部分享連結時網址複製不完全⋯⋯當遇到這些狀況時，伺服器就會回應「404 找不到網頁」，而正確設定這個網頁，對 SEO 是有微小幫助的。製作 404 頁面時只有一個簡單的要點：不要進行 404 的轉址，有些人會認為將 404 轉址到首頁在使用上比較舒服，但其實這反而會導致用戶困擾，最好的方式就是呈現基本頁面，並在其中放入「搜尋」「回到首頁」等連結，讓用戶自行決定路徑的走向。
網站地圖 Sitemap
Sitemap 有兩種，一種是提交給搜尋引擎的 xml 檔案，另一種則是呈現給使用者看的網站地圖。這裡我們討論提交給搜尋引擎的 sitemap.xml，從結論來說，Sitemap 對 SEO 排名其實沒有幫助，但是透過提交 Sitemap 給搜尋引擎，可以加速其了解網站結構，更快速地收錄網頁資料。
對於剛創立的網站來說，提交 Sitemap 可以視為是正式公開發佈的象徵，我們可以到 Search Console 中提交給 Google，到 BingWebmaster 中提交給 Bing，然後等候一段時間，搜尋引擎就會爬取你的網站內容了。
關於製作 Sitemap 與其他相關細節，請參考這篇文章：Sitemap 是什麼？了解免費產生器與提交方式
robots.txt 檔案
robots.txt 檔案是用來與搜尋引擎溝通的一種模式，我們可以在其中告知網站希望爬蟲如何運作，不過這並非是程式上強制執行的，我們只能期待爬蟲遵守規則，並沒有強制約束力，但一般來說，大型的搜尋引擎都會遵守裡面的規定。
從結論來說，製作 robots.txt 並不會對 SEO 排名有直接影響，唯一的特例是，如果網站意外的發生了不該被收錄的頁面被收錄，導致重複內容的問題時，robots.txt 檔案可以用來解決這個問題。
通常我們在 robots.txt 檔案中，都會禁止爬蟲進入後台區域，並且宣告 Sitemap 位置，方便爬蟲抓取網站內容。
User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php
Sitemap: https://procrustes.info/sitemap_index.xml避免 SEO 扣分項目
優化 SEO 排名還需要留意一些可能的問題，統一的原則就是，影響到使用者體驗的技術，遲早會被 Google 懲罰，千萬別心存僥倖。以下是目前常見的懲罰問題：
蓋板廣告
相信大家在瀏覽網站時，非常討厭那些忽然出現把整個網頁蓋掉的廣告，這種明顯會傷害使用者體驗的事情，自然是會遭受 Google 對排名的扣分，不過這類蓋板廣告有非常高的商業價值，對以廣告為營收的網站而言，是很難取代的獲利來源，因此這些網站即便知道蓋板廣告會降低 SEO 評分，在衡量之下大多還是保留這個做法。可是這是因為他們通常都是『領頭網站』，有條件可以被扣分後還保持好排名，如果是小型網站，我就會強烈建議避免這些問題。
但是，並不是網站有廣告就會被扣分，只要正確理解使用者體驗是最重要的，不要讓使用者不舒服，廣告本身並不會影響到 SEO ，我們可以參考 The Better Ads Standards 裡面的規範，避免網站廣告的懲罰。
從上圖應該可以看出，Google 建議的廣告形式，是放在文章中間，會隨著文章滑動而消失的廣告，那些在固定位置佔據大量視覺空間的廣告、音樂播放、彈跳出的全版廣告等等，以及那些要很多秒才能關閉的廣告，其實都是很傷 SEO 的做法，大型新聞媒體網站會使用，是因為他們的文章體量太大了，即便被扣分也仍然會有很好的排名，但如果你只是知識分享類型的自媒體、品牌官網，最好是別這麼做。
過時的技術：flash
相信大家已經有遇到開啟許多老的網站時，畫面會跳出不再支援 Flash 技術這樣的說明，這是因為這些老的技術往往有安全性疑慮，因此現在的搜尋引擎也會針對這些問題做調整，除了不支援之外，也會對 SEO 進行扣分，來減少其網站曝光的可能性，所以我們也相當不建議再採用過時的技術開發。
除了已經被明確淘汰的網頁技術，一些過老版本的程式撰寫方式，也一樣要小心被扣分，原因相信大家都很清楚了，過時的技術往往會有安全性的疑慮，所以 Google 當然會對其進行扣分，來減少這類網站出現的比例。
黑帽 SEO
黑帽 SEO 是指透過 Google 不認可的方式進行 SEO 優化的手段，例如：買賣連結、隱藏關鍵字、惡意入口導向⋯⋯，坦白說，這些手法通常都是在鑽 Google 演算法的漏洞，不一定是對用戶有害的，只不過大家也可以站在 Google 經營的角度來看，肯定是很討厭這些破壞規則的人，所以對黑帽 SEO 的懲罰也相當嚴重，問題只是在抓不抓得到作弊而已。
品牌如果想要長期經營自然流量，就不能有不會被抓到的僥倖心理，即便使用黑帽 SEO 的技術可以帶來短期效益，但只要演算法更新到可以識別的程度，所有的努力都會消失，網域還有可能被列為黑名單，導致後續排名非常難做，是得不償失的。因此我都會建議避開一切帶有黑帽意圖的優化手法，正正當當的做好 SEO 比較實在。
