html - htmlタグの本当の使い方は？

Question

たまにタグとそのようなデータが表示されます:(cssリンクを除く）

<link rel="Home" href="/" title="Page d'accueil de Babysun" />
<link rel="Index" href="/" />
<link rel="Top" href="/" title="Babysun / Accueil Babysun - Babysun" />
<link rel="Search" href="/content/advancedsearch" title="Recherche Babysun" />
<link rel="Shortcut icon" href="/extension/ezwebin/design/babysun/images/favicon.png" type="image/x-icon" />
<link rel="Copyright" href="/ezinfo/copyright" />
<link rel="Author" href="/ezinfo/about" />

リンクタグは次のように記述されます：

タグは、ドキュメントと外部リソースの間の関係を定義します。タグは、スタイルシートにリンクするために最もよく使用されます。

ドキュメントと外部リソースの関係??? どのような外部リソース？SEO？もしそうなら、Googleは何を気にしますか：

<link rel="Home"....
<link rel="Index" ....
<link rel="Top" ...

ありがとう。

Answer 1

relタグに限らず、<link>と併用することもできます<a>。

w3cによると

この属性は、現在のドキュメントから href 属性で指定されたアンカーまでの関係を記述します。この属性の値は、スペースで区切られたリンク タイプのリストです。

一般的なリンク タイプは次の場所にあります。

http://www.w3.org/TR/html4/types.html#h-6.12

そして、これらの中でも、SEO のもの (nofollow、noindex、canonical) だけが実際に影響力を持っています (ただし、Google は必要に応じてそれらを無視することが知られています)。

この文はタイプをよく要約しています:

ユーザー エージェント、検索エンジンなどは、これらのリンク タイプをさまざまな方法で解釈する 場合があります。たとえば、ユーザー エージェントは、ナビゲーション バーを介してリンクされたドキュメントへのアクセスを提供する場合があります。

これは非常に混乱しているため、Microformats プロジェクトはそれらの使用法を標準化しようとしています (Microformats は rel に限定されません)。ドラフトと仕様はここで見つけることができます。最もクールなものはrel="tag"(ここ) です。

Answer 2

仕様で定義されているとおり：

...さまざまな方法でユーザー エージェントによってレンダリングされる可能性がある関係情報を伝達します (たとえば、リンクのドロップダウン メニューを備えたツールバー)。

さらに、リンクタイプについて読んで、これに関する特定の情報を抽出できます。

Answer 3

このページでタグについてもう少し読むことができます:

http://www.w3.org/QA/Tips/use-links

たとえば、Googleはrel="canonical"を使用して、同じコンテンツを持つ各ページを検索エンジンによってインデックス化する必要があることを識別します。

http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=139394