リンク関係 (「rel」属性) をよく使用しますか?

StackOverflow https://stackoverflow.com/questions/850482

質問

私は、より標準ベースでアクセスしやすく、意味的に正しい Web 開発アプローチに移行したいと考えています。オフィスでは、すぐに大きな変化が起こるとは予想していませんが、今後の進歩に向けて基本的な基盤を築き始めようとしています。

このプロセスの一部として、 rel リンクやその他の同様のコンテンツ内の属性。これは、よく知られている古いものよりもさらに拡張されています

<link href="mystyles.css" type="text/css" rel="stylesheet" />

おそらく多くの開発者は何も考えずにこれを投入するでしょう。使ってる人いるか知りたい rel 他の方法で定期的に。たとえば、メイン ナビゲーションのリンクをホームページに戻すように設定すると、 rel="start".

ご自身のプロジェクトにリンク関係を実装した場合、それを採用したきっかけは何ですか?また、どのような利点を実現しようとしていましたか?

リンク関係を検討したものの、その使用を中止した場合、その決定の根拠は何ですか?

役に立ちましたか？

解決

私が頻繁に使用するのは、 rel （そして rev) 両方に幅広い値を持つ属性 <link/> そして <a/> 要素。

以下に、より一般的な (そしてより便利な) 関係タイプのいくつかを概説しました。より完全なリスト rel 値は マイクロフォーマットウィキ.

HTML4

HTML 4 仕様で定義されている標準リンク タイプがいくつかあります。

  • alternate - 別の言語や別の形式など、HTML ドキュメントの別のバージョンへのリンクを提供するときに使用されます。これは、Web サイトのシンジケート (RSS または Atom) バージョンにリンクするときに最も一般的に使用されます。
  • next そして previous - 一連の文書の次の文書と前の文書を示すために使用されます。もし rel="next" で使用されます <link/> 要素を使用すると、一部のブラウザはリンクされたドキュメントのコンテンツをプリフェッチします ( MDC リンクのプリフェッチに関する FAQ).

XFN

XFN (XHTML フレンズ ネットワーク) は、 マイクロフォーマット Web ページで表現される人々の間の関係を記述するために使用されます。また、ページが同じ人物を表す他のページを示すこともできます (例:私のブログ、Twitter プロフィール、Stack Overflow プロフィールはすべて私を表しています)。これらすべてを、一連の定義によって実行します。 rel 値:

  • me - リンク元のページとリンク先のページが同じユーザーを表すために使用されます。これは、ユーザー プロファイルからユーザー自身の Web サイトにリンクするときに、多くのソーシャル サイト (Stack Overflow を含む) で広く採用されています。
  • contact, aquantance そして friend - リンクしている相手のことをあなたが知っており、その人のことをどの程度知っているかを示します。
  • met - リンク先の相手に会ったことがあるということを示します。
  • co-worker そして colleague - リンク先の人と同じ分野で働いているか、同じ分野で働いていることを示します。
  • co-resident そして neighbor - リンクしている相手と同居または近くに住んでいることを示します。
  • child, parent, sibling, spouse そして kin - 家族の一員とリンクしていることを示します。
  • muse, crush, date そして sweetheart - リンクしている相手とのロマンチックな関係を示します。

これらの関係は解析され、ユーザーの友人が誰であるか、ユーザーが所有している他のオンライン プロフィールなど、ユーザーに関する情報を判断するために使用できます。現在および将来の可能性のあるアプリケーションの詳細については、次のページが興味深いかもしれません。

他の

さまざまな仕様によって定義されている他のさまざまなリンク タイプがあります。

  • nofollow - Web ページをクロールするときに検索エンジンがリンクをたどるべきではないことを示すために使用されます。を参照してください。 rel-nofollow仕様.
  • canonical - 別の URL が現在のページの正規バージョンであるため、検索エンジンによって優先される必要があることを示すために使用されます。これは、 rev 現在のページの代替 URL (通常は短い) を示す属性 (つまり、 rev="canonical" 現在の URL がリンク先 URL の正規バージョンであることを示します)。詳細な情報とツールについては、次のサイトを参照してください。 Simon Willison の rev=canonical に関するブログ エントリ.
  • tag - リンクされたページがタグであることを示すために使用されます (つまり、キーワード) リンク先ページの説明。を参照してください。 relタグ仕様.
  • license - リンク先ページのコンテンツがリリースされるライセンスを示すために使用されます。を参照してください。 再ライセンス仕様.

他のヒント

ブログコメントのユーザー投稿リンクにはrel="nofollow"を使用しています。Googleはリンクをたどらず、リンクが原因でページランクが高くなることはありません。

私がそれらを使用したことの1つは、新しいウィンドウで開く必要がある外部リンクを指定する方法としてです。この機能は、target属性が<a>タグで許可されなくなったため、厳密なXHTMLでは使用できません。しかし、いくつかのjavascriptとrel属性を使用すると、この記事で概説されているように、かなりまともな仕事をすることができます：標準に準拠した世界の新しいウィンドウリンク。

チャドが言ったのように、私はrel="external"を使用して、新しいウィンドウで開きたいリンクを指定します（jQueryを利用して可能にします）。

ルールに従うボット（Googleボットなど）がリンクをインデックスに登録しないようにする場合にも、rel="nofollow"を使用します。

公開Webサイトでは、nofollowを自動的に追加すると便利です。そうしないと、たとえば、スパマーがブログのコメントからリンクファームを作成するように誘惑される可能性があります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top