Microformats & RDFa – 構造化についてまとめ①

以前から気になったいたことで、
近いところでの検索エンジンへの対応としての、

『サイト構造の正規化』について、まずは基本的に役に立つかなと思う事柄で、
もろもろとピックアップしていものを、まずは目につきやすい参考からまとめてみました。
※今後、調べやすいように

【 ドラフト 】

ドラフトとは、まだ完成していない比較的新しい microformats です。開発過程を経ていくぶん成熟してはいますが、文書の安定性は保証されておらず、実装する側は将来開発と変更に対応する準備をしておくべきです。アップデートに備えて wiki ページに注意しておいてください。

adr – 住所のマークアップ
geo – 世界測地系による、緯度と経度のマークアップ
hAtom – 更新情報を配信する (例: ブログの投稿)
hAudio
hListing – オープンな分散的クラシファイド広告
hMedia – 画像、動画、音声に関する統一メディア公開フォーマット
hNews
hProduct
hRecipe – お菓子や料理のレシピ
hResume (翻訳中!) – 履歴書の公開
hReview – hReview creator
rel-directory- リンク先が、現在のページへのリンクを含んだディレクトリ一覧であることを表す
rel-enclosure – ダウンロードやキャッシュ用の添付（ファイルなど）であることを表す
rel-home – サイトのホームページへのリンクであることを表す
rel-payment – 支払いメカニズムであることを表す
robots-exclusion
xFolk

■Google Webmasters/Site owners Help
About RDFa
https://www.google.com/support/webmasters/bin/answer.py?answer=146898#

■Google ヘルプ（日本語）
https://www.google.com/support/webmasters/bin/answer.py?hl=jp&answer=99170
https://www.google.com/support/webmasters/bin/answer.py?answer=146750

■Microformats Tools
Webmaster Tools – Rich Snippets Testing Tool
hCard Creator
hCalendar Creator
hReview Creator
XFN 1.1 生成ツール

■RDF 作成ツール
RDFa Distiller and Parser
Microdata Extractor for HTML 5 (RDF抽出)
※↑以前、普通に使えていたのですが、今日使ってみたらたまに抽出されません…
■Check and Visualize your RDF documents
※RDF チェックツール

*************************************************
■Rich Snippets
リッチスニペットについて（Google ヘルプ日本語）

リッチスニペット申請ページ（日本語）
リッチスニペットに関心がある
https://www.google.com/support/webmasters/bin/request.py?contact_type=rich_snippets_feedback

Rich Snippets Testing Tool
https://www.google.com/webmasters/tools/richsnippets

*************************************************
■hReview

hReview 参考ページ
https://www.yelp.com/biz/drooling-dog-bar-b-q-auburn
基本の<div></div>の中で、その他の要素を結構含んでも良い

■Google ヘルプ（日本語）
https://www.google.com/support/webmasters/bin/answer.py?answer=146645

レビューデータについて
レビュー情報がウェブページの本文にマークアップされていると、Google はそのレビュー情報を認識して検索結果ページに表示することができます。評価や説明などのレビュー情報があると、ユーザーは目的のコンテンツを探しやすくなります。

レビュー（個別）
Google では、以下のレビュープロパティを認識します。RDFa の Review と microformats の hReview でプロパティ名が異なる場合、hReview のプロパティ名はかっこ内に記載されています。※以下、同類の説明有り

プロパティ   説明
itemreviewed（item）   レビューの対象となるアイテムです。
name（fn）   レビューの対象となるアイテムの名前です。item のサブプロパティです。
rating   アイテムの質を評価する 1～5 の数字です（例: 4）。worst（デフォルト: 1）または best（デフォルト: 5）を指定することもできます。
reviewer   レビューを書いた人です。
dtreviewed   アイテムがレビューされた日付です。
description   レビューの本文です。
summary   レビューの概要です。
注: わかりやすくするため、以下の例ではタグが適用される箇所のみを記載しています。実際のページでは、これらのタグを用いて、散在している該当箇所のみをマークします。ページ上で実際に表示されるところでコンテンツをマークアップすることが重要です。リッチスニペットに関連するすべてのコンテンツを 1 つのテキストブロックで追加し、一部の例外的な状況（5 段階評価を採用していないサイトで「best」の評価をマークするなど）を除き、CSS などの技術を使用して、このテキストブロックを隠すとより効率的です。Google が隠しテキストのコンテンツを表示することはありません。

例: microformats
<div>
<span>
<span>グーグルピザ</span>
</span>
<span>3.5</span>
<span>東京太郎</span>
<span>2009-01-06</span>
<span>”渋谷のおいしいピザ屋です”</span>
</div>

例: RDFa
<span xmlns:v=”https://rdf.data-vocabulary.org/#” typeof=”v:Review”>
<span property=”v:itemreviewed”>グーグルピザ</span>
<span property=”v:reviewer”>東京太郎</span>
<span property=”v:rating”>3.7</span>
<span property=”v:dtreviewed”>2005-4 -1</span>
<span property=”v:summary”>渋谷のおいしいピザ屋です</span>
</span>

Google Page Map(ページマップ)
<div><span xmlns:v=”https://rdf.data-vocabulary.org/” typeof=”v:Review”>
<span property=”v:itemReviewed”>グーグルピザ</span>
<span property=”v:reviewer”>kots</span><span property=”v:rating”>4.7</span>
<span property=”v:dtreviewed”>19st january 2010</span>
<span property=”v:summary”>概要</span></span>

レビュー（合計）

Google では、レビューを合計したデータ（レビューの総数や平均評価など）に関するマークアップも認識します。たとえば、あるレストランに 45 件のレビューがあり、その平均評価は 4.5 だとします。この場合、集計レビューでこの情報を伝えることができます。
Google では、次のプロパティを認識します。RDFa の Review-aggregate と microformats の hReview-aggregate でプロパティ名が異なる場合、hReview-aggregate のプロパティ名はかっこ内に記載されています。

プロパティ説明
itemreviewed（item）   レビューの対象となるアイテムです。
name（fn）   レビューの対象となるアイテムの名前です。item のサブプロパティです。
rating   評価情報のコンテナです。
average   すべてのレビューの平均評価です。rating のサブプロパティです。
count   オブジェクトのレビューの合計数です。
summary   集計された複数のレビューの概要です。

例: microformats
<div>
<div>
<span>グーグルピザ</span>
</div>
<div>
<span>4.4</span>
</div>
<span>1,313</span>
</div>

例: RDFa
<span xmlns:v=”https://rdf.data-vocabulary.org/#” typeof=”v:Review-aggregate”>
<span property=”v:itemreviewed”>グーグルピザ</span>
<span rel=”v:rating”>
<span property=”v:average”>3.6</span>
</span>
<span property=”v:count”>20</span>
</span>

https://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=146897
<div>
<span>
<p><strong><span>Blast ‘Em Up Review</span></strong></p>
</span>
<span>
<p>by <span>Bob Smith</span>, <span>Senior Editor</span>
at <span>ACME Reviews</span></p>
</span>
<p><span>This is a great game. I enjoyed it from the
opening battle to the final showdown with the evil aliens.</span></p>
<p><span>4.5</span> out of 5.</p>
</div>

*************************************************
■hProduct microformats
■Google ヘルプ（日本語）

製品

製品情報について
Google では製品データのマークアップを試験運用中で、現在のところ、商品がレビュー(https://www.google.com/support/webmasters/bin/answer.py?answer=146645)に組み込まれている製品データのみを認識します。

プロパティ
Google では、以下の製品プロパティを認識します。また、そのコンテンツが検索結果に組み込まれる場合もあります。RDFa の Product と microformats の hProduct（英語）でプロパティ名が異なる場合、hProduct のプロパティ名はかっこ内に記載されています。

プロパティ説明
brand    製品のブランドです（例: ACME）。
category    製品のカテゴリです（例: 「書籍 – フィクション」、「工業用製品」、「車」）。
description    製品の説明です。
name（fn）    製品名です。
price    製品の価格です。ドルなどでは小数点表記も可能です。
photo    製品写真の URL です。
url    製品ページの URL です。

注: 下記の例では、ACME ブランドのコンピュータについて記述しています。わかりやすくするため、以下の例ではタグが適用される箇所のみを記載しています。実際のページでは、これらのタグを用いて、散在している該当箇所のみをマークします。ページ上で実際に表示されるところでコンテンツをマークアップすることが重要です。リッチスニペットに関連するすべてのコンテンツを 1 つのテキストブロックで追加し、一部の例外的な状況（5 段階評価を採用していないサイトで「best」の評価をマークするなど）を除き、CSS などの技術を使用して、このテキストブロックを隠すとより効率的です。Google が隠しテキストのコンテンツを表示することはありません。

例: microformats
<div>
<span>ACME</span>
<span>コンピュータ</span>
<span>ACME-1000</span>
<span>昔ながらの鳩で動く
コンピュータです。</span>
<span>https://acme1000.example.com</span>
</div>

例: RDFa
<div xmlns:v=”https://rdf.data-vocabulary.org/#” ” typeof=”v:Product”><span property=”v:brand”>ACME</span>
<span property=”v:category”>コンピュータ</span>
<span property=”v:name”>コンピュータ</span>
<span property=”v:description”>昔ながらの鳩で動く
コンピュータです。</span>
</div>

———————————————————-
■Yahoo! SearchMonkey Product

Yahoo!検索プラグインとは – Yahoo!検索

<div typeof=”product:Product” xmlns:product=”https://search.yahoo.com/searchmonkey/product/” xmlns:rdfs=”https://www.w3.org/2000/01/rdf-schema#”>
<span property=”product:listPrice”>27.99</span>
<span property=”product:currency” content=”USD”></span>
<span property=”rdfs:label”>Startech Serial ATA Cable – 45.72cm – Red</span>
</div>

—-
<div typeof=”product:Product”
xmlns:product=”https://search.yahoo.com/searchmonkey/product/”
xmlns:rdfs=”https://www.w3.org/2000/01/rdf-schema#”
xmlns:commerce=”https://search.yahoo.com/searchmonkey/commerce/”
xmlns:media=”https://search.yahoo.com/searchmonkey/media/”
xmlns:vcard=”https://www.w3.org/2006/vcard/ns#”
xmlns:review=”https://purl.org/stuff/rev#”
xmlns:xsd=”https://www.w3.org/2001/XMLSchema#”
xmlns:use=”https://search.yahoo.com/searchmonkey-datatype/use/”
xmlns:currency=”https://search.yahoo.com/searchmonkey-datatype/currency/”>

<span property=”rdfs:label”>Startech Serial ATA Cable – 45.72cm – Red</span>

<span property=”rdfs:comment”>If you’re one of the growing
numbers of PC users with a mini or micro form factor case, you know that
you don’t have a lot of room to spare. These right-angle Serial ATA
cables guarantee you”ll be able to plug in your high-performance Serial
ATA 150 hard drives, no matter how tight your space is. With their thin,
narrow construction, these flexible cables improve airflow and reduce
clutter in your case, helping to keep your case clean and cool. And,
like all our cables, they’re backed by our lifetime warranty.</span>

<div rel=”product:manufacturer”>
<span typeof=”vcard:VCard commerce:Business”>
<a rel=”vcard:url” href=”https://www.example.org/company”></a>
<span property=”vcard:organization-name”>Startech Computer Products</span>
</span>
</div>

<!– NOTE: this is the review of the product, not the seller! –>
<div rel=”review:hasReview”>
<span typeof=”review:Review”>
<span property=”review:rating” datatype=”xsd:float”>4.5</span>
<span property=”review:minRating” datatype=”xsd:integer”>0</span>
<span property=”review:maxRating” datatype=”xsd:integer”>5</span>
<span property=”review:totalRatings” datatype=”xsd:integer”>45</span>
</span>
</div>
</div>

*************************************************
■hCard / vcard
https://blog.livedoor.jp/forestk/misc/microformats/hCard/creator-ja/
https://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=146897
<div>
<img src=”www.example.com/bobsmith.jpg” />
<p><strong>Bob Smith</strong></p>
<p><span>Senior editor</span> at <span>ACME Reviews</span></p>
<p><span>
<span>200 Main St</span><br>
<span>Desertville</span>, <span>AZ</span>
<span>12345</span>
</span></p>
</div>

■人物
Google 日本語ヘルプ
https://www.google.com/support/webmasters/bin/answer.py?answer=146646

連絡先情報について
ウェブにある個人情報の多くは、連絡先情報（住所や勤務先情報など）とソーシャルネットワーク情報の 2 つに大別されます。

プロパティ
Google では、hCard に基づく以下の連絡先プロパティを認識し、検索結果に組み込むことができます。RDFa の Contact と microformats の hCard でプロパティ名が異なる場合、hCard のプロパティ名はかっこ内に記載されています。

プロパティ説明
name（fn）    名前です。
nickname
ニックネームです。
url    個人のホームページなどのウェブページへのリンクです。
affiliation（org）    個人が所属する組織（雇用主など）の名前です。fn と org の値がまったく同じ場合、この情報は個人ではなく会社または組織を参照しているものと解釈されます。
address（adr）    個人の住所です。
street-address    番地です。address のサブプロパティです。
locality    市町村です。address のサブプロパティです。
region    都道府県などの地域です。address のサブプロパティです。
postal-code    郵便番号です。address のサブプロパティです。
country-name    国です。address のサブプロパティです。
photo    画像リンクです。
title    個人の肩書きです（例: 財務担当マネージャー）。
role    個人の職種です（例: 経理）。

ソーシャルネットワーク情報
Google では、XFN（英語 https://gmpg.org/xfn/intro）の friend、contact、acquaintance プロパティも認識します。これらのプロパティでは交友関係を指定します。
<a href=”https://example.com/Tokyo_Taro” rel=”friend”>東京太郎</a>

注: 下記の例では、東京太郎の友人の京都次郎について記述しています。わかりやすくするため、以下の例ではタグが適用される箇所のみを記載しています。実際のページでは、これらのタグを用いて、散在している該当箇所のみをマークします。ページ上で実際に表示されるところでコンテンツをマークアップすることが重要です。リッチスニペットに関連するすべてのコンテンツを 1 つのテキストブロックで追加し、一部の例外的な状況（5 段階評価を採用していないサイトで「best」の評価をマークするなど）を除き、CSS などの技術を使用して、このテキストブロックを隠すとより効率的です。Google が隠しテキストのコンテンツを表示することはありません。

例: microformats/XFN
<div>
<div>京都次郎</div>
<span>次郎</span>
<span>https://example.com/Kyoto_Jiro</span>
<span>ACME</span>
<span>
<span>京都市</span>
</span>
<span>エンジニア</span>
<a href=”https://example.com/Tokyo_Taro” rel=”friend”>東京太郎</a>
</div>

注: Google は、rel=”friend” だけでなくにも対応しています。rel 表記は XFN を参考にしています。同様に、class=”contact” とも同様です。

例: RDFa
<div xmlns:v=”https://rdf.data-vocabulary.org/#” typeof=”v:Person”>
<span property=”v:name”>京都次郎</span>
<span property=”v:nickname”>次郎</span>
<span property=”v:url”>https://example.com/Kyoto_Jiro</span>
<span property=”v:affiliation”>ACME</span>
<span rel=”v:address”>
<span property=”v:locality”>京都市</span>
</span>
<span property=”v:title”>エンジニア</span>
<a href=”https://example.com/Tokyo_Taro” rel=”v:friend”>東京太郎</a>
</div>

会社と組織

会社と組織について
Google では、Google では、会社と場所データのマークアップを試験運用中で、現在のところ、レビューに組み込まれている会社または組織データのみを認識します。

プロパティ
Google では、以下の組織プロパティを認識します。そして、そのコンテンツを検索結果に組み込むことがあります。RDFa の Organization と microformats の hCard でプロパティ名が異なる場合、hCard のプロパティ名はかっこ内に記載されています。

プロパティ説明
name（fn/org）   会社の名前です。microformats を使用する場合は、fn と org の両方を、同じ値で指定する必要があります。
url   会社のウェブページへのリンクです。
address（adr）   会社の住所です。
street-address   番地です。address のサブプロパティです。
locality   市町村です。address のサブプロパティです。
region   地域です。address のサブプロパティです。
postal-code   郵便番号です。address のサブプロパティです。
country-name   国です。address のサブプロパティです。
tel   会社の電話番号です。

注:
下記の例では、レストランについて記述しています。わかりやすくするため、以下の例ではタグが適用される箇所のみを記載しています。実際のページでは、これらのタグを用いて、散在している該当箇所のみをマークします。ページ上で実際に表示されるところでコンテンツをマークアップすることが重要です。リッチスニペットに関連するすべてのコンテンツを 1 つのテキストブロックで追加し、一部の例外的な状況（5 段階評価を採用していないサイトで「best」の評価をマークするなど）を除き、CSS などの技術を使用して、このテキストブロックを隠すとより効率的です。Google が隠しテキストのコンテンツを表示することはありません。

例: microformats
<div>
<span>グーグルピザ</span>
<span>03-1234-XXXX</span>
<div>
<span>桜丘町</span>
<span>渋谷区</span>
<span>東京都</span>
<span>0000000</span>
</div>
</div>

例: RDFa
<div xmlns:v=”https://rdf.data-vocabulary.org/#” typeof=”v:Organization”>
<span property=”v:name”>グーグルピザ</span>
<span property=”v:tel”>03-1234-XXXX</span>
<div rel=”v:address”>
<span property=”v:street-address”>桜丘町</span>
<span property=”v:locality”>渋谷区</span>
<span property=”v:region”>東京都</span>
<span property=”v:postal-code”>0000000</span>
</div>
</div>

**********************************************************************************************************************************
■hnews
https://microformats.org/wiki/hnews-examples
https://microformats.org/wiki/hnews
※代表的なもの以外にもありますが、ちょっと目を惹かれたもので

<div>
<h4>
<a href=”https://example.org/article/us-latam-obama-democracy.html” rel=”bookmark”>
Renewing US ties with Latin America, Obama says he wants to lead, not lecture, on democracy</a>
</h4>

<div>
<small> by
<span><a
href=”mailto:ben.feller@example.org”>BEN FELLER</a></span>,
<span><a
href=”https://www.ap.org”>Associated Press</a></span>,
<a href=”https://www.ap.org/newsvalues/index.html” rel=”principles”><img src=”/wikidir/images/principles-button-blue.png” /></a> –
<span
title=”2009-04-19T18:17:29Z”>19 April 2009 18:17 GMT</span>
</small>
</div>

<div>
<p><span>PORT-OF-SPAIN, Trinidad</span> (AP) — Defending his brand
of world politics, President Barack Obama said Sunday…</p>
<p>Both Graham and McCaskill spoke on “Fox News Sunday.” Ensign was interviewed on CNN’s
“State of the Union.”</p>
</div>

<div>
<small>
News Topics:
<a href=”https://example.org/Summits” rel=”tag”>Summits</a>, …,
<a href=”https://example.org/Government+policy” rel=”tag”>Government policy</a>
<br/>
People, Places and Companies:
<a href=”https://example.org/Barack+Obama” rel=”tag”>Barack Obama</a>, …,
<a href=”https://example.org/Hugo+Chavez” rel=”tag”>Hugo Chavez</a>
</small>
</div>

<div id=”first-sample-license”>
<small>
Copyright 2009 The <a rel=”item-license” href=”#first-sample-license”>Associated Press</a>.
All rights reserved. This material may not be published, broadcast, rewritten or redistributed.
</small>
</div>
</div>

*************************************************
■hatom
https://tools.microformatic.com/
https://tools.microformatic.com/help/xhtml/hatom/

■hAtom to Atom/RSS transcoder
https://tools.microformatic.com/transcode/rss/hatom/https://microformats.org

■Request format
https://tools.microformatic.com/

https://tools.microformatic.com/transcode/<output format>/hatom/<url>

Output formats
Available output formats are:
Format    Param
Atom 1.0    atom
RSS 2.0 (experimental)    rss

Examples
https://tools.microformatic.com/transcode/atom/hatom/https://microformats.orghttps://tools.microformatic.com/transcode/rss/hatom/

==========================================================================

取り急ぎ、基本的そうなことをまとめてみました。

これを見ると、まだ基本的なことが理解できていないのが丸分かり…。

全て記述などを覚えようというよりも、

「今後のために」、詳細については理解しておきたい…。

ちなみに、