在這個網(wǎng)絡(luò)世界當(dāng)中，Javascript 在網(wǎng)站的各種應(yīng)用變得越來越頻繁。核心原因是因為Javascript能實現(xiàn)許多本身Html和css無法實現(xiàn)的功能和效果。而在SEO的世界中，Javascript一直不是一個友好的象征。過度的使用javascript可能會導(dǎo)致Google無法正確完整的收錄和讀取你的網(wǎng)站。

今天我就給你們講一下到底JS是什么以及目前Javascript到底在Google SEO當(dāng)中到底是什么角色

Javascript就是網(wǎng)頁代碼中的魔法師

JS是針對網(wǎng)頁的編程語言。JS除了能動態(tài)的更新Html和Css代碼，還能做數(shù)據(jù)處理。這兩個核心功能讓JS在現(xiàn)代的網(wǎng)絡(luò)世界當(dāng)中擁有了不可取代的地位。

JS也擁有很多的編寫網(wǎng)站的架構(gòu)，這些架構(gòu)為眾多程序員在設(shè)計網(wǎng)站的時候提供便利：

·React JS

·Angular JS

·Vue JS

無論是哪個，都有巨大的使用量。Vuejs相較于其他兩個雖然更遲問世，但是Vuejs已經(jīng)成了現(xiàn)代互聯(lián)網(wǎng)前端設(shè)計中不可或缺的一部分。通過這些架構(gòu)設(shè)計出來的網(wǎng)站，往往存在極其多JS代碼，花里胡哨的特效，以及數(shù)據(jù)處理。

Javascript對于SEO而言，是雙刃劍

強(qiáng)大的功能同樣伴隨著使用的缺點。Google也不是原本就能完整的收錄JS的內(nèi)容。因為JS的代碼的復(fù)雜性要完成100%正確完整收錄本身就是一件不可能的事情。

優(yōu)點：

1.增加頁面逗留時間

2.提供更好的ux體驗

3.減少跳出率

缺點：

1.降低加載速度

2.低配置的電腦運(yùn)行會卡

3.爬蟲收錄頁面時可能會遇到收錄當(dāng)前頁面內(nèi)容不完整的情況

4.收錄頁面時，會遇到部分鏈接無法收錄的情況?？蓞⒖純?nèi)鏈優(yōu)化

我自己的其中一個站點Xuggest.com就是使用VueJS寫的。你可以對比下xuggest.com和我自己的博客xmgseo.com的代碼不同之處。其中Xuggest.com的代碼是非常少的，根本沒有頁面內(nèi)容在代碼當(dāng)中。頁面內(nèi)容存在了JS文檔當(dāng)中了。我們會把Xuggest.com統(tǒng)稱為SPA（Single Page App）。這類SPA網(wǎng)站在被Google收錄的時候經(jīng)常都會遇到收錄不完整的問題。

Google推出了渲染功能，能收錄JS內(nèi)容

Google去年推出了頁面渲染功能，來保障JS網(wǎng)站能正常理解JS以及被正常收錄。但是并非所有JS的代碼都能在Google的渲染引擎中正確渲染，想要知道自己的網(wǎng)站能不能被Google正常理解，最好的辦法之一就是使用最新的搜索引擎后臺中的URL檢查器。只需要進(jìn)入Search Console，然后輸入了URL就可以看得到渲染情況。

針對SEO應(yīng)該做哪些事情

1.一定要檢查Google的渲染結(jié)果

當(dāng)你完成了自己的網(wǎng)站的時候，一定要確保檢查過Google的動態(tài)渲染，確保Google能看懂你的網(wǎng)站。如果你在渲染結(jié)果當(dāng)中并沒有看到自己想要的結(jié)果，那么你就需要第一時間檢查一下是模版問題還是自己代碼的問題了。如果你是Shopify或者Wordpress，使用了第三方的模版，最直接的方法就是聯(lián)系模版客服。每個模版售賣商都會有客服服務(wù)的，你可以通過客服去咨詢下為什么你的網(wǎng)站無法正確渲染以及收錄。

2.慎重選擇主題模版

無論你是做Shopify還是Wordpress，你都會需要使用模版。因為畢竟大多數(shù)的人不是建站高手，能通過網(wǎng)站模版解決的問題就不需要考慮自己去單獨(dú)寫代碼完成。

但是很多模版的都對搜索引擎和SEO不友好。一方面本身模版作者并沒有太過考慮這個問題，其次就是模版的初衷是吸引用戶購買。而大多數(shù)用戶都會被特效以及模版的外貌所吸引，所以就更加避免不了大量的使用css和js了。

如果你不知道到底怎么去判斷模版對SEO的友好程度，最簡單的做法就是跟隨大眾的選擇。Shopify全部免費(fèi)的主題模版都是對SEO非常友好的。而Wordpress我個人推薦的最普通的博客模版就是Genesis，很多Wordpress網(wǎng)站的模版其實都是基于Genesis去寫的。你也可以看我寫的這篇關(guān)于如何通過提高網(wǎng)頁速度從而提高SEO的博客得到更多的意見。

3.如果自己寫代碼就請確保代碼精煉

我自己也算是個業(yè)余全棧工程師，對于前端各方面的代碼我也都略知一二。如果網(wǎng)站需要自己開發(fā)的時候，最重要的就是記住一定要確保JS和css/scss運(yùn)用要保持精煉，確保最少的多余代碼，確保盡少使用不必要的JS。一方面除了對Google SEO有幫助，更重要的是，對用戶的瀏覽器也會更加友好。因為并不是每個用戶的電腦都是三路泰坦，100GB內(nèi)存和i9配置的。

https://xmgseo.com/js-wangzhan-seo/