我正在開發一個靜態 HTML/CSS 網站，我在每個頁面的頭部添加了多個元標記。就目前而言，每當我想更改元資訊時，我都需要手動更新每個頁面。我可以輕松撰寫腳本將元元素插入頭部，但是我不確定這是否會對 SEO 性能產生負面影響。如果元元素是動態加載的，Google 會抓取它們嗎？
我在做什么的一個基本例子：
索引.html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" defer></script>
<script src="/assets/js/main.js" defer></script>
</head>
<body>
<h1>Example Page</h1>
</body>
</html>
head_elements.html
<meta http-equiv=Content-Type content="text/html; charset=UTF-8">
<meta name=viewport content="width=device-width, initial-scale=1.0, user-scalable=0">
<meta name=robots content="index, follow">
<meta name=googlebot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name=bingbot content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta property=og:locale content=en_US>
<meta property=og:type content=website>
主檔案
$(() => {
var $head = $("head")
$.get("head_elements.html", function (component) {
$head.prepend(component)
})
})
這種將元標記動態添加到頭部的程序有什么缺點嗎？
uj5u.com熱心網友回復：
我們進行了一系列測驗，以驗證 Google 能夠通過多種實作來執行 JavaScript 并為其編制索引。我們還確認 Google 能夠呈現整個頁面并讀取 DOM，從而索引動態生成的內容。
即使谷歌爬蟲可以執行 javascript 和索引動態內容，專家仍然不推薦它。因為它可能會導致排名不佳，并且可能需要時間。
專家建議使用Pre-Rendering或Server-Side-Rendering。
uj5u.com熱心網友回復：
可以使用 JavaScript 將鏈接注入 DOM，只要此類鏈接遵循可抓取鏈接的準則。
抓取 URL 并決議 HTML 回應非常適用于 HTTP 回應中的 HTML 包含所有內容的經典網站或服務器端呈現的頁面。某些 JavaScript 網站可能使用 App Shell 模型，其中初始 HTML 不包含實際內容，Googlebot 需要執行 JavaScript 才能看到 JavaScript 生成的實際頁面內容。
Googlebot 會將所有頁面排入佇列以供呈現，除非漫游器元標記或標頭告訴 Googlebot 不要將頁面編入索引。該頁面可能會在此佇列中停留幾秒鐘，但可能需要更長的時間。一旦 Googlebot 的資源允許，無頭 Chromium 就會呈現頁面并執行 JavaScript。Googlebot 會再次決議呈現的 HTML 以獲取鏈接，并將其找到的網址排入佇列以供抓取。Googlebot 還使用呈現的 HTML 為頁面編制索引。
請記住，服務器端或預渲染仍然是一個好主意，因為它使您的網站對用戶和爬蟲來說更快，而且并非所有機器人都可以運行 JavaScript。
在此處查看與此主題相關的更多資訊
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/315378.html
標籤：javascript html 查询 搜索引擎优化 头
上一篇：在資料檔案屬性中顯示復選框值