單頁應用（Single Page Application）的搜索引擎優化

　　【方案一：盡人皆知的Google抓取AJAX方案】

　　如何讓搜索引擎抓取AJAX內容？

　　A proposal for making AJAX crawlable

　　Google給了官方指導，并在Twitter上做了個最大的case，但后來T家放棄了，我想更多是T戰略上的放棄。騰訊的ISUX博客上也曾經推廣過這種方式，居然是在2014年，如下文：單頁應用的SEO淺談

　　總的來說，這種方案可以兼容Google，如果資源實在有限，有著能抓多少是多少的心態，可以試試。主要不幸的是，5年前Google已和我們再見了

　　【方案二：再做一個服務端生成內容的鏡像網站】

　　說實話，量級不大的網站并且極度依賴搜索引擎這個渠道的情況下，這不失為一種方案，第一，蜘蛛絕對可抓取；第二，URL規則的完全可控（要知道現在流行的路由方式，在配置URL規則上相對于URLrewrite是有天生缺陷的）；第三，SPA模式URL衍生的所有問題不再是問題。

　　但是面臨的問題也令我望而卻步：我要說服team再維護一個一模一樣的網站，不是做完了事，是維護，這意味著修Bug要有資源修，改版要有資源改（能說服自己搜索進來然后點兩下看到的網站不一樣嗎？）、所有相關功能的測試、發布、常規測試，都要耦合在一起，當站點大到一定程度，流程前所未有地臃腫，推進無休止的爭吵，所有煩惱包圍著我，讓我想靜靜。我預計自己會累垮，即使搞定了所有的資源，網站優化人員自身也將面臨著非常繁重的工作，兩個網站怎么融合，適配跳轉怎么設定，是否需要主動判斷蜘蛛展現不同的內容，內鏈入口怎么放，都是耦合，且是硬耦合，網站大了頁面多了，越做耦合越多，以后一碰就是坑。

　　【方案三：HTML5 history 中的PushState】

　　還好，開發大大們總是不少奇巧淫技，這是個很”經典”的用法，配合<noscript>這個擦邊球標簽，既能實現URL的自定義，又能實現還算有效果的內容抓取。蜘蛛、瀏覽器，兩方應對，給蜘蛛不帶井號能抓取的URL，給瀏覽器訪問非井號URL時中間做轉換，這樣的話每張頁面都有了可抓取的URL，且依然使用著高逼格的SPA架構。內鏈可以做了，Sitemap可以做了，適配也輕松了。

　　但實際上，蜘蛛在這種頁面上還是盲的，所有內容要仰仗于noscript這個標簽里塞的數據，以及搜索引擎對這個標簽的支持程度。

　　做到這一步，單就需求而言，搜索引擎的抓取從HTML規范講完成了，但這種方式沒有任何搜索承認過支持，包括最核心的那個對于noscript標簽的支持。

　　【方案四：用更高效的方式完成兩套頁面】

　　再回到那個簡單的架構圖，SPA這種架構，渲染是在客戶端（瀏覽器）完成的，大致流程如下：

　　蜘蛛無法執行JS，相應的頁面內容無從抓取，弊端還是那個弊端。但我們知道，傳統的服務端生成頁面，response里已經是服務器渲染組裝好的HTML代碼，瀏覽器只負責正確地展現，蜘蛛負責正確的解析，所以，我們需要給蜘蛛渲染完成的HTML，那么你的框架需要兼容如下流程的功能。