分享一個最近碰到的案例。

某天微信上來了個消息，咨詢?yōu)槭裁醋约鹤龅木W(wǎng)頁收錄極少。明明已經(jīng)有了上千個頁面且內(nèi)容還算是不錯，網(wǎng)站的技術(shù)設(shè)置也沒有屏蔽爬蟲抓取，但整體的收錄數(shù)據(jù)就是上不去，更別提關(guān)鍵詞出詞了。

起初我還以為是低質(zhì)量內(nèi)容的緣故，但一打開人家的網(wǎng)頁，上面的內(nèi)容做的確實不錯，圖片搭配合理且排版精美，仔細讀起來也有點東西。

于是一點點排查。

起初看站長工具后臺，里面的爬蟲報告上顯示是有抓取記錄的，且一直持續(xù)有爬蟲光顧他的網(wǎng)站。

這也就說明整體的技術(shù)通道是沒有問題的，問題可能就出在某些技術(shù)設(shè)置有瑕疵。

然后準(zhǔn)備排查 SEO 插件的設(shè)置，但是反饋說在這塊沒有做任何操作。因為并不是使用 WordPress 建站，而是直接在某平臺上買的源代碼，并部署在自己的服務(wù)器上。

所以后面自然就懷疑是不是這套源代碼有什么技術(shù)問題。

通過工具測試后發(fā)現(xiàn)，這套源代碼在 SEO 優(yōu)化方面基本就是坑，因為整體上使用的是客戶端渲染（CSR）技術(shù)來做內(nèi)容加載的。

技術(shù)層面上的通俗理解，就是網(wǎng)站初始加載時只有一個網(wǎng)頁框架，里面基本沒任何內(nèi)容。后續(xù)有用戶在網(wǎng)頁上做了點擊或者瀏覽動作時，觸發(fā)了 js 代碼才會去加載網(wǎng)頁內(nèi)容。

注：這種內(nèi)容加載方式現(xiàn)在已經(jīng)非常少見了，主流的建站方式都不是這種內(nèi)容渲染方式。

這種技術(shù)邏輯，對于個人用戶的使用體驗而言基本沒有問題，但是對于爬蟲而言就問題大了。

因為爬蟲初次加載時只有一個空曠的內(nèi)容框架（沒有內(nèi)容），于是爬蟲自然就會認為這個頁面是沒有內(nèi)容的，它并不會像人一樣會去做點擊之類的操作。

問題發(fā)現(xiàn)了，后續(xù)自然就是整改了，無奈前面花的那些成本都白白浪費了。

所以這種 JavaScript SEO，如果你純粹是使用技術(shù)去搭建網(wǎng)站的話，是很有必要好好學(xué)習(xí)一下的。

且官方文檔里已經(jīng)有了不少這方面的說明，值得我們在動手之前好好看看。

像官方文檔里的這個案例（第十點），說的內(nèi)容付費墻方面的實操操作。

比如我們看很多平臺需要付費訂閱才能顯示完整內(nèi)容，但是在做內(nèi)容隱藏時只是通過簡單的 js 代碼設(shè)置內(nèi)容不可見。

于是矛盾出現(xiàn)了，雖然普通用戶在瀏覽器上看不到隱藏內(nèi)容，但是這些被隱藏的內(nèi)容卻在網(wǎng)頁源代碼里明明白白的顯示著（通過查看網(wǎng)頁源代碼的方式都能看到這些被刻意隱藏的內(nèi)容）。

這就讓爬蟲很尷尬了，到底是抓取已經(jīng)呈現(xiàn)出來的內(nèi)容，還是說這些被隱藏的內(nèi)容都要抓取進去。

于是官方文檔里就給實操說明，不要用這種 js 代碼認為隱藏的方式去做內(nèi)容付費墻。

相反直接在服務(wù)端做出免費版本與付費完整版本，倒是一個更好選擇。

其實在網(wǎng)站運營過程中，類似這樣的坑還挺多的，沒辦法只能一個一個踩過去才能提高自己的能力。