如何即時更新網頁標題？

Question

我有一個網頁，實作了一組選項卡，每個選項卡顯示不同的內容。選項卡的點擊不會刷新頁面，而是在客戶端隱藏/顯示內容。

現在有一個要求，根據頁面上選擇的選項卡來更改頁面標題（出於SEO原因）。這是否可能？有人可以提供透過javascript動態修改頁面標題而不重新載入頁面的解決方案嗎？

Answer 1

我想從未來向你打個招呼 :) 最近發生的事情：

1. Google現在可以運行你網站上的javascript程式碼¹
2. #人們現在使用像React.js、Ember和Angular這樣的工具來運行頁面上的複雜javascript任務，而且Google仍然可以索引到它們^##1
你可以使用html5的歷史API（pushState、react-router、ember、angular），這樣你可以為每個要開啟的選項卡設定單獨的URL，而Google會對其進行索引
3. ¹

所以，回答你的問題，你可以安全地透過javascript更改標題和其他元標籤（如果你想支持非Google搜尋引擎，你也可以添加類似於

https://prerender.io的東西），只要將它們作為單獨的URL可訪問（否則Google怎麼知道它們是不同的頁面並在搜尋結果中顯示呢？）。在使用者點擊某些內容後更改與SEO相關的標籤很簡單：

if (document.title != newTitle) {
    document.title = newTitle;
}
$('meta[name="description"]').attr("content", newDescription);

只要確保在robots.txt中不阻止CSS和javascript的加載，你可以在Google網站管理員工具中使用

Fetch as Google服務。

1:

http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157#

Answer 2

更新：根據SearchEngineLand上的評論和參考資料，大多數網路爬蟲將索引更新後的標題。下面的答案已經過時，但程式碼仍然適用。