如何即時更新網頁標題?
P粉037880905
P粉037880905 2023-08-22 14:08:16
0
2
448
<p>我有一個網頁,實作了一組選項卡,每個選項卡顯示不同的內容。選項卡的點擊不會刷新頁面,而是在客戶端隱藏/顯示內容。 </p> <p>現在有一個要求,根據頁面上選擇的選項卡來更改頁面標題(出於SEO原因)。這是否可能?有人可以提供透過javascript動態修改頁面標題而不重新載入頁面的解決方案嗎? </p>
P粉037880905
P粉037880905

全部回覆(2)
P粉788571316

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

  1. Google現在可以運行你網站上的javascript程式碼1
  2. #人們現在使用像React.js、Ember和Angular這樣的工具來運行頁面上的複雜javascript任務,而且Google仍然可以索引到它們##1
  3. 你可以使用html5的歷史API(pushState、react-router、ember、angular),這樣你可以為每個要開啟的選項卡設定單獨的URL,而Google會對其進行索引
  4. 1
所以,回答你的問題,你可以安全地透過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#

P粉959676410

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板