rel-tag-ja

From Microformats

rel-tag

Table of contents


仕様ドラフト 2005-01-10

編者/作者
Tantek Çelik (http://tantek.com/)
Kevin Marks (http://epeus.blogspot.com/)
原案
Derek Powazek (http://powazek.com/)

著作権

© 2004-2008 by the authors.

この仕様の著作権は、ページ編集に関わった人全てが保有しています。 しかし、著者はこの仕様をGMPG (http://gmpg.org/)IETF (http://ietf.org/)W3C (http://w3.org)などの標準化団体に提出することを考えています。この仕様に貢献したい場合は、これらの団体が持つ著作権に対する方針やポリシー(例:GMPG Principles (http://gmpg.org/principles))を読み、ライセンスに関する規定(例:CC-by 1.0 (http://creativecommons.org/licenses/by/1.0/)や後のバージョン)を理解した上でお願いします。

  • Tantek: I release all my contributions to this specification into the public domain and I encourage the other authors to do so as well.
    • When all authors/editors have done so, we can remove the MicroFormatCopyrightStatement template reference and replace it with the MicroFormatPublicDomainContributionStatement.

特許

この仕様はロイヤリティーフリーの特許方針に帰属するものです。特許方針に関してはW3C Patent Policy (http://www.w3.org/Consortium/Patent-Policy-20040205/)RFC3667 (http://www.ietf.org/rfc/rfc3667.txt)RFC3668 (http://www.ietf.org/rfc/rfc3668.txt)をご覧下さい。

概要

rel-tagmicroformatsのひとつです。ハイパーリンクにrel="tag"を書き加える事により、リンク元のページに対しページ作者が定義した「タグ(キーワードやテーマ)」を関連づけることができます。 タグはblogの記事内容すべてに関係する言葉とは限りません。たとえば次のようなリンクでタグを関連づけるとします。

<a href="http://technorati.com/tag/tech" rel="tag">tech</a>

これは作者がこのWebページ(または内容の一部)に「tech」というタグをつけていることを意味します。

リンク先のページはWeb上に存在するべき(SHOULD)であり、またタグの意味はリンクテキストの内容よりも、リンク先のページが持つ情報が優先されます。たとえば次のようなマークアップでページに対しタグ付けを行ったとします。

<a href="http://technorati.com/tag/tech" rel="tag">fish</a>

URLの最後にある単語がタグの意味として扱われるので、この場合ページのタグは「fish」ではなく「tech」となります。

rel-tagの意図、範囲

rel-tagはWebページ(又はその一部)に「タグ付け」をする目的で作られました。このため、任意のURLやページ外部のコンテンツに対し、rel-tagによりタグ付けを行える様にはできていません。現在のページから外部のURLへのタグ付けの一般的な構文についての要望はありますが、rel-tagにおいてその議論はなされるべきでないと考えています。xFolkhReviewにてURLのタグ付けについて考えられているので、そちらを参照してください。

タグを用いるシステムにおいては、タグの表現に特化したrel-tagは優れたフォーマットと言えるでしょう。

XMDPプロファイル

<dl class="profile">
 <dt id="rel">rel</dt>
 <dd><p>
   <a rel="help" href="http://www.w3.org/TR/html401/struct/links.html#adef-rel">
     HTML4 definition of the 'rel' attribute.</a>  
   Here is an additional value.</p>
  <dl>
   <dt id="tag">tag</dt>
   <dd>Indicates that the referred resource serves as a "tag", 
       or keyword/subject, for the referring page.</dd>
  </dl>
 </dd>
</dl>

タグスペースとタグの扱い

タグはURIの中に分かりやすい形で埋め込まれています、そのためURIからタグを機械的に抽出することが比較的容易です。具体的に説明すると、タグはURIパスの最後にある単語(一番後ろの"/"より後の文字列)となります。たとえば
http://www.example.com/tags/foo
というURIが示すタグは「foo」となります。

このため、ある二つのURIをタグとみなし比較する場合は、まず始めにタグをパスの最後から抽出することが推奨(SHOULD)されます。

タグの抽出・比較についてはもう少し標準的な仕組みが必要だと考えています。

rel="tag"を埋め込んだハイパーリンクが示す先はタグスペース(同じタグの付いた文書の一覧またはタグの定義)であるよう求められています。たとえば、リンク先の文書が次のURLで表されるとします。

http://technorati.com/tag/tech 

この場合、この文書は「tech」というタグに関するタグスペースであるとみなされます。

タグとなる文字列はURLパスの最後にのみ記すことを許されています。これはクエリパラメータやフラグメント識別子がタグとして認識されないことを意味します。さて、次のURLはどう扱われるでしょうか。

http://technorati.com/tag/tech?tag=fish#emu 

この場合も先述のとおり「tech」というタグに関するもので、「fish」や「emu」についてのものではないことに注意してください。

タグスペースに関する決まり事は「タグとなる文字列がURLパスの最後にあること」のみです。このためタグスペースはどのドメインにおいても提供可能となっています。ページ作者はいくつかのタグスペースを選びリンクすることで、特定の意味をタグに持たせることが可能です。たとえばWikipediaのページをタグスペースに用いる事ができます。

  http://en.wikipedia.org/wiki/Technology 

この場合、タグは「Technology」を指します。

URLの末にあるスラッシュは無視されます。つまり次のURL

  http://technorati.com/tag/Technology/ 

これをrel-tagに用いる場合、最後のスラッシュは取り除かれ、

  http://technorati.com/tag/Technology 

と同じ扱いを受けることになります。

タグのエンコード

タグにおけるスペースは「+」又は「%20」へとエンコードして含めることが可能です。Unicode文字はRFC 3986 (http://www.ietf.org/rfc/rfc3986.txt)で述べられている様にエンコードされます。たとえば次のようになります。

<a href="http://technorati.com/tag/Sant%C3%A9+et+bien-%C3%AAtre" rel="tag">Santé et bien-être</a> 

Wikipediaをタグスペースとして利用する場合には「%20」を利用すべきです。Wikipediaは「+」を「%2B」へと置換してしまうため、通常ページのタイトルに存在しない「+」を表示させてしまうからです。

目にみえるメタデータとしてのタグ

rel="tag"を含んだハイパーリンクは、Webページ上に現れるよう期待されています。これはページ上に現れず、閲覧者の目に届く事がほとんどないmetaキーワードとrel-tagの大きな違いです。タグがWebページに表示されるため、metaキーワードよりも弾力的にキーワードspamなどの問題に対処することができると考えています。

タグのリンクが目に見えることにより、ページ閲覧者はそのリンクが悪用されたものかを簡単に知ることができます。このためリンクを用いた不正行為をある程度抑止できると考えています。どんな目に見えないメタデータが生成されているのかを知らないページ作成者にも効果的でしょう。

このため、<link rel="tag" href="..." /> のような目に見えないタグリンクの表現は実装されるべきではありません(SHOULD NOT)。

rel-tagの利用例

このセクションは参考情報です。

以下はrel-tagを実装したWebサイトのリストです。rel-tagをパースしている、又はタグのインデックスを作っていたり、タグの整理が行われているWebサイトの例をお探しなら、きっとこのリストが役立つでしょう。もしあなたがrel-tagを利用していたら、気軽にこのリストの上に追加してください。リストが大きくなったら、別のページにて紹介する予定です。

  • AuctionLink (http://www.auctionlink.com.au)ではAuction Sales Listings (http://www.auctionlink.com.au/TagList/Auctioneers/)のタグにrel-tagを用いています。
    • Could also use hCard, e.g. on [1] (http://www.auctionlink.com.au/Auctioneers/Auctioneer/Bonhams_Goodman_1/) Andy Mabbett
  • Christian Hessはblog (http://www.hess-cr.com)と他のページでrel-tagを用いています。
  • Spacedust (http://spacedust.atspace.com/)はギャラリーページのマークアップにrel-tagを利用しています。
  • My Opera (http://my.opera.com/dstorey/blog/)では、全てのユーザのblogエントリがrel-tagを利用しています。
  • Dev Opera (http://dev.opera.com/articles/view/making-wii-friendly-pages/)では、記事のタグにrel-tagが使われています。
  • UNT International (http://www.international.unt.edu)はほとんどのページにおいて、カテゴリをrel-tagで表現しています。
  • Yedda (http://yedda.com) - Yeddaは利用者が自分につけたタグ、そしてYeddaにて質問された事柄につけられたタグにrel-tagを利用しています。
  • Lingr (http://www.lingr.com)はユーザが入力したすべてのタグを表示しています。
  • ODEO (http://odeo.com)ではrel-tagを利用しています (http://odeo.com/blog/2005/07/adding-microformats-to-odeo.html)
  • Eventful (http://eventful.com)ではユーザがつけたタグの表現に、rel-tagが使われています。

実装

このセクションは参考情報です。

次に紹介されているリストは、rel-tagを実装しているアプリケーションのものです。もしあなたがrel-tagを利用したサービスやソフトウェアを開発していたら、気軽にこのリストの上に追加してください。リストが大きくなったら、別のページにて紹介する予定です。

  • ikiwiki (http://ikiwiki.info) generates rel-tag for all tagged pages (as of version 2.6)
  • HubTag (http://www.hubtag.com) helps users find a unique tag across the web for their event - eg. JohnAndBettysWeddingWimbledonMarch07
  • Necctar (http://www.necctar.com) is a search engine exclusively based on tag microformat parsing and processing. Necctar uses tags entered by bloggers to index the world wide web
  • Nutchはrel-tagのパーサをsvnレポジトリにコミットしました (http://www.mail-archive.com/nutch-commits@lucene.apache.org/msg01014.html)
  • Web Standards Project (http://webstandards.org/)が提供しているDreamweaver拡張スイート (http://www.webstandards.org/action/dwtf/microformats/)を導入することにより、Dreamweaver 8でrel-tagを用いたタギングができます。
  • スライドショー作成サービスScooch (http://scooch.gr0w.com/)では、作成者がスライドショーに埋め込んだタグのタグクラウドを見ることができます。
  • WeblogシステムSerendipity (http://www.s9y.org)のFreetagプラグインは、エントリのタグ付けを可能とします。(FreetagプラグインはSPARTACUSのなかにあります。)
  • pnh_mf (http://placenamehere.com/TXP/pnh_mf/)Textpattern (http://textpattern.com/)でrel-tagや他のmicroformatsをテンプレートやエントリで利用可能とするプラグインです。Chris Casciano (http://placenamehere.com/)により制作されました。
  • tru_tags (http://www.truist.com/blog/493/trutags-a-tagging-plugin-for-textpattern)Textpattern (http://textpattern.com/)で、キーワード欄からエントリのタグ付けを可能とするプラグインです。
  • LiveJournal (http://news.livejournal.com/86492.html?thread=24881884)にはタグに関するサポートページ (http://www.livejournal.com/support/faq.bml?cat=tags)が用意されています。
  • TagsLinks (http://trac.labnotes.org/cgi-bin/trac.cgi/wiki/TagsLinks)を用いて、ページに埋め込まれたタグと、他のサービスが用意したタグスペースをつなげることができます。
  • WordPress用のタグ付けプラグイン (http://dev.wp-plugins.org/wiki/BunnysTechnoratiTags)です。
    • Note that some sites using WordPress (http://microformatique.com/ for instance) are getting incorrect tags. The tag is ?cat=12 instead of the actual tag value.
  • Blosxom用のタグ付けプラグイン (http://noone.org/blog/tags/Tagging)です。
  • Technoratiはrel-tagを実装した最初のサービスです。Technorati Tags (http://technorati.com/tag/)から、Technoratiがインデックスしているタグを見ることが出来ます。
  • Bloggerでタグを利用するためのGreasemonkeyスクリプト (http://consumingexperience.blogspot.com/2005/12/updated-multiple-word-technorati-tag.html)です。
  • rel-lint (http://tools.microformatic.com/help/xhtml/rel-lint/)Drew McLellanによる、rel-tagを検証するツールです。

参照

標準仕様

  • HTML 4 (http://www.w3.org/TR/REC-html40/)
  • XHTML 1 (http://www.w3.org/TR/xhtml1/)
  • XMDP (http://gmpg.org/xmdp/)
  • RFC 3986ではURIの構文を規定しています。Section 3.3にURLパスとパスセグメントに関する記述があります。

参考

  • hReviewではrel-tagを一般的なタグ、またレート付けに用いています。
  • xFolkはrel-tagを用いて、タグ付けされたリソースの分散型処理を可能としています。
  • Attention.XML (http://developers.technorati.com/wiki/attentionxml)はrel-tagを用い、読者がページやweblogの投稿、又はフィードへのタグ付けを行えるようにしています。
  • hCardでは、rel-tagを用いたカテゴリの作成が可能です。
  • hCalendarでも、rel-tagを用いたカテゴリの作成が可能です。
  • Using Technorati Tags (http://technorati.com/help/tags.html)で、Technoratiにおけるタグの扱いを知ることが出来ます。
  • rel-tagは http://developers.technorati.com/wiki/RelTag からの寄稿により作成されました。
  • microformatique.comのKnow your rel-tag (http://microformatique.com/?p=61)に、rel-tagについての説明があります。

ディスカッション

Q&A

  • rel-tagに関して分からないことがありますか?それがrel属性に関する疑問ならばrel FAQを、rel-tagに関する疑問であればrel-tag FAQをお読み下さい。これらのページを読んでも疑問が解消されない場合は、microformats-discuss (http://microformats.org/discuss)にメールを投稿するとよいでしょう。

Related pages

The rel-tag specification is a work in progress. As additional aspects are discussed, understood, and written, they will be added. These thoughts, issues, and questions are kept in separate pages.

Personal tools