Sitemap

Google SEO 101:鏈接和 JavaScript 的注意事項

Google 在新的 Lightning Talks 系列的第一集中解釋瞭如何確保鏈接與 JavaScript 正常工作。

Google Lightning Talks 是演示文稿的簡短版本,可能已在世界各地的 Google 網站管理員會議上共享。

鑑於在可預見的未來將取消面對面的活動,谷歌正在調整其網絡會議內容。

Google Lightning Talks 系列中的視頻計劃全年發布。

Google 的 Martin Splitt 談鏈接和 JavaScript

Splitt 將 Lightning Talks 的第一部分專門用於討論“每個人最喜歡的”主題:鏈接。

更具體地說——JavaScript Web 應用程序中的鏈接。

Splitt 回顧了鏈接對用戶和搜索引擎爬蟲的重要作用。

他還列出了將鏈接與 JavaScript 功能結合起來的注意事項。

鏈接對人類和機器人很重要

鏈接的明顯目的是讓用戶在內容之間導航。

但網站所有者也必須注意鏈接對機器人和搜索引擎的作用。

首先也是最重要的——鏈接允許爬蟲找到網站的其他頁面。

爬蟲通過跟踪從一個頁面到另一個頁面的鏈接來發現和索引網站的其他頁面。

通過跟踪鏈接,爬蟲可以了解站點結構和信息架構。

這有助於了解哪些頁面可能與給定主題相關。

相關:面向 SEO 的現代 JavaScript 的實踐介紹

使用 JavaScript 創建鏈接——注意事項

創建鏈接並不像您想像的那麼簡單,Martin Splitt 警告說。

在將 JavaScript 功能添加到鏈接時尤其如此。

JavaScript 允許網站以不同的方式自定義鏈接,但這樣做可能會使鏈接對爬蟲無法使用。

這是斯普利特的建議。

做:保持直截了當

在網站上放置鏈接最直接的方法是使用 ahref 標籤。

使用 JavaScript 功能升級標準鏈接也可以,只要仍然滿足某些條件。

直接鏈接的示例

不要:省略 ahref 屬性

向鏈接添加 JavaScript 功能時,您可能會考慮省略 ahref 屬性

“這不是個好主意,”斯普利特說。

這樣做的原因是,只有當 JavaScript 正常工作時,鏈接才會起作用。

如果沒有 ahref 屬性,爬蟲將無法確定鏈接的位置,因為爬蟲不運行 JavaScript。

不要:使用偽 URL

添加沒有有用 URL 或“偽 URL”的 ahref 屬性也無濟於事,如下例所示:

結果與沒有 ahref 屬性的鏈接相同,這意味著這不是一個好主意。

不要:使用按鈕

使用按鈕似乎是向頁面添加鏈接的可行選項,但這也不是一個好主意。

經驗法則是——如果一個鏈接觸發了當前頁面上發生的事情,它可能應該是一個按鈕。

另一方面,如果一個鏈接將用戶帶到之前不在頁面上的另一部分內容,那麼它應該是一個標準鏈接。

不要:依賴點擊處理程序

例如,網站所有者也不應該通過使用其他 HTML 元素和使用 JavaScript 中的點擊處理程序來模擬鏈接。

這破壞了內置的輔助功能,不是一個好主意。

做:使用語義 HTML

所有這一切的底線是 - 使用語義 HTML 標記並將您的鏈接指向正確的 URL。

什麼是正確的 URL?這將在下一節中解釋。

使用“正確”網址

這些 URL 是被視為“正確 URL”的典型示例:

這些是正確的 URL,因為它們包含以下屬性:

  • 一個協議
  • 一個舉辦方
  • 特定內容的路徑
  • 片段標識符(可選)

相關:搜索引擎優化和 JavaScript:好的、壞的和不確定性

當心片段標識符

鑑於片段標識符是可選的,並且指向同一內容中的位置,爬蟲會忽略它們。

如果您構建一個帶有充滿片段標識符的鏈接的單頁應用程序,這一點尤其需要注意。

爬蟲不會跟隨鏈接,因此他們將無法理解網絡應用程序。

總之

以下是第一期 Google Lightning Talks 的主要內容:

  • 使用正確的鏈接標記。
  • 不要使用片段在單頁應用程序中加載不同的內容。
  • 構建與 JavaScript 配合良好的網站,並且會找到鏈接。