SEO與JavaScript:好的、壞的與不確定的部分
最後更新日期
目錄
好消息:新的開發進展簡化了相容性問題
去年,Google和Bing發佈了與JavaScript相關的最新SEO</a>公告,揭示了改進以提高相容性。Google宣佈他們已開始使用</a>最新版本的Google Chrome來渲染執行JavaScript、樣式表等的網頁。而Bing宣佈他們將採用新的Microsoft Edge作為Bing引擎來渲染頁面。<br/><br/>現在,Bingbot將使用與Googlebot、Google Chrome和其他基於Chromium的流覽器相同的底層Web平臺技術來渲染所有網頁。這兩個主要搜尋引擎</a>還宣佈他們將使自己的解決方案</a>“常青”,承諾定期更新其網頁渲染引擎至其流覽器的最新穩定版本。這些定期更新將確保支持最新功能,這是與以前版本相比的重大進步。<br/><br/>
| 優勢 | 劣勢 | |
|---|---|---|
| 機會 |
|
|
| 威脅 |
|
|
表: 強弱危機分析(最後更新: 2020-02-20)
過度使用javascript可能會影響網站的可用性
穀歌和必應的這些更新使得網頁開發人員能夠更輕鬆地確保他們的網站和內容管理系統</a>在兩個流覽器上都可以正常工作,而不需要花費時間深入研究每個解決方案</a>。除了被robots.txt禁止的檔外,他們在新的Microsoft Edge流覽器或Google Chrome流覽器中看到和體驗到的次要內容</a>也是搜尋引擎</a>所能看到和體驗到的。對於SEO優化</a>師和開發人員來說,這節省了時間和金錢。<br/><br/>例如:不再需要保留Google Chrome 41來測試Googlebot;不再需要升級至必應;不再需要維護一個相容性清單</a>,列出每個搜尋引擎</a>支援哪些JavaScript函數、樣式表指令等等。好消息接踵而至,有了這麼多閒置時間,是否意味著JavaScript可以放心使用呢?
壞消息:JavaScript仍然面臨許多限制與風險
簡而言之,JavaScript 可能會使搜尋引擎</a>難以讀取您的網頁,從而產生錯誤,這可能對 SEO</a> 有害。當搜尋引擎</a>下載並開始分析網頁時,首先要做的是瞭解檔類型。如果該檔不是 HTML</a> 檔(例如:HTTP 重定向、PDF、圖像或視頻),則無需使用 JavaScript 堆棧來渲染該文檔,因為這種類型的內容</a>不包含 JavaScript。<br/><br/>對於 HTML</a> 檔,如果它們具有足夠的資源,搜尋引擎</a>會嘗試使用其優化的瀏覽器渲染解決方案</a>來渲染文檔。問題開始出現在沒有直接嵌入文檔中的 JavaScript 時。 <script type="text/javascript" src="https://www.domain.com/files/myjavascript.js" /> 搜尋引擎</a>必須下載該檔才能讀取和執行它。<br/><br/>如果內容</a>被 robots.txt 阻止訪問,搜尋引擎</a>就無法成功下載它。如果被允許訪問,搜尋引擎</a>必須成功下載該檔,面臨每個站點的爬行配額和站點不可用性問題。搜尋引擎</a>通常不會執行複雜的操作,例如單擊按鈕,所以最好使用基本 HTML</a> 將檔連接到上面的示例中。<br/><br/>另一個潛在的陷阱是 JavaScript 檔可能與網站的緩存版本不同步。搜尋引擎</a>通常會對網頁進行長時間緩存,以避免頻繁提取每個資源。JavaScript 可能通過 HTTP 請求加載內容</a>和其他資原始檔案,這增加了之前解釋的問題發生的可能性。<br/><br/>這些 JavaScript 檔或 HTML</a> 中包含的 JavaScript 也可能與搜尋引擎</a>使用的 JavaScript 引擎不相容。當它不相容時,搜尋引擎</a>將無法讀取它,如果我們無法讀取它,就無法記住它。隨著搜尋引擎</a>採用相同技術並致力於更新其瀏覽器,未來處理此問題將變得更加容易。<br/><br/>此外,別忘了搜尋引擎</a>對 JavaScript 的處理是有限制的:在 # 後面截斷所有參數(除了遺留的 #! 標準)。搜尋引擎</a>通常不會單擊按鈕或執行其他複雜操作。搜尋引擎</a>不會長時間等待頁面渲染。<br/><br/>搜尋引擎</a>不會輸出複雜的互動式網頁。JavaScript 不應成為新的 Flash!請記住,每個 JavaScript 實例都必須被讀取。如果過度使用它,將降低頁面速度</a>以及排名指數。<br/><br/>
相關數據:
- 45%的網站使用了javascript來實現seo優化 來源: moz
- 平均每個網頁中有26.8個javascript檔案 來源: http archive
- 在美國,有68%的行動裝置使用javascript來瀏覽網頁 來源: statcounter
- 英國的網站中,有82%使用了javascript 來源: w3techs
- 日本網站中,有63%使用javascript進行動態效果設計 來源: statcounter
不確定性:為了最佳化SEO,實際使用JS,精心選擇或理想情況下,完全不使用
對於大型網站和希望最大化搜尋引擎</a>效益的網站來說,我們建議根據搜尋引擎</a>爬蟲的使用者代理(例如Bingbot、Googlebot)來識別它們,並輸出基本的HTML</a>而不包含JavaScript或僅包含有限的JavaScript。同時,允許爬蟲以一個HTTP請求存取您希望被索引的HTML</a>和文字內容</a>。然而,我們也要關注如果一個網站覺得有必要區分JavaScript體驗或針對爬蟲進行特殊處理,可能會因為被認定為垃圾郵件</a>欺騙行為而受到處罰。<br/><br/>但好消息是,穀歌和必應都表示如果您輸出的文本和內容</a>幾乎與人類用戶所查看的相同,則無需擔心。 "目前很難處理JavaScript並且不是所有的搜尋引擎</a>爬蟲都能成功或立即地處理它...我們建議採用動態渲染</a>作為解決此問題的方法。動態渲染</a>意味著在特定的用戶代理下,在客戶端渲染和預渲染內容</a>之間切換。<br/><br/>" "當涉及為搜尋引擎</a>爬蟲而渲染內容</a>時,我們不可避免地會被問到這是否屬於欺騙行為...對於SEO</a>社群來說,沒有比被認定為欺騙行為而受到處罰更令人恐懼的了...好消息是只要您真誠努力地將相同的內容</a>返回給所有訪問者,唯一的區別是服務器上的內容</a>供爬蟲渲染,客戶端上供實際用戶查看,這是可以接受且不被視為欺騙行為的。"
Tags
