如何使用HTML5建立nofollow連結


概述

簡單來說,“nofollow”連結是指告訴谷歌搜尋引擎不要跟蹤特定連結的連結。在網頁搜尋引擎最佳化中,連結在網頁排名中起著至關重要的作用。在HTML5中,我們可以透過為錨點標籤分配nofollow屬性來將任何連結設定為nofollow連結。

語法

建立nofollow連結的基本語法如下:

<a href="# rel="nofollow"></a>

方法

建立nofollow連結的主要方法是向HTML5錨點標籤新增“rel”屬性。rel屬性的值設定為nofollow,這使得連結或統一資源定位符(URL)成為nofollow連結。由於nofollow值設定在rel屬性中,而rel表示關係,它表示當前網頁和href屬性中連結的連結之間的關係。

演算法

步驟1 - 在任何文字編輯器(如記事本、Notepad++、VS Code等)中建立一個HTML基本框架。

步驟2 - 在HTML的body標籤內新增錨點標籤。

步驟3 - 現在為錨點標籤新增一個屬性,即rel屬性,並將值設定為nofollow

步驟4 - 在錨點標籤的href屬性中新增任何連結。

步驟5 - 現在,我們在href屬性中分配的連結就是nofollow連結。

示例

下面的示例顯示了一個nofollow連結,該連結包含在href屬性中,rel屬性中的值為nofollow。

<html>
<head>
   <title>Nofollow Link</title>
</head>
<body>
   This is a <a href="https://tutorialspoint.tw/" rel="nofollow">Nofollow Link</a>
</body>
</html>

下圖顯示了帶有錨點連結的文字,正如上面的例子所示,我們建立了一個nofollow連結,所以在下面,該連結是一個nofollow連結。

結論

要檢查下面的連結是否在瀏覽器中是一個nofollow連結,請右鍵單擊該連結或按Ctrl+Shift+I,這將開啟檢視頁面原始碼或檢查部分。在其中檢查錨元素標籤是否包含rel屬性。如果標籤包含rel屬性,則該連結為nofollow連結。nofollow連結有很多好處,顧名思義,此連結不會被谷歌引擎跟蹤,這將使頁面載入速度更快,排名更好,並且不會受到谷歌搜尋引擎排名的懲罰。由於頁面的排名也由連結來維護和提升,爬蟲會掃描網頁內容以提高我們網頁的排名。rel屬性還包含許多值,例如search、prev、alternate、norefer等。

更新於:2023年4月11日

383 次瀏覽

開啟你的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.