rel="tag"
仕様ドラフト 2005-01-10
- 編者/作者
- Tantek Çelik
- Kevin Marks
- 短縮URL
- http://tr.im/reltag
著作権
© 2004-2024 by the authors.
この仕様の著作権は、ページ編集に関わった人全てが保有しています。 しかし、著者はこの仕様をGMPGやIETF、W3Cなどの標準化団体に提出することを考えています。この仕様に貢献したい場合は、これらの団体が持つ著作権に対する方針やポリシー(例:GMPG Principles)を読み、ライセンスに関する規定(例:CC-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.
- Kevin Marks: 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やRFC3667、RFC3668をご覧下さい。
概要
rel-tagはmicroformatsのひとつです。ハイパーリンクに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においてその議論はなされるべきでないと考えています。xFolkやhReview、hCard、hCalendar、hRecipeにてURLのタグ付けについて考えられているので、そちらを参照してください。
タグを用いるシステムにおいては、タグの表現に特化したrel-tagは優れたフォーマットと言えるでしょう。
XMDPプロファイル
rel-tag-profile を参照してください。
タグスペースとタグの扱い
タグは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 </nowiki>
この場合も先述のとおり「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で述べられている様にエンコードされます。たとえば次のようになります。
<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を利用していたら、気軽にこのリストの上に追加してください。リストが大きくなったら、rel-tag-examples-in-wild といった別のページにて紹介する予定です。
- Trust a Friend uses rel-tag for reviewed businesses in a city. For example: Le Gigot has the tags: French and Restaurant.
- Newsgrail uses rel-tag for an implementation of structured sematic tagging by OpenCalais.
- Actor David Swain uses rel-tag on all "tag" links on his site each pointing to its own tag-space.
- beeets is a tag-based event search engine that uses rel-tag on all "tag" links, each pointing to its own tag-space.
- Begin Running uses rel-tag on pages containing tagged content.
- Sun Factory uses rel-tag on some of its product pages. For example : Trophy Soccer Player.
- Snow World uses rel-tag on all "tag" links. As is built in b2evolution.
- gameshogun™ uses rel-tag on all "tag" links. A b2evolution implementation.
- ClothesOnline uses rel-tag for categorizing shops and brands, for example: Canada Goose.
- Huffduffer uses rel-tag on every page, pointing to its own tag space e.g. http://huffduffer.com/tags/microformats
- Pantry Moth Traps implements the rel-tag in articles where an authoritative source is known. (for example in the article Moth Trap Picks the tag Moth Trap)
- HighTechCville uses rel-tag on all the pages listing tagged content for people, organizations and events related to high tech in Charlottesville, VA.
- skateboardspot.info uses rel-tag in spotguide entries which are added to the site and categorized by the users (for example: “El Toro High School” spotguide entry).
- Idoneos.com uses rel-tag for conceptual links to its own tag space, a collection of 'concepts' (mostly spanish).
- Professional On The Web uses rel-tag for user entered tags which categorize web professionals and freelancers.
- CloudCuckoo (secure site but open to all) an EPiServer module distributed free by Interakting, generates tag clouds with rel-tag links.
- Lifetime.com uses rel- and rev-tags in all content pages.
- the my-Warehouse shopsystem implements rel-tags in box headings and categories links.
- Joseph Bergantine uses tags to categorize wallpapers and blog posts
- Codesignville uses rel-tag to indicate content categories.
- BossaLive uses rel-tag for tagging music. Publishes rel-tags for album, artist and genre.
- Also uses hCard on user profile pages.
- qmpeople Uses rel-tag for translated tags into english, french and italian to meet new friends in different countries.
- Keevu.com uses rel-tag to indicate content categories on most pages, like venues
- Amazing Incredible uses rel-tag on content pages
- AuctionLinkではAuction Sales Listingsのタグにrel-tagを用いています。
- Could also use hCard, e.g. on [1] Andy Mabbett
- Christian Hessはblogと他のページでrel-tagを用いています。
- Spacedustはギャラリーページのマークアップにrel-tagを利用しています。
- My Operaでは、全てのユーザのblogエントリがrel-tagを利用しています。
- Dev Operaでは、記事のタグにrel-tagが使われています。
- UNT Internationalはほとんどのページにおいて、カテゴリをrel-tagで表現しています。
- Yedda - Yeddaは利用者が自分につけたタグ、そしてYeddaにて質問された事柄につけられたタグにrel-tagを利用しています。
- Lingrはユーザが入力したすべてのタグを表示しています。
- ODEOではrel-tagを利用しています。
- Eventfulではユーザがつけたタグの表現に、rel-tagが使われています。
- Spinn3r implements rel-tag as well as RSS and Atom subject and categories.
- Web of Fate publishes rel-tags for future predictions.
実装
このセクションは参考情報です。
次に紹介されているリストは、rel-tagを実装しているアプリケーションのものです。もしあなたがrel-tagを利用したサービスやソフトウェアを開発していたら、気軽にこのリストの上に追加してください。リストが大きくなったら、rel-tag-implementations といった別のページにて紹介する予定です。
- b2evolution A blog platform which generates rel-tag for all tags on blog posts (starting from v3.x).
- Textcube.org makes a blogging tool, Textcube which generates rel-tag for tags on blog posts.
- HashTags tags Twitter posts, converting "#example" into a tag of "example"
- ikiwiki generates rel-tag for all tagged pages (as of version 2.6)
- HubTag helps users find a unique tag across the web for their event - eg. JohnAndBettysWeddingWimbledonMarch07
- Necctar 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レポジトリにコミットしました。
- Web Standards Projectが提供しているDreamweaver拡張スイートを導入することにより、Dreamweaver 8でrel-tagを用いたタギングができます。
- スライドショー作成サービスScoochでは、作成者がスライドショーに埋め込んだタグのタグクラウドを見ることができます。
- WeblogシステムSerendipityのFreetagプラグインは、エントリのタグ付けを可能とします。(FreetagプラグインはSPARTACUSのなかにあります。)
- pnh_mfはTextpatternでrel-tagや他のmicroformatsをテンプレートやエントリで利用可能とするプラグインです。Chris Cascianoにより制作されました。
- tru_tagsはTextpatternで、キーワード欄からエントリのタグ付けを可能とするプラグインです。
- ClothesOnline uses rel-tag for categorizing shops and brands, for example: Canada Goose.
- LiveJournalにはタグに関するサポートページが用意されています。
- TagsLinksを用いて、ページに埋め込まれたタグと、他のサービスが用意したタグスペースをつなげることができます。
- OctoFinder uses rel-tag for all live news tag clouds.
- WordPress用のタグ付けプラグインです。
- 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用のタグ付けプラグインです。
- Technoratiはrel-tagを実装した最初のサービスです。Technorati Tagsから、Technoratiがインデックスしているタグを見ることが出来ます。
- Bloggerでタグを利用するためのGreasemonkeyスクリプトです。
- rel-lintはDrew McLellanによる、rel-tagを検証するツールです。
参照
標準仕様
参考
- hReviewではrel-tagを一般的なタグ、またレート付けに用いています。
- xFolkはrel-tagを用いて、タグ付けされたリソースの分散型処理を可能としています。
- Attention.XMLはrel-tagを用い、読者がページやweblogの投稿、又はフィードへのタグ付けを行えるようにしています。
- hCardでは、rel-tagを用いたカテゴリの作成が可能です。
- hCalendarでも、rel-tagを用いたカテゴリの作成が可能です。
- Using Technorati Tagsで、Technoratiにおけるタグの扱いを知ることが出来ます。
- rel-tagは http://developers.technorati.com/wiki/RelTag からの寄稿により作成されました。
- microformatique.comのKnow your rel-tagに、rel-tagについての説明があります。
ディスカッション
- フィードバックはrel-tag-feedbackにてお願いします。
- rel-tagについて言及しているページも参照してください。
- これまでの経緯についてはDerek PowazekによるHow Tags Happened at Technoratiをお読み下さい。
Q&A
- rel-tagに関して分からないことがありますか?それがrel属性に関する疑問ならばrel FAQを、rel-tagに関する疑問であればrel-tag FAQをお読み下さい。これらのページを読んでも疑問が解消されない場合は、microformats-discussにメールを投稿するとよいでしょう。
Related pages
- rel-tag
- rel-tag-faq
- See also rel-faq
- rel-tag advocacy - encourage others to use rel-tag.
- rel-tag-spaces - sites suitable as using as targets for rel-tag links.
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.
- rel-tag-feedback - general feedback (as opposed to specific issues).
- rel-tag-issues - specific issues with the specification.
- rel-tag-other-evidence - tagging schemas other than those used in rel-tag