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 スロークエリ監視スクリプトコード例

推薦する

CSSを使用してアダプティブスクエアを実装する方法の例

伝統的な方法は、正方形を固定形式で書くことです。長さ=幅を直接書き、次のように固定値を書きます。 。...

Echarts 基本入門: 棒グラフと折れ線グラフの一般的な構成

1eChartsの基本手順4つのステップ1 DOMコンテナを見つける2 初期化3 設定オプション4 ...

MySql でリモート接続を許可する方法

MySql でリモート接続を許可する方法この目標を達成するには、2つのことを行う必要がある。ユーザー...

Linux 上での Go 環境の構築のインストールと設定の説明

Linux で Go 環境を構築するのは非常に簡単です。 1. go1.2.1.linux-386....

親ページの更新を制御するために HTML で iframe を実装するためのアイデアとコード

1. 応用シナリオ親ページ a.jspサブページ b.jsp (ページ a に埋め込まれた ifra...

Vue-Element-Adminはログインジャンプを実現するために独自のインターフェースを統合しています

1. まずリクエスト設定ファイルを見て、axios.createメソッドを見てください。baseUR...

Tomcat で server.xml と content.xml を変更した後の自動復元の問題の解決方法

設定ファイルを server.xml と content.xml に書き込みます。サーバーを再起動す...

Vue が scss (mixin) をグローバルに導入

目次1. ミックスイン.scss 2. 単一ファイルの使用3. グローバルマウント3.1 依存関係の...

WeChatアプレット実装アンカー位置決め機能の例

序文小規模なプログラムの開発では、リストをスクロールして表示する必要性に遭遇することがよくあります。...

デザインにおけるユーザーエクスペリエンスの背後にある8つのユーザー本能について話す

編集者注: この記事は、Teambition チームの @娄昊川 が寄稿したものです。Teambit...

React クラスコンポーネントのライフサイクルと実行順序

1. Reactコンポーネントを定義する2つの方法1. 関数コンポーネント。単純な関数コンポーネント...

JS でシングルトン モードを実装するための 6 つのソリューションの概要

序文今日は、デザインパターンのクリエーションパターンを見直していたところ、JS でシングルトンパター...

HTML検証 HTML検証

HTML 検証はHTML 検証を指します。これは、HTML ドキュメントを分析し、標準の HTML ...

VMWare Linux MySQL 5.7.13 のインストールと設定のチュートリアル

この記事では、参考までにVMWare LinuxにMySQL 5.7.13をインストールするチュート...