如何將 JavaScript 動態數據轉換為 HTML 並渲染？

Question

我們開發了一個網站，它使用 JavaScript 庫來查詢數據庫並在 HTML 頁面中顯示數據。 當您 go 訪問該網站時，您需要搜索某些內容以檢索數據。 所以默認情況下網站不顯示任何數據，它需要用戶執行操作。
搜索結果數據在 HTML 視圖源中不可見，因為它使用 JavaScript。
因此，搜索引擎無法了解我們網站的用途和用於重定向更多訪問者的數據。

其次，我想知道搜索機器人/引擎如何抓取具有非靜態內容的網站，並對網站有足夠的了解以重定向用戶。

Answer 1

從您的問題中我看到您需要做的是向您的服務器發送請求以查詢數據庫中的數據並將其實時顯示給您的客戶端。為此，我建議您使用 web 套接字（例如 socket. io) 或 AJAX 以便您可以無縫更新您的網站

Answer 2

根據我的研究，爬蟲實際上不會讀取動態內容。 相反，他們使用這種稱為動態渲染的技術。

動態渲染與服務器本身有關。 它檢查每個請求，如果確定它是機器人，那么它將向機器人發送 static HTML 內容。 否則，它將向用戶發送正常的動態內容。

此外，谷歌和其他搜索引擎使用元標記。 使用元標記，您可以定義網頁的簡短描述，該描述通常會顯示在搜索結果頁面中。

---

至於標題中的問題，您需要將搜索信息發送到服務器。 從那里，您將處理數據服務器端並將結果發送回客戶端，JavaScript 將根據結果呈現它。

為此，您應該使用AJAX 。

資源：

• https://ignitevisibility.com/dynamic-rendering-seo-details-need-know/
• https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX
• https://developer.mozilla.org/en/docs/Web/HTML/Element/meta