你應該知道的關於SEO和Javascript的6個事實
瞭解JavaScript的基礎知識已成爲SEO專家的一項重要技能,儘管到目前爲止,這兩個學科之間的關係一直存在爭議。
關於SEO和JavaScript的關鍵問題是發現搜索引擎蜘蛛是否可以正確地感知網站內容並實際評估用戶體驗。
雖然可以通過爬蟲直接讀取與PHP,CSS等一起使用的HTML,但是基於JavaScript的網站不能系統地訪問。百度的抓取工具必須首先分析DOM,然後才能瀏覽網站。
一般定義
在深入研究JavaScript優化的最佳實踐之前,讓我們先看一下基本術語:
JavaScript是一種用於使網頁動態和交互的編程語言。您可以將JavaScript放在HTML文檔中,鏈接到它或引用它。
HTML代表超文本標記語言。簡單來說,這是一個內容組織者:HTML提供網站結構(列表,標題,副標題,段落等)並定義靜態內容。
AJAX是異步JavaScript和XML。基本上,這允許在不刷新整個頁面的情況下更新內容。AJAX允許Web應用程序和服務器進行通信,而不會干擾正在顯示的頁面。
但是,您應該注意到,百度將不再需要AJAX來瀏覽基於JavaScript的網站。
SEO專家也應該對DOM(文檔對象模型)有基本的瞭解。您應該將DOM視爲百度用於瀏覽和分析網頁的工具。
首先,百度收到HTML文檔並識別其JavaScript元素。然後,導航器啓動DOM,允許搜索引擎呈現頁面。
1.讓搜索引擎看到你的JavaScript
robots.txt文件配置爲搜索引擎提供適當的探索可能性。如果你阻止他們看到JavaScript,那麼對於探索蜘蛛而言,頁面的顯示方式將不同於用戶。
這意味着搜索引擎無法獲得完整的用戶體驗,百度可能會將這些操作解釋爲隱藏。
最好的方法是爲爬蟲提供他們查看網頁所需的所有資源,方式與用戶相同。
2.內部鏈接
內部鏈接是強大的優化工具,用於向搜索引擎顯示您的網站架構並將其指向最重要的網頁。
這裏最基本的建議是:使用內部鏈接。
最好通過在HTML或DOM中使用常規錨標記來實現內部鏈接,以便爲用戶提供更好的體驗。
- URL結構
基於JavaScript的網站用於在URL中包含片段標識符,
正確的URL也稱爲SEO友好的URL,由簡單的文本組成,非專家用戶可以輕鬆理解。
考慮使用pushState()進行無限滾動,以便每次用戶訪問頁面的新部分時URL都會更新。在完美的場景中,用戶可以刷新頁面並保持完全相同的位置。
此外,探索SEO和URL的最佳實踐,並開始使用它們來改善用戶體驗。
4.測試您的網站
百度能夠探索和理解許多形式的JavaScript,儘管其中一些可能比其他形式存在更多困難。
但是,預測可能的錯誤和問題並避免它們仍然更好,那麼爲什麼不進行測試呢?
按照以下兩個基本步驟來檢測可能的破裂:
檢查您的網頁內容是否出現在DOM中。
測試一些頁面以確保百度能夠爲您的內容編制索引。
瞭解百度是否能夠在robots.txt中查看您的內容和JavaScript以及正確分析它至關重要。因此,請考慮手動檢查您的內容元素並使用百度恢復它們以查看內容是否顯示。
您還可以使用一些將JavaScript考慮在內的抓取工具。
- HTML快照
這是一個長篇故事和熱門話題。
首先,我們來看看HTML快照是什麼。
快照包含完整分析,解釋和呈現後的頁面內容。HTML快照的角色是可解釋的,無需執行JavaScript代碼。
您需要知道的是,百度仍然支持HTML快照,儘管它已經聲明這是一個要避免的元素。
在某些情況下,HTML快照可能是必需的,因此您至少應該熟悉它們。
例如,如果搜索引擎無法檢索您網站上的JavaScript,則可以爲其提供HTML快照,這比根本沒有索引內容更好。
在完美的世界中,網站將在服務器端使用某種類型的用戶代理檢測,並向蜘蛛和用戶顯示HTML快照。
您應該注意到百度正試圖看到與用戶完全相同的體驗。因此,最好將HTML快照返回給搜索引擎蜘蛛。
6.網站延遲
當瀏覽器從接收到的HTML文檔創建DOM時,它會按照HTML文檔中提到的順序加載大部分資源。
如果HTML文檔頂部存在一個海量文件,瀏覽器將首先加載這個巨大的文件,所有其他信息只會在顯着延遲之後出現。
百度“關鍵渲染路徑”的關鍵思想是首先爲用戶加載基本信息。換句話說,爲用戶提供最重要的內容。
如果您的JavaScript文件或某些無用的資源阻止了頁面加載時間,您可能會阻止渲染JavaScript,這稱爲感知延遲。
這意味着您的網頁可能會更快顯示,但JavaScript代碼會降低它們的速度。
以下是解決此問題的2種解決方案:
在HTML中添加屬性“async”以異步呈現JavaScript。
減少HTML文檔中的JavaScript元素。
當您嘗試改善這種情況時,請記住JavaScript的基本規則。
例如,腳本必須按特定順序進行分類。如果某些腳本引用文件,則只能在加載引用的文件後使用它們。
您應該經常與IT團隊保持聯繫,以確保修改不會破壞用戶體驗。
結論
搜索引擎不斷髮展,因此他們很有可能在未來更好,更快地解釋您的JavaScript。
目前,請確保您可以使用合理的網站延遲瀏覽和獲取現有內容。
排名第一. https://www.paimingdiyi.com/252.html 版權所有. 轉載時必須以鏈接形式註明作者和原始出處及本聲明。