搜尋
首頁web前端html教學解析HTML中rel=「nofollow」的作用及rel屬性的使用_HTML/Xhtml_網頁製作

連結加了rel=「nofollow」屬性, 就表示告訴搜尋引擎不用追蹤這個連結從而不傳遞權重. 細心的站長可能會發現很多部落格的友情連結上都加了這個屬性, 這樣做的目的避免自己網站的權重被稀釋. rel屬性的意思是指: 當前頁和指向頁的關係. 而rev 屬性則指定從目標文檔到來源文檔的關係。百度目前支援: rel='noflow'屬性, 合理利用這個標籤對網站會有很大的改觀.

站長可能都知道, 如果一個連接加了rel=“nofollow”屬性, 就表示告訴搜索引擎不用跟踪這個連接從而不傳遞權重. 細心的站長可能會發現很多博客的友情鏈接上都加了這個屬性, 這樣做的目的避免自己網站的權重被稀釋.

rel屬性是什麼意思?

rel屬性的意思是指: 目前頁和指向頁的關係.

  標籤的選用屬性 rel 和 rev 分別表示原始文件與目標文件之間的正式關係和方向。 rel 屬性指定從來源文件到目標文件的關係,而 rev 屬性則指定從目標文件到來源文件的關係。這兩種屬性可以在 標籤中同時使用。

XML/HTML Code複製內容到剪貼簿
  1. a href=href=href=href=href=href=href=href=
href
=

> 2"

 rel

=

"next"
 rev =
"prev"
    >
  1. >   rel 或 rev 屬性多個值以空格分隔。 rel屬性的用法 通常這個屬性用在: link標籤/a標籤/meta標籤中, 寫法舉例: XML/HTML Code複製內容到剪貼簿 a
  2.  
href
=href=href= rel='friend'>腳本腳本a>  

這個rel屬性其實是專門為搜尋引擎設計的, 已知的是百度目前支援: rel=「nofollow」屬性, 合理利用這個標籤對網站會有很大的改觀.

rel屬性的值

描述
alternate 文档的可选版本(例如打印页、翻译页或镜像)。
stylesheet 文档的外部样式表。
start 集合中的第一个文档。
next 集合中的下一个文档。
prev 集合中的前一个文档。
contents 文档目录。
index 文档索引。
glossary 文档中所用字词的术语表或解释。
copyright 包含版权信息的文档。
chapter 文档的章。
section 文档的节。
subsection 文档的子段。
appendix 文档附录。
help 帮助文档。
bookmark 相关文档。
   
nofollow Google 使用 "nofollow",用于指定 Google 搜索引擎不要跟踪链接。
licence  
tag  
friend  

了解了上面的 rel="" 這些屬性我們在設計網頁的時候只要按照相應的屬性設置連接標籤, 對我們網站優化會有很大的幫助.

以上rel屬性是針對html格式的, 社交化網絡時代, 微博/微信橫行, 相對於html,a標籤的 rel 屬性有了XFN規範,這裡就不再展開講了。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
為什麼HTML標籤對Web開發很重要?為什麼HTML標籤對Web開發很重要?May 02, 2025 am 12:03 AM

htmltagsareessentialforwebdevelopmentastheyandendenhancewebpages.1)semantictagsimproveaccessibilityandseo.2)semanteLayOut,語義和互動性。 3)poseriblesibilityandseoandseo.3)poseriblesoftagscanoftagscanoftagscanoptagscanoptimizeperefeneandimizeanDenSuroceRecRoscRoss-BrowserCrowserCercerComercompatibility。

說明將一致的編碼樣式用於HTML標籤和屬性的重要性。說明將一致的編碼樣式用於HTML標籤和屬性的重要性。May 01, 2025 am 12:01 AM

一致的HTML編碼風格很重要,因為它提高了代碼的可讀性、可維護性和效率。 1)使用小寫標籤和屬性,2)保持一致的縮進,3)選擇並堅持使用單引號或雙引號,4)避免在項目中混合使用不同風格,5)利用自動化工具如Prettier或ESLint來確保風格的一致性。

如何在 Bootstrap 4 中實現多項目輪播?如何在 Bootstrap 4 中實現多項目輪播?Apr 30, 2025 pm 03:24 PM

在Bootstrap4中實現多項目輪播的解決方案在Bootstrap4中實現多項目輪播並不是一件簡單的事情。雖然Bootstrap...

deepseek官網是如何實現鼠標滾動事件穿透效果的?deepseek官網是如何實現鼠標滾動事件穿透效果的?Apr 30, 2025 pm 03:21 PM

如何實現鼠標滾動事件穿透效果?在我們瀏覽網頁時,經常會遇到一些特別的交互設計。比如在deepseek官網上,�...

HTML 視頻的播放控件樣式怎麼修改HTML 視頻的播放控件樣式怎麼修改Apr 30, 2025 pm 03:18 PM

無法直接通過CSS修改HTML視頻的默認播放控件樣式。 1.使用JavaScript創建自定義控件。 2.通過CSS美化這些控件。 3.考慮兼容性、用戶體驗和性能,使用庫如Video.js或Plyr可簡化過程。

在手機上使用原生select會帶來哪些問題?在手機上使用原生select會帶來哪些問題?Apr 30, 2025 pm 03:15 PM

在手機上使用原生select的潛在問題在開發移動端應用時,我們常常會遇到選擇框的需求。通常情況下,開發者傾...

在手機上使用原生select的弊端是什麼?在手機上使用原生select的弊端是什麼?Apr 30, 2025 pm 03:12 PM

在手機上使用原生select的弊端是什麼?在移動設備上開發應用時,選擇合適的UI組件是非常重要的。許多開發者�...

如何使用Three.js和Octree優化房間內第三人稱漫遊的碰撞處理?如何使用Three.js和Octree優化房間內第三人稱漫遊的碰撞處理?Apr 30, 2025 pm 03:09 PM

使用Three.js和Octree優化房間內第三人稱漫遊的碰撞處理在Three.js中使用Octree實現房間內的第三人稱漫遊並添加碰�...

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器