子網域反向代理 (Reverse Proxy) 到子目錄與子目錄的 SEO 優勢
為了分散伺服器的負擔與資源分配，商業網站與 SaaS 服務提供商時常會使用子網域架設不同使用目的的網站，也有因為使用的技術架構的差異，讓管理者們不得不將網站分開架設。
個別使用不同網站以子網域的方式架設，或是在同一個網站下採用子目錄的方式管理，其考慮因素我們在「子網域、子目錄的差異與子網域的 4 種應用情境」一文中已經討論過，那麼，是否有機會能夠同時利用到子網域與子目錄所能帶來的優勢呢？
這篇文章我們來跟大家分享要如何將網站子網域反向代理 (Reverse Proxy) 到子目錄，以及常見的應用情景與注意事項。
為什麼要將子網域反向代理到子目錄？
SEO 優勢
與子網域不同，子目錄被搜尋引擎視為是主要網域的一部分，能帶來一些 SEO 優勢：
- 網域權重 – 子網域反向代理到子目錄後，頁面中的反向連結也能對主要網域的權重有所助益。
- 品牌辨識度 – 所有內容都在主要網域下，可以強化品牌識別度，對訪客而言，方便在同一個目錄結構下訪問主要網站與子網域網站的內容，能夠提高訪客體驗。
- 提高可爬行性 – 對搜尋引擎的爬蟲機器人而言，會將子網域下的頁面納入主網域結構中一併考量。
負載平衡
子網域網站如果架設在另一台伺服器上，還可以大幅降低主網域網站的資源耗用，如果是使用第三方服務商所提供的服務，甚至不需要額外煩惱日常維護與安全防護。
當然，要找值得信任的服務提供商。
實際案例
SEO 顧問 Aleyda Solis 在她的 X 帳號分享她的實際經驗。
2022 年中，Aleyda 將一個架設了 1 年半左右的部落格網站從子網域移植到主網域的子目錄下，幾乎是在遷移後沒多久就能看到網站流量增長的效益。(下圖)
- 實線 – 子目錄
- 虛線 – 子網域
SEO 專家 Sam Partland (SammySEO) 好奇這樣的效益是否會出現回彈修正的狀況，Aleyda 很大方地再次分享一年後的 Google Search Console 統計數據。(下圖)
- 虛線 – 子目錄
- 實線 – 子網域
後續的流量成長當然與網站、內容的經營成效有關，但這也成為當時 SEO 業界中能夠明確證實將內容的經營集中在主網域所能帶來 SEO 優勢的實際案例之一。
因為過去 Google 曾經說明過將內容放在子網域或子目錄下，對搜尋引擎來說並不會造成特別顯著的差異。
不過，Google 搜尋中心的搜尋排名系統指南每年隨著系統功能完善而持續更新中，最新的「網站多元性系統」說明也持保留的態度，子網域在搜尋引擎的判斷下確實有可能會被視為是獨立網站。
網站多元性通常會將子網域視為根網域的一部分。也就是說，系統會將來自子網域 (subdomain.example.com) 和根網域 (example.com) 的網頁資訊全部視為同一個網站。不過有時候，如果系統認為有必要，也會基於多元性的目的，將子網域視為獨立網站。
網站多元性系統 – Google 搜尋排名系統指南
即使將內容都放在主網域下，也記得要妥善規畫相關內容的關聯性唷！
常見應用情景
技術架構不同
以 SaaS 服務提供商為例，如果主網站 www.domain.com 使用 node.js 架設，因為主機無法運行 PHP 所以無法安裝 WordPress。
因此，運用 WordPress 另外架設部落格網站 blog.domain.com，可於日常發布關於服務、產品的相關資訊，增加服務、產品在搜尋引擎上的曝光度。
對這個廠商來說，如果可以把 blog.domain.com 反向 Proxy 到 www.domain.com/blog 的話，就能讓主網域享受到前面所說的 SEO 優勢了。
使用第三方服務
同樣以 SaaS 服務提供商為例，對這類廠商來說，要能夠提供完整、良好的客戶體驗通常會需要這幾種類型的第三方服務：
- 文件管理 (Documentation)
客戶能夠獲得完整的商品、服務使用說明，完善的說明文件庫可以大幅降低客服支援的需求。 - 功能要求 (Feature Request)
對處於發展初期或功能成長期的產品、服務，獲得實際用戶的需求建議遠比花費大筆預算進行調查研究更加有效益。 - 產品路線圖 (Roadmap)
客戶能夠清楚地了解產品未來的發展方向是否與自己的使用規劃相同，這對從 alpha 或 beta 階段開始推廣產品的廠商來說是相當關鍵的資訊。
這類服務在免費方案中客戶可以在第三方服務商的子網域下自訂名稱，例如：xxxx.3rd-party.com。
付費方案中才會提供「自訂網域」功能，讓客戶透過 DNS 指定 CNAME 的方式將第三方服務的網址指向客戶自己的子網域 docs.domain.com (以說明文件庫為例)。
部分更貼心的第三方服務商進一步提供反向代理 (Reverse Proxy) 功能，可以讓我們將 docs.domain.com 反向代理到 www.domain.com/docs。
如何設定反向代理
近期我們也使用第三方服務商託管文件管理系統，並利用服務商提供的進階功能，從自訂網域的子網域 docs.quantsnote.com/syncpa-docs 反向 Proxy 到主網站 www.quantsnote.com/syncpa-docs 目錄下。
Nginx 反向代理規則
Nginx 作為網頁伺服器，就像中間人一樣讓網站的流量知道該往哪去，透過設定規則讓前往子目錄的請求能夠轉往網站的子網域，讓人感覺像是直接從子目錄存取頁面一樣。
我們的例子稍微特別，是從子網域的子目錄對應到主網站的子目錄，而兩個網站的是位於不同主機的。
Nginx 的反向 Proxy 規則：
location /docs {
proxy_ssl_server_name on;
proxy_pass https://docs.domain.com/docs;
proxy_set_header Host docs.domain.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header "requested-by" "proxy";
}- proxy_pass https://docs.domain.com/docs;
一般來說可以在 location 與 proxy 路徑後面加上 “/” 可以確保路徑的拼接正確，但 Archbee 主機端已經有處理了。 - proxy_set_header Host docs.domain.com;
確保上游伺服器接收到正確的主機名稱
設定儲存完記得要重啟 Nginx 服務新規則才會生效。
而文件管理系統服務商則會將子網域的相關連結網址都更新為基於主網站子目錄架構下的網址 (以及其他相關設定)，這樣 (子目錄對應到子目錄) 的好處在於，如果我們需要新增其他服務的說明文件庫時也能夠以子網域的子目錄對應到主網站的子目錄進行設定，這真的是很聰明且彈性的作法。
因為網頁伺服器轉址規則的設定需要高度的專業性，如果大家有這方面需求別忘了第一時間請先詢問網站主機託管商的客服。
如果對技術的細節有興趣，可以看看 SammySEO 的文章，其中包含了 Nginx、Apache/.htaccess 的建議，以及 Cloudflare 使用 Worker 進行反向 Proxy 的步驟細節，相當有參考價值。
還有這一篇使用 Cloudflare Workers 功能的實際經驗分享，很有趣的是，作者發現設定完成的子目錄頁面在 Lighthouse 的測試效能得分竟然比子網域網站的相同頁面還高，與他的期望恰恰相反。
此外，Nginx 的反向代理功能也能做到主機負載平衡的強大功能，這也會是我日後需要多花時間研究的主題。
關於如何設定 Nginx 規則：「網頁伺服器改為 Nginx 需要的規則調整」
注意事項
如果要享受到子目錄帶來的 SEO 優勢，還有兩件事要完成。
標準網址 Canonical
將子網域反向代理到子目錄下最大的擔憂就是怕搜尋引擎因為重複內容而影響到網站的索引品質，熟知 SEO 的站長們都知道重複內容的頁面該如何處理。
為此，我們需要讓搜尋引擎知道主網站子目錄下的網址才是標準網址 (canonical)。
<link rel="canonical" href="https://www.domain.com/subfolder"/>網站地圖 Sitemap
接著就是網站地圖 Sitemap 了，將子網域的 Sitemap 提交到 Google Search Console、Bing Webmaster Tools 讓搜尋引擎可以完整、有效率地將相關頁面加入索引中。
還記得前面有提到「將子網域的相關連結網址都更新為基於主網站子目錄架構下的網址」，對搜尋引擎來說，這些內容自然會被視為附屬於主網域資源的一部分。
關於如何提交 Sitemap 到 Google Search Console：「無痛架站 – SEO Google Search Console」
結語
在架站的過程中接觸、學習到新的事物總是令人特別興奮開心，對一個 WordPress 外掛、SaaS 工具愛好者來說，過去蒐集了不少工具 LTD 也開始陸續發揮價值。
這次使用到 Archbee 提供的專業文件管理系統，不僅可以將各類型文件託管在 Archbee 的伺服器上，也因為利用到反向代理的進階功能讓我從實務應用中有了更深入的了解。
希望透過本文與「子網域、子目錄的差異與子網域的 4 種應用情境」一文，可以讓大家對子網域、子目錄的實際應用更有概念。
有任何問題也歡迎加入臉書社團 或 Discord 社群一起討論唷！
