我需要這個來進行SEO優化。我正在處理的網站上有一小部分頁面是動態生成的,但它們的元數據非常通用- 即使這5個(不同的)頁面具有相對不同的內容,它們的標題和描述也是相同的,我想要避免這種情況。
我想要透過JavaScript將特定頁面的內容插入其元標籤中。
頁面的結構如下:
<html> <head> <title>这是我想要替换的当前标题</title> <meta name="description" content="这是我想要替换的当前描述。"> </head> <body> <h1>文章标题</h1> <div class="intro"> <p>这里是简介文本</p> </div> <div class="content"> <p>这里是内容</p> <p>更多内容</p> <p>还有更多内容</p> </div> </body> </html>
我想要注入以下內容:
".intro"(在這個例子中是"這裡是簡介文字") -> 到頁面的元描述
和
"h1"(在這個例子中是"文章標題") -> 到頁面的元標題
讓最終結果看起來像這樣:
<head> <title>文章标题</title> <meta name="description" content="这里是简介文本。"> </head>
由於我的JavaScript技能有限,目前我只能透過以下方式更改頁面的標題和元描述:
document.title = "文章标题"; document.getElementsByTagName('meta')["description"].content = "这里是简介文本。";
顯然,這種方式太靜態,無法從頁面內容中取得任何資料。
我該如何修改上述兩行程式碼,以便將所需的字串注入到元標題和描述中?
我將避免對最佳SEO實踐發表評論(因為評論已經很好地解決了這個問題),只回答你問題中的程式碼部分。
你只需要引用那個
meta
元素並調整content
屬性。