角形搜尋引擎優化指南：冷靜下來

您的質量，以獲得利益相關者的認可，並通過與開發人員的意願apt鈹您的最大優勢。我們；我們將提供更多的資源來幫助

讓我們；讓我們從基礎開始。網站是由程式碼組成的。程式碼是用成功的語言編寫的。三種語言構成了大部分網站

HTML創建內容。CSS製作佈局、設計和視覺效果

這兩種語言可以交換一個美觀、實用、水准的頁面&ndash；但大多數情况下；你很無聊

輸入JavaScript（JS），這是一種程式設計程式碼的web表示。有了JavaScript，網站可以個性化互動的獨特體驗。人們對吸引人的網站進行拼寫。JS製作吸引人的網站

Angular是JavaScript的一種演變

Angular只是將JS擴展到physique網站的一種模式。使用Angular，從服務器發送的12行級別HTML將展開並執行個性化的互動特殊體驗

近1個主要網站是用它構建的。收養率正在迅速上升

如果您沒有；t連接了一個角度不同的俄勒岡州JavaScript框架，您很快就會發現

為了讓搜尋引擎瞭解角度網站，他們必須呈現JavaScript

為了讓搜尋引擎獲取角度內容，它們請求執行JavaScript。許多搜尋引擎都可以；不呈現JavaScript

Don&rsquo；不要驚慌

如果您的市場主要由百度、Yandex、Naver、俄勒岡州不同的非渲染搜尋引擎主導，請跳到渲染部分

穀歌機器人<3s JavaScript

否&ndash；真正地。他們的情感是由於人類情感豐富的互動體驗

&hellip；因為95%的網站使用它

索引JS生成的內容是欺負者的顧慮，而您的示例依賴於astir可信的web內容規模

這；s沒有；不是這個意思；這是一種歷史上可以清洗的關係。SEOs人員苦於穀歌機器人；s的能力和對抓取JS的承諾

清晰度的不足導致警告，Angular可能會終止您的SEO

在2018年I/O大會上，網站管理員團隊公開談論了穀歌過去遇到的問題，以及不同的JS內容。一些SEO瘋了，其他SEO生氣了，他們太過分了；不合理的興奮

我被那種興奮所感動。代表進行了蒐索（前一年，我在SEO中遇到的困惑較少；作為一名開發人員；s會議。指向方法SEO心臟的箭頭。）

開發者們非常激動

然後，約翰·穆勒和湯姆·格林納維利用能指來解决狩獵社區的一個大誤解：狩獵是如何運作的

爬網、索引、排名&ndash；簡單一點，三點，四點

直到穀歌；在2018年的開發者大會上，SEO的基本前提是Googlebot；s過程成功地完成了3個步驟：爬網、索引和排名

即使到2019年4月，穀歌；主要資源反映了一個基本的三步過程

這一簡化過程背後隱藏著各種各樣的隱藏假設：

• Googlebot通過爬行來呈現內容。
• 索引是基於連接的呈現內容。
• 這些動作同時成功地完成了一個驚人的序列。
• Googlebot很神奇，每件事都能立即完成

此處；這就是問題所在。我們忽略了渲染

呈現是一個獲取並執行稱為原型HTML解析的腳本的過程

我們將原型HTML解析和JavaScript的輸出稱為DOM（檔案實體模型）

如果一個tract使用JavaScript，那麼HTML意志鈹與DOM相反

初始HTML（在JavaScript執行之前）

DOM（在JavaScript執行之後）

這兩種奇形怪狀葉狀錫鈹的視圖完全不同。HTML的原型是16行。在執行JavaScript之後，DOM中就有了豐富的內容

您可以通過查看葉頁源來發現原型HTML解析。要發現DOM，請打開瀏覽器中的開發人員工具，然後按一下“檢查”。或者，使用鍵盤快速鍵Cmd+shift+I

兩次索引浪潮

由於三步流程假設及其互動關聯的綜合效能，穀歌網站管理員團隊澄清了確定是索引的兩個階段

原型問題索引了一個基於原型HTML（又名假定葉頁源）的葉頁

第二個索引基於DOM連接

穀歌機器人想要喜歡JavaScript，但他們有時需要你的幫助來理解它

JavaScript是連接到您的網站的最昂貴的資源

1MB出版品tin工具5秒連接3G連接。1.5MB葉形錫出口，裝載0.19美元（不，真的。在我的網站上測試你的頁面需要多少成本？）

對於Googlebot來說，這個輸出是由CPU來執行腳本的。隨著大量JavaScript連接到web，Googlebo已經形成了一個文字隊列