Javascript看似無限的可能性使得基於HTML和CSS的公共網站成為過去。然而，盡管JavaScript為用戶提供了出色的動態體驗，但它也為開發人員創建了一個雷區。因此，Javascript搜索引擎優化成為一個不容忽視的問題。
javascript是如何工作的？
除了HTML和CSS，JavaScript是三種核心Web開發技術之一。HTML用於創建鐵字品圈靜態頁面（即代碼按原樣顯示在瀏覽器中，並且不能根據用戶的操作進行更改），而JavaScript則使頁面具有動態性。當用戶單擊按鈕或從下拉框中選擇值時，程序員可以使用JavaScript更改HTML標記的值和屬性。javascript與HTML代碼一起放在頁面上，並與代碼一起使用。
客戶端和服務器端呈現
在討論JavaScript時，我們需要提到兩個概念並理解它們之間的區別：服務器端呈現和客戶端呈現。
傳統上，與靜態HTML頁面一樣，代碼在服務器上呈現（服務器端呈現）。當訪問一個頁面時，google bot將獲得完整的現成內容，因此它不需要做任何事情，只需下載CSS文件並在瀏覽器中顯示信息。
另一方面，javascript通常運行在客戶機（客戶機渲染）上，這意味着Google Bot最初獲取的頁面沒有內容，然后javascript創建用於加載渲染的DOM（文檔對象模型）內容。每次加載頁面時都會發生這種情況。
顯然，如果google bot不能正確地執行和呈現你的javascript，你將無法看到你想要看到的頁面和內容。這就是JavaScript搜索引擎優化帶來的大部分問題。
如何避免這些問題？如何檢查網站是否正確呈現？
讓谷歌機器人正確展示你的網站需要你集中精力正確展示鏈接和內容。如果你不提供鏈接，谷歌機器人很難在你的網站上找到它的方式。如果你沒有在你的網站上正確的呈現內容，谷歌機器人將無法看到它。
這里有一些選項可以幫助您
1。網站：訂單
首先，site：該命令將顯示Google當前為您的站點工作的頁面數。如果站點的許多頁面還沒有被索引，這可能是內部鏈接問題的跡象。
其次，您可能需要檢查由javascript本身加載的內容是否已被Google編入索引。
要做到這一點，您需要找到一行文本，這些文本不會顯示在初始HTML代碼中，並且只會在JavaScript執行之后加載。然后，使用站點：yourdomain。在谷歌索引中搜索這行文本的COM命令。
請注意，這不適用於cache:commands，因為緩存的頁面版本只包含未經處理的原始代碼。
2鉻41
2017年8月，谷歌更新了其搜索指南，並宣布他們正在使用Chrome41展示它。這是對SEO的一個改變，因為現在你可以檢查谷歌如何渲染頁面，而不是猜測。
現在你可以下載chrome 41，看看google bot是如何渲染和查看網站或網頁的。
三。鉻焊機
JavaScript代碼的某些部分可能被編程為執行用戶特定的操作-單擊、滾動等。但是，Google Bot不是用戶，它不單擊或向下滾動，因此它看不到您正在加載的內容。
檢查是否在沒有任何用戶操作的情況下加載所有基於javascript的元素的最快和最簡單的方法是使用chrome開發工具：
用Chrome打開你的網站
在devtools中打開元素選項卡
通過查看瀏覽器構建的實際頁面的DOM查看如何呈現頁面-確保所有關鍵導航和內容元素都已存在。
我建議你在Chrome41中檢查一下，它會讓你相信GoogleBot可以從技術上看到這個元素。
當然，您也可以在當前版本的Chrome中進行檢查和比較。
4。谷歌搜索控制台的抓取與展示
谷歌搜索控制台中的捕獲和呈現功能允許我們了解谷歌如何呈現我們的網站。
首先，您必須復制並粘貼您的網址。然后單擊“提取並渲染”並等待一段時間。這將允許您查看谷歌機器人是否可以呈現您的網頁和查看任何相關的文章、副本或鏈接。
在這里，您還可以使用谷歌的移動友好測試，它顯示javascript錯誤和呈現的頁面代碼。
5。服務器日志分析
為了驗證谷歌機器人是如何爬過你的網站的，你能做的最后一件事就是服務器日志分析。通過仔細查看服務器日志，您可以檢查google bot是否訪問過特定的網址，以及google bot是否檢索過任何網址。
在服務器日志中，您可以分析許多元素。例如，您可以檢查