Microdata + schema.org を実際に使ってみる
schema.org は Google、Microsoft (Bing)、Yahoo! という Web 検索の大手 3 社が共同で取り組んでいる試みで、より構造化されたマークアップのための共有の語彙集 (vocabulary) を提供しようというものです。この schema.org の語彙を利用して、実際のマークアップに Microdata を追加する具体例をいくつか考えてみました。 schema.org の アイテム型 (item type) は 階層 (hierarchy) のかたちで定義されています。型ごとに独自の プロパティ が定義され、上位の型のプロパティは下位の型に引き継がれます。最上位は Thing という汎用の型で、name、url、image、description というもっとも基本的なプロパティが定義されています。そしてその下に CreativeWork、Event、
Schema.org - Schema.org
Note: you are viewing the development version of Schema.org. See How we work for more details. Full Hierarchy Schema.org is defined as two hierarchies: one for textual property values, and one for the things that they describe. This is the main schema.org hierarchy: a collection of types (or "classes"), each of which has one or more parent types. Although a type may have more than one super-type,
HTML5のドラフト仕様書からMicrodataの抄訳
この記事では、11月24日付けのHTML5ドラフト仕様書から、第5章 Microdataの一部を訳したものです。 この仕様はまだ策定中のもので、原文中にもいたるところに「This section is non-normative」（これは規定ではない）と表記されており、今後変更される可能性があります。 この仕様書を基にMicrodataを分かりやすく解説した記事として1つ前の記事「HTML5のMicrodataとは何か？」を書きましたので、併せてご参照ください。 以下から始まる抄訳は、自由に引用、転載していただいてかまいません。その際にできれば出典としてこの記事へのリンクを貼っていただけると幸いです。 5 Microdata 5.1.1 Overview コンテンツの中にマシンリーダブルなラベルをつけたい、といった要求が時折ある。例えば、汎用のスクリプトがそのページに特化したサービスを提供
HTML5のMicrodataとは何か？
HTML5では、HTML文書の中にメタデータを埋め込むための「Microdata」という仕様が含まれています。 最初に簡単なMicrodataの具体例を紹介します。HTML文書の中で明示的に人名であることを示したい内容があるとき、Microdataでは次のように書くことができます。 <div itemscope> <p>僕の名前は<span itemprop="name">山田太郎</span>です。</p> </div> この文書をWebブラウザで表示しても、 僕の名前は山田太郎です。 と表示されるだけで、特に何か変わったことが起きるわけではありません。しかし、このHTML文書を検索エンジンが読み込むと「山田太郎という文字列はnameである」と理解してインデックスしてくれる、といったことができるようになります（というのはあくまで例です）。 Microdataとは、文書の内容に対して機械に
HTML5 の microdata について調べた « blog.udzura.jp
microdata というものがある。いわゆるセマンティック(笑)ウェブ(爆)だ。セマンティックウェブの話が出た3年前ぐらいは、概念はすごいけど画餅みたいなところがあり、胡散臭いコンサルやスタートアップが出現してて怪しいイメージもあったが、 Google さんをはじめとした検索エンジンの技術向上とか、似たような規格として facebook とか SNS 系で人気の OGP(Open Graph Protocol) も出てきていて、ウェッブペ～ジにメタデ～タを埋め込むことが普通になりつつあるように思われる。 今回、ちょっとした機会があって microdata などについて調べたので、そのメモなど。基本的に僕の独学だったりするので、学術的にとか色々おかしなところのツッコミとかが欲しい感じです。 セマンティック☆ウェブってそもそも何なの？ 僕もよく分からないのだが、 HTML で記述した文章に、
Google、MS、Yahoo!、構造化データマークアップの標準化で協力 | エンタープライズ | マイコミジャーナル
Google、Microsoft、Yahoo!の検索大手3社は6月2日(米国時間)、Web検索結果に等しく構造化データを反映するための共通のスキーマセットを開発し、そしてサポートするためのイニシアチブ「Schema.org」を発表した。Webマスターが一カ所でマークアップを確認できるリソースを目指したWebサイトを用意している。 検索からのトラフィック獲得を狙って構造化データを提供するWebサイトが増加しているが、これまでは検索エンジンが個々に構造化マークアップをサポートしていたため、検索エンジンごとのデータ要求方法の違いへの対応がWebマスターの負担となっていた。こうしたWebマスターの時間と費用のムダを省くために、3社は協力してSchema.orgを発足させた。構造化データマークアップの標準化を目指す。 Schema.orgを通じて、サイト所有者や開発者は構造化データについて学び、大手
【レポート】HTML5新機能、Microdataとは | エンタープライズ | マイコミジャーナル
Ext JS is now Sencha HTML5の策定とともに進められている機能に「Microdata」がある。2009年末ごろにHTML5本体から分離し、今はHTML5関連技術として5 Microdata - HTML 5にそのドラフトが公開されている。MicrodataはHTMLコンテンツに特定のメタデータを追加するためのもの。類似の技術にはMicroformatsやRDFaなどがある。 Microdataは名前と値をひとつの組みとする。Microdataでは名前と値の組みをアイテムと読んでいる。5 Microdata - HTML 5に掲載されているサンプルによれば、次のように記述する。 <div itemscope> <p>My name is <span itemprop="name">Elizabeth</span>.</p> </div> itemscope属性でアイテム
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
