rel-tag-ja: Difference between revisions
(→XMDPプロファイル: sync: English: 2009-03-18T18:08:00) |
IwaiMasaharu (talk | contribs) (sync: English: 2009-03-18T18:08:00) |
||
Line 1: | Line 1: | ||
< | <entry-title>rel="tag"</entry-title> | ||
<!-- English: | <!-- English: 2009-03-18T18:08:00 --> | ||
__TOC__ | __TOC__ | ||
Line 74: | Line 74: | ||
== タグのエンコード == | == タグのエンコード == | ||
タグにおけるスペースは「<code>+</code>」又は「<code>%20</code>」へとエンコードして含めることが可能です。Unicode文字は[http://www.ietf.org/rfc/rfc3986.txt RFC 3986]で述べられている様にエンコードされます。たとえば次のようになります。 | タグにおけるスペースは「<code>+</code>」又は「<code>%20</code>」へとエンコードして含めることが可能です。Unicode文字は[http://www.ietf.org/rfc/rfc3986.txt <nowiki>RFC 3986</nowiki>]で述べられている様にエンコードされます。たとえば次のようになります。 | ||
<pre><nowiki><a href="http://technorati.com/tag/Sant%C3%A9+et+bien-%C3%AAtre" rel="tag">Santé et bien-être</a> </nowiki></pre> | <pre><nowiki><a href="http://technorati.com/tag/Sant%C3%A9+et+bien-%C3%AAtre" rel="tag">Santé et bien-être</a> </nowiki></pre> | ||
Line 92: | Line 92: | ||
以下はrel-tagを実装したWebサイトのリストです。rel-tagをパースしている、又はタグのインデックスを作っていたり、タグの整理が行われているWebサイトの例をお探しなら、きっとこのリストが役立つでしょう。もしあなたがrel-tagを利用していたら、気軽に'''このリストの上'''に追加してください。リストが大きくなったら、別のページにて紹介する予定です。 | 以下はrel-tagを実装したWebサイトのリストです。rel-tagをパースしている、又はタグのインデックスを作っていたり、タグの整理が行われているWebサイトの例をお探しなら、きっとこのリストが役立つでしょう。もしあなたがrel-tagを利用していたら、気軽に'''このリストの上'''に追加してください。リストが大きくなったら、別のページにて紹介する予定です。 | ||
* [http://huffduffer.com/ Huffduffer] uses rel-tag on every page, pointing to its own tag space e.g. http://huffduffer.com/tags/microformats | |||
* [http://www.pantrymothtrap.com/ Pantry Moth Traps] implements the rel-tag in articles where an authoritative source is known. (for example in the article [http://www.pantrymothtrap.com/MothTrapsPick.html Moth Trap Picks] the tag [http://www.cleanertoday.com/tag/moth%20trap Moth Trap]) | |||
* [http://www.hightechcville.com/ HighTechCville] uses rel-tag on all the pages listing tagged content for [http://www.hightechcville.com/people people], [http://www.hightechcville.com/organizations organizations] and [http://www.hightechcville.com/events events] related to high tech in Charlottesville, VA. | |||
* [http://skateboardspot.info skateboardspot.info] uses rel-tag in spotguide entries which are added to the site and categorized by the users (for example: [http://skateboardspot.info/cat/spotguide/action/view/id/1 “El Toro High School” spotguide entry]). | |||
* [http://www.idoneos.com Idoneos.com] uses rel-tag for conceptual links to its own tag space, a collection of 'concepts' (mostly spanish). | |||
* [http://www.professionalontheweb.com Professional On The Web] uses rel-tag for user entered tags which categorize web professionals and freelancers. | |||
* [https://www.coderesort.com/p/epicode/wiki/CloudCuckoo CloudCuckoo] (secure site but open to all) an [http://www.episerver.com EPiServer] module distributed free by [http://www.interakting.co.uk Interakting], generates tag clouds with rel-tag links. | |||
* [http://www.lifetime.com Lifetime.com] uses rel- and rev-tags in all content pages. | |||
* [http://www.my-warehouse.de the my-Warehouse shopsystem] implements rel-tags in box headings and categories links. | |||
* Joseph Bergantine uses tags to categorize [http://bergantinedesign.us/wallpaper/ wallpapers] and [http://bergantinedesign.us/blog/my-name-is-rachel-corrie blog posts] | |||
* [http://www.codesignville.com Codesignville] uses rel-tag to indicate content categories. | |||
* [http://www.bossalive.com BossaLive] uses rel-tag for tagging music. Publishes rel-tags for album, artist and genre. | |||
** Also uses [[hcard|hCard]] on user profile pages. | |||
* [http://www.qmpeople.com/ qmpeople] Uses rel-tag for translated tags into english, french and italian to meet new friends in different countries. | |||
* [http://www.keevu.com Keevu.com] uses rel-tag to indicate content categories on most pages, like [http://www.keevu.com/venues venues] | |||
* [http://www.amazingincredible.com Amazing Incredible] uses rel-tag on content pages | |||
* [http://www.auctionlink.com.au AuctionLink]では[http://www.auctionlink.com.au/TagList/Auctioneers/ Auction Sales Listings]のタグにrel-tagを用いています。 | * [http://www.auctionlink.com.au AuctionLink]では[http://www.auctionlink.com.au/TagList/Auctioneers/ Auction Sales Listings]のタグにrel-tagを用いています。 | ||
** Could also use [[hcard|hCard]], e.g. on [http://www.auctionlink.com.au/Auctioneers/Auctioneer/Bonhams_Goodman_1/] [[User:AndyMabbett|Andy Mabbett]] | ** Could also use [[hcard|hCard]], e.g. on [http://www.auctionlink.com.au/Auctioneers/Auctioneer/Bonhams_Goodman_1/] [[User:AndyMabbett|Andy Mabbett]] | ||
Line 103: | Line 119: | ||
* [http://odeo.com ODEO]では[http://odeo.com/blog/2005/07/adding-microformats-to-odeo.html rel-tagを利用しています]。 | * [http://odeo.com ODEO]では[http://odeo.com/blog/2005/07/adding-microformats-to-odeo.html rel-tagを利用しています]。 | ||
* [http://eventful.com Eventful]ではユーザがつけたタグの表現に、rel-tagが使われています。 | * [http://eventful.com Eventful]ではユーザがつけたタグの表現に、rel-tagが使われています。 | ||
* [http://spinn3r.com Spinn3r] implements rel-tag as well as RSS and Atom subject and categories. | |||
* [http://www.weboffate.com Web of Fate] publishes rel-tags for future predictions. | |||
== 実装 == | == 実装 == | ||
Line 109: | Line 127: | ||
次に紹介されているリストは、rel-tagを実装しているアプリケーションのものです。もしあなたがrel-tagを利用したサービスやソフトウェアを開発していたら、気軽に'''このリストの上'''に追加してください。リストが大きくなったら、別のページにて紹介する予定です。 | 次に紹介されているリストは、rel-tagを実装しているアプリケーションのものです。もしあなたがrel-tagを利用したサービスやソフトウェアを開発していたら、気軽に'''このリストの上'''に追加してください。リストが大きくなったら、別のページにて紹介する予定です。 | ||
* [http://www.textcube.org Textcube.org] makes a blogging tool, Textcube which generates rel-tag for tags on blog posts. | |||
* [http://hashtags.org/ HashTags] tags Twitter posts, converting "#example" into a tag of "example" | |||
* [http://ikiwiki.info ikiwiki] generates rel-tag for all tagged pages (as of version 2.6) | * [http://ikiwiki.info ikiwiki] generates rel-tag for all tagged pages (as of version 2.6) | ||
* [http://www.hubtag.com HubTag] helps users find a unique tag across the web for their event - eg. JohnAndBettysWeddingWimbledonMarch07 | * [http://www.hubtag.com HubTag] helps users find a unique tag across the web for their event - eg. JohnAndBettysWeddingWimbledonMarch07 | ||
Line 154: | Line 174: | ||
==Related pages== | ==Related pages== | ||
{{rel-tag-related-pages}} | {{rel-tag-related-pages}} | ||
[[Category:Specifications]] | |||
[[Category:rel-tag]] |
Revision as of 12:31, 20 March 2009
<entry-title>rel="tag"</entry-title>
仕様ドラフト 2005-01-10
- 編者/作者
- Tantek Çelik
- Kevin Marks
著作権
© 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.
- 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にてURLのタグ付けについて考えられているので、そちらを参照してください。
タグを用いるシステムにおいては、タグの表現に特化したrel-tagは優れたフォーマットと言えるでしょう。
XMDPプロファイル
http://microformats.org/wiki/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
この場合も先述のとおり「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を利用していたら、気軽にこのリストの上に追加してください。リストが大きくなったら、別のページにて紹介する予定です。
- 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を利用したサービスやソフトウェアを開発していたら、気軽にこのリストの上に追加してください。リストが大きくなったら、別のページにて紹介する予定です。
- 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で、キーワード欄からエントリのタグ付けを可能とするプラグインです。
- LiveJournalにはタグに関するサポートページが用意されています。
- TagsLinksを用いて、ページに埋め込まれたタグと、他のサービスが用意したタグスペースをつなげることができます。
- 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