前言
看到標題的人肯定會問,seo-mask是什麼,為什麼可以解決單頁應用seo無法被收錄的難題呢?
簡單來講seo-mask做的就是為已經釋出線上運營的的單頁應用專案建立另一個簡單的利於seo的映象網站,使搜尋引擎能夠爬取到不同路徑下對應的內容,無需改造現有程式碼。
關於seo-mask的解釋及同樣能解決單頁應用seo問題的其他方法的對比都在《seo-mask -- 為單頁應用建立一個適合蜘蛛爬取的seo網站》 裡,這裡我就不多贅述了。
使用前
使用seo-mask之前我的網站是隻能搜到一點TDK,無法搜到具體某個頁面的內容。 收錄資料量幾乎是0,慘不忍睹。
![使用前收錄情況](https://i.iter01.com/images/84df47b2b86a97b1da06d4d079e72196ee412d40511b75e567df0f81f847d215.png)
使用後
![使用後收錄情況](https://i.iter01.com/images/4c01363d9ccd8db975dd067b91d0d3e62e15ef0cece9bf82579e5d6192e4e665.png)
百度收錄量爆發到1萬300 ,資料非常可觀了,而且親測在百度搜尋某篇帖子的標題可以直接搜到這篇帖子的連結,包括帖子內容也在搜尋結果裡。
這個結果超出了我的想象,真香!
![真香](https://i.iter01.com/images/61b6f237d46c852faccd4991f83c8dd55671841b194ba3a9fe6f3aa73b677cd0.png)
總結
seo-mask解決了單頁應用專案的短期實現seo優化方案,如果你的專案是比較複雜且動態資料較多的單頁應用專案,又不想花費時間精力改造成服務端渲染重構的話,可以考慮這個方案。
但是這只是一種緩兵之計,治標不治本,可能會被搜尋引擎鑑別到瀏覽器訪問差異較大導致降權,還要維護另一套映象網站,所以專案比較趕的話可以先用這個方法。
等到時間人力成本夠的話還是最好考慮服務端渲染重構一步到位,方能根治。
![安排](https://i.iter01.com/images/9b94eb72cf2213552d3bb96933ecd26ca6418f29e1aa7a8457917e8fb48886d4.png)