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 を使用していませんでした。今日、MySQL...

CSSは2つの要素をブレンドする効果(スティッキー効果)を実現します。

数年前、Taobaoのモバイル版の左下隅に面白い丸いボタンがあったことを覚えています。それをクリック...

初めてDockerイメージを構築、実行、公開、取得するための詳細な手順

1. はじめに以前は、Python アプリケーションの作成を開始したい場合、最初のステップはマシンに...

Dockerコンテナ内の設定ファイルの変更の実装

1. コンテナに入るdocker run [オプション] イメージ名 [起動コンテナに渡されるコマン...

WindowsでのMySQLインストールチュートリアルの詳細な紹介

目次1. ダウンロードする前に理解しておくべき概念2. 必要なバージョンを選択する3. MySQLサ...

Linux仮想メモリについての簡単な説明

目次起源仮想メモリページングとページテーブルメモリのアドレス指定と割り当て関数プロセスメモリ管理デー...

フレックスレイアウトを使用してページレイアウトを簡単に実装するためのサンプルコード

では、早速コードを見てみましょう。 1. 上部、中央、下部のレイアウト: <!DOCTYPE ...

JavaベースのMySQLバックアップテーブル操作

コアはmysqldumpとランタイムです操作は実際にはそれほど難しくありません。バックアップ操作を実...

Access_Tokenの統合管理を実現するミニプログラム開発

目次TOKEN タイマーリフレッシュ2. access_tokenの内部設計2.1 access_t...

MySQL 8.0.13 手動インストールチュートリアル

この記事では、MySQL 8.0.13の手動インストールチュートリアルを参考までに紹介します。具体的...

Vue3.0 手書きカルーセル効果

この記事では、Vue3.0の手書きカルーセル効果の具体的なコードを参考までに共有します。具体的な内容...

Linux スケジュールタスクの関連操作の概要

皆様の参考と操作を容易にするために、様々な主要ウェブサイトを検索し、関連するスケジュールされたタスク...

MySQLのストレージエンジンについてお話しましょう

基礎リレーショナル データベースでは、各データ テーブルはファイルに相当し、異なるストレージ エンジ...

XHTML と CSS によるオブジェクト指向プログラミング

<br />XHTML と CSS がオブジェクト指向だったらよかったのに。 。太陽は北...

CSS3 border-radius 丸角の実装方法と使い方の詳しい説明

以前は、角を丸くするのは非常に面倒でしたが、CSS3 では、角を丸くするのは非常に簡単になり、bor...