HTML における rel="nofollow" の役割と rel 属性の使用を分析する

HTML における rel="nofollow" の役割と rel 属性の使用を分析する

リンクに rel="nofollow" 属性を追加すると、検索エンジンにこの接続を追跡しないように指示し、権限を渡さないようにすることができます。注意深いウェブマスターは、多くのブログがフレンドリー リンクにこの属性を追加していることに気付くでしょう。これを行う目的は、自身の Web サイトの権限が薄れるのを防ぐことです。rel 属性は、現在のページとそれが指すページとの関係を意味します。rev 属性は、ターゲット ドキュメントからソース ドキュメントへの関係を指定します。 Baidu は現在、rel='noflow' 属性をサポートしています。このタグを適切に使用すると、Web サイトが大幅に改善されます。

ウェブマスターは、属性 rel="nofollow" を持つリンクが追加された場合、検索エンジンにこのリンクをたどらないように指示し、重みを渡さないことを意味することを知っているかもしれません。注意深いウェブマスターは、多くのブログが自分の Web サイトの重みを薄めないようにするために、フレンドリー リンクにこの属性を追加していることに気付くかもしれません。

rel 属性はどういう意味ですか?

rel 属性は、現在のページと指しているページとの関係を意味します。

<a> タグのオプション属性 rel と rev は、それぞれソース ドキュメントとターゲット ドキュメント間の正式な関係と方向を示します。 rel 属性はソース ドキュメントからターゲット ドキュメントへの関係を指定し、rev 属性はターゲット ドキュメントからソース ドキュメントへの関係を指定します。両方の属性は <a> タグ内で一緒に使用できます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <   href = "xxx.php?page=2"   rel = "次へ"   rev = "前" > < >   

rel または rev 属性の複数の値はスペースで区切られます。

rel属性の使用

通常、この属性は、リンク タグ/a タグ/meta タグで使用されます。記述例:

XML/HTML コードコンテンツをクリップボードにコピー
  1. <   href = 'https://www.jb51.net'   rel = 'friend' > 123WORDPRESS.COM </ a >   

この rel 属性は、実際には検索エンジン専用に設計されています。現在、Baidu は rel="nofollow" 属性をサポートしていることが知られています。このタグを適切に使用すると、Web サイトが大幅に改善されます。

rel属性の値

価値説明する
代替ドキュメントの代替バージョン (印刷されたページ、翻訳されたページ、ミラー イメージなど)。
スタイルシートドキュメントの外部スタイルシート。
始めるコレクションの最初のドキュメント。
コレクション内の次のドキュメント。
前へコレクション内の前のドキュメント。
コンテンツドキュメントディレクトリ。
索引ドキュメントインデックス。
用語集文書内で使用されている単語の用語集または説明。
著作権著作権情報を含む文書。
ドキュメントの章。
セクションドキュメントのセクション。
サブセクションドキュメントのサブセクション。
付録ドキュメントの付録。
ヘルプヘルプドキュメント。
ブックマーク関連文書。
ノーフォローGoogle は「nofollow」を使用して、Google 検索エンジンにリンクをたどらないように指示します。
ライセンス
タグ
友人

上記の rel="" 属性を知っておけば、Web ページを設計するときに、対応する属性に従ってリンク タグを設定するだけで済み、Web サイトの最適化に大いに役立ちます。

上記のrel属性はHTML形式用です。ソーシャルネットワーキングの時代では、Weibo/WeChatが蔓延しています。HTMLと比較すると、aタグのrel属性はXFN仕様になっているため、ここでは詳しく説明しません。

<<:  JavaScript 配列重複排除問題の詳細な研究

>>:  Mysql sql スロークエリ監視スクリプトコード例

推薦する

MySQL インデックスの知識の要約

MySQL インデックスの確立は、MySQL の効率的な操作にとって非常に重要です。インデックスによ...

Docker の Windows ストレージ パス設定操作

Windows 10 に Docker をインストールする場合、コンテナタイプを Linux コンテ...

主要ブラウザとそのカーネルの紹介

トライデント コア: IE、MaxThon、TT、The World、360、Sogou Brows...

CSS 位置固定左と右の二重配置実装コード

CSS 位置position 属性は、要素の配置タイプを指定します。位置プロパティには 5 つの値が...

SSH ポート転送とは何ですか?何の役に立つの?

目次序文1. ローカルポート転送2. リモートポート転送3. 動的ポート転送(SOCKS5) 4. ...

MySQLデータベースのbinlogクリーンアップコマンドの詳細な説明

概要今日は主に、MySQL データベースから binlog ログを正しく削除する方法を紹介します。ロ...

Alibaba Cloud Serverにプログラムをデプロイし、ドメイン名を使用して直接アクセスする方法の詳細な説明

何もすることがなかったので、学習用に最も安いAlibaba Cloudサーバーを購入しました。年間3...

Vueコンポーネントのルーティング強調表示問題の解決策

序文以前は、キャッシュを使用してルートを強調表示していました。すべてのルートをトラバースし、クリック...

vue+tsは要素のマウスドラッグの効果を実現します

この記事の例では、要素のマウスドラッグ効果を実現するためのvue+tsの具体的なコードを参考までに共...

HTMLファイルとは何ですか?HTMLファイルを開く方法

HTML は Hypertext Markup Language の略です。現在、ほとんどの Web...

HTML CSS JS はタブページのサンプルコードを実装します

コードをコピーコードは次のとおりです。 <html xmlns="">...

Vue+video.jsはビデオプレイリストを実装します

この記事では、ビデオプレイリストを実装するためのvue + video.jsの具体的なコードを参考ま...

Vueはマルチタブコンポーネントを実装します

効果を直接確認するために、リロード、左を閉じる、右を閉じる、その他の機能を閉じるなどの右クリック メ...

Apache ポートに基づいて仮想ホストを作成する例

apache: ポートに基づいて仮想ホストを作成する仮想ホスト(a、b、c)の作成を例に挙げます1)...

nginx と Tencent Cloud の無料証明書を使用して https を作成する方法

httpsを取得する方法を勉強しています。最近、Tencent Cloud が提供する無料の SSL...