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 5...

HTML で自動ページジャンプを実現する 5 つの方法

前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しまし...

「さらに表示」ボタンによる複数行テキストの切り捨てに関する考察

最近、たまたまこの小さな要件に遭遇しました。昔、JS を使用してこれを処理したことを覚えていますが、...

HTMLはフォームタグを使用して登録ページのサンプルコードを実装します。

ケースの説明: - ページ効果を実現するためにテーブルを使用する- ハイパーリンクを機能させたくない...

Vue フロントエンド開発における keepAlive の使用方法の詳細な説明

目次序文keep-avlive フック関数keep-avliveはどのコンポーネントをキャッシュする...

CSSのtranslate(-50%,-50%)は水平および垂直の中央揃え効果を実現します。

translate(-50%,-50%) 属性:中央に配置するには、長さと幅の 50% だけ上と左...

Linux で削除できないファイル/フォルダの解決方法

序文最近、弊社のサーバーがハッカーの攻撃を受け、一部のファイルの属性が変更されたため、ウイルスファイ...

vue-cli 設定では Vuex の完全なプロセスレコードを使用します

目次序文インストールと使用方法モジュラー管理Vuex の状態永続性要約する序文Vue 開発では、ユー...

mysql コマンドライン スクリプトの実行例

この記事では、例を使用して MySQL コマンドライン スクリプトの実行について説明します。ご参考ま...

MySQL の冗長インデックスと重複インデックスの詳細な説明

MySQL では、同じ列に複数のインデックスを作成できます。意図的であるかどうかにかかわらず、MyS...

MySQLパーティションテーブルの詳細な説明

序文:パーティショニングはテーブル設計パターンです。一般的に、テーブル パーティショニングとは、条件...

TypeScript 学習ノート: 型の絞り込み

目次序文型推論真理値の絞り込み平等の縮小演算子の絞り込みインスタンスの絞り込み狭まりの本質ユニオン型...

ウェブページでmp3またはフラッシュプレーヤーコードを再生する

コードをコピーコードは次のとおりです。 <オブジェクト id="player1&qu...

Vueバックグラウンド管理に多言語機能を追加する例

目次1.まず、main.jsページを設定します2. 対応するパスの下で言語パックを構成します。ここに...

MySQLでSELECT文が実行される仕組み

目次1. マクロの観点からMySQLを分析する2. SQL ステートメントを実行するには、どの程度の...