Google SEO 101:鏈接和JavaScript的要點

[ad_1]

Google SEO 101:鏈接和JavaScript的要點

Google在新的Lightning Talks系列的第一集中說明了如何確保鏈接能夠正確地使用JavaScript。

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

鑒於在可預見的將來取消了面對面的活動,Google正在調整其會議內容以適應網路需求。

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

Google的Martin Splitt在Links和JavaScript上

Splitt將Lightning Talks的第一期專門討論「每個人的最愛」主題:鏈接。

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

Splitt超越了鏈接對用戶和搜索引擎搜尋器的重要作用。

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

鏈接到人類和機器人

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

但是網站所有者必須牢記鏈接對於機器人和搜索引擎的作用。

首先-鏈接允許爬網程序查找網站的其他頁面。

爬蟲通過跟蹤從一頁到另一頁的鏈接來發現網站的其他頁面並為其編製索引。

通過跟蹤鏈接,搜尋器可以了解站點結構和信息體系結構。

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

使用JavaScript創建鏈接-做與不做

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

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

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

這是Splitt的推薦。

要做:直截了當

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

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

Google SEO 101:鏈接的注意事項& JavaScript「 width =」 760「 height =」 154「 size =」(最大寬度:760px)100vw,760px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269 -0b88-4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d-768x156.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269-0b88-4d6b-95d9-8eb2c0ceecc6-5ea9bx670d。 jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269-0b88-4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d-680x138.jpeg 680w,https://cdn.searchenginejournal.com/ wp-content / uploads / 2020/04 / 6c466269-0b88-4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d-1024x208.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269-0b88 -4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d.jpeg 1403w「 src =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/6c466269-0b88-4d6b-95d9-8eb2c0ceecc6-5ea9b6670a05d-768直接鏈接的示例

不要:忽略ahref屬性

將JavaScript功能添加到鏈接時,您可以考慮忽略ahref屬性

「這不是一個好主意,」斯普利特說。

這是因為該鏈接僅在JavaScript正常工作時才起作用。

沒有ahref屬性,由於搜尋器未運行JavaScript,因此搜尋器將無法確定鏈接的位置。

請勿:使用偽網址

在沒有有用的URL或「偽URL」的情況下添加ahref屬性也無濟於事,如下例所示:

Google SEO 101:鏈接的注意事項& JavaScript「 width =」 760「 height =」 389「 size =」(最大寬度:760px)100vw,760px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e -8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-768x393.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b-67d0245 jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-680x348.jpeg 680w,https://cdn.searchenginejournal.com/ wp-content / uploads / 2020/04 / e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-1024x523.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5 -4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-1600x818.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b。 =「 https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/e6c60a3e-8ec5-4a35-b5c6-3bc9112b9193-5ea9b67d0a06b-7 68x393.jpeg

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

不要:使用按鈕

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

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

另一方面,如果鏈接將用戶帶到以前不在頁面上的其他內容,則它應該是標準鏈接。

不:依靠點擊處理程序

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

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

做:使用語義HTML

所有這些的底線是–使用語義HTML標記,並將鏈接指向正確的URL。

什麼是正確的網址?下一節將對此進行說明。

使用「適當的」 URL

這些URL是所謂「適當URL」的典型示例:

Google SEO 101:鏈接的注意事項& JavaScript「 width =」 760「 height =」 434「 size =」(最大寬度:760px)100vw,760px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b -e462-441a-990d-f2609ec8b661-5ea9b6620524d-768x439.jpeg 768w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462-441a-990d-f2609ec8b661-5ea9b6620524d-480x274。 jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462-441a-990d-f2609ec8b661-5ea9b6620524d-680x388.jpeg 680w,https://cdn.searchenginejournal.com/ wp-content / uploads / 2020/04 / f6959b8b-e462-441a-990d-f2609ec8b661-5ea9b6620524d-1024x585.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462 -441a-990d-f2609ec8b661-5ea9b6620524d-1600x914.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462-441a-990d-f2609ec8b661-5earcb6620524d.jpeg 1697w「 s =「 https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/f6959b8b-e462-441a-990d-f2609ec8b661-5ea9b6620524d-7 68x439.jpeg

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

  • 協議
  • 主持人
  • 特定內容的路徑
  • 片段標識符(可選)

當心片段標識符

假設片段標識符是可選的,並且指向同一內容中的位置,那麼搜尋器將忽略它們。

如果您構建的單頁應用程序具有完整的片段標識符鏈接,那麼要特別注意這一點。

抓取工具不會跟蹤鏈接,因此他們將無法理解該Web應用程序。

綜上所述

Google SEO 101:鏈接的注意事項& JavaScript「 width =」 480「 height =」 288「 size =」(最大寬度:480px)100vw,480px「 srcset =」 https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7 -c924-4731-86e9-1efd6364df87-5ea9b6726c95d-480x288.jpeg 480w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d-680x407 jpeg 680w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d-768x460.jpeg 768w,https://cdn.searchenginejournal.com/ wp-content / uploads / 2020/04 / 9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d-1024x613.jpeg 1024w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924 -4731-86e9-1efd6364df87-5ea9b6726c95d-1600x958.jpeg 1600w,https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d.jpeg 1611 =「 https://cdn.searchenginejournal.com/wp-content/uploads/2020/04/9a14d7b7-c924-4731-86e9-1efd6364df87-5ea9b6726c95d-4 80x288.jpeg

以下是第一期Google Lightning Talks的主要收穫:

  • 使用正確的鏈接標記。
  • 不要使用片段在單頁應用程序中載入不同的內容。
  • 建立可與JavaScript完美配合的網站,然後會找到鏈接。
相關文章