GooglePlay、YouTubeも導入しているマイクロデータschema.orgとは？
セマンティック・ウェブとマイクロデータの関係 第3回となる今回は、マイクロデータについて取り上げます。マイクロデータは、文書の意味や属性を伝える構文の１つで、セマンティック・ウェブの実現には不可欠です。HTML5はページの「構造」を伝えるものですが、マイクロデータは、「属性（エンティティ）」を伝えるものです。 マイクロデータの前に、セマンティック・ウェブについて簡単におさらいしましょう。セマンティック・ウェブとは、ウェブ上にあるあらゆる情報を、データとして正確に認識し整理しようする考え方、技術の向上を促進する動きを指します。詳しくは第1回をご覧ください。 セマンティック・ウェブを実現すると、検索エンジンをはじめとする様々なプログラムは、ユーザーが欲しい情報やそれに関連した多くの情報を正確に提供できるようになります。そのためには、HTMLの文書から、情報やデータなどのいわゆる「属性」や「意味
HTML5のmicrodataで情報を付加したパンくずリストを、WordPressに設置する方法。
Home > WordPress > HTML5のmicrodataで情報を付加したパンくずリストを、WordPressに設置する方法。 WordPressでパンくずリストを表示させるには、「Breadcrumb NavXT」のような便利なプラグインを利用したり、プラグインなしでも短いコードで実現可能ですが、私はHTML5のmicrodataでパンくずリストに情報を付加させたかたちで設置したかったので、その方法をシェアしたいと思います。 これからSEO的にもセマンティック技術はますます無視できない存在になっていくと思うので、少しずつ取り入れていきたいですね。 ところで、microdataって何？ という人は、下記のサイトやページでわかりやすーく解説されているので、是非ご覧になってみてください。 Google、MS、Yahoo!、構造化データマークアップの標準化で協力 HTMLにセマンティッ
HTML5の新要素「data要素」に繋がる Microdataのプロパティについて - kojika17
time要素の廃止、そしてdata要素の登場により、Microdataを扱う機会が増えてくると予想されます。 またHTML5 の Microdata が主にGoogleなどで取り入れられているケースが出てきているので、 Microdataで利用できるプロパティを紹介致します。 Microdata とは HTML5の独立した仕様です。 HTML文章に、コンピュータが可読できるデータにすることができ、RDFやJSONなどの多数の他のデータ形式と互換性を持たせることができます。 記述方法は以前の記事を参照して下さい。 MicroformatsとMicrodataの違いについて : Web Design KOJIKA17 なぜコンピュータが可読できるデータにする必要があるのか？？ HTMLでは、人や時間、場所など細かくマークアップすることができません。 例として、機械翻訳したカンナダ語を見てみまし
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 - kojika17
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについて」取り上げましたが、今回は実際にMicrodataでどうなるのか、ご紹介致します。 Microdataとは何か？ マークアップ言語であるHTMLは「見出し(h1,h2,h3... )」「段落(p)」「リスト(ul,ol,li)」などの文章構造を示すことができても、「人の名前」「肩書き」「地域」などを示すことができません。 それらをHTMLでメタデータとして追加する方法のひとつとして、HTML5の
【レポート】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属性でアイテム
W3CのHTML5仕様が、Core、Vocaburary、Microdataなど5つに分裂
HTML文書の中にメタデータを埋め込むための「Microdata」について、以前の記事「HTML5のMicrodataとは何か？」で紹介しました。このとき、W3CのHTML5を議論するグループでは、HTML5からMicrodataの仕様を分離すべきではないかと提案されていました。 この提案に対して先日投票が行われ、MicrodataはHTML5から分離されることが決定しました。また、そのほかにもHTML5からの分離が行われ、エディタのIan Hickson氏はHTML5の仕様を5つのドキュメントに分ける作業を行ったことを1月9日付けのメールで明らかにしました。 HTML5は新たに以下の5つに分けられています。 HTML5 Vocabulary HTML5 Core HTML5 Microdata HTML5 2D Context HTML5 Communications そもそもモジュラー
HTML5のMicrodataとは何か？
HTML5では、HTML文書の中にメタデータを埋め込むための「Microdata」という仕様が含まれています。 最初に簡単なMicrodataの具体例を紹介します。HTML文書の中で明示的に人名であることを示したい内容があるとき、Microdataでは次のように書くことができます。 <div itemscope> <p>僕の名前は<span itemprop="name">山田太郎</span>です。</p> </div> この文書をWebブラウザで表示しても、 僕の名前は山田太郎です。 と表示されるだけで、特に何か変わったことが起きるわけではありません。しかし、このHTML文書を検索エンジンが読み込むと「山田太郎という文字列はnameである」と理解してインデックスしてくれる、といったことができるようになります（というのはあくまで例です）。 Microdataとは、文書の内容に対して機械に
HTML5のドラフト仕様書からMicrodataの抄訳
この記事では、11月24日付けのHTML5ドラフト仕様書から、第5章 Microdataの一部を訳したものです。 この仕様はまだ策定中のもので、原文中にもいたるところに「This section is non-normative」（これは規定ではない）と表記されており、今後変更される可能性があります。 この仕様書を基にMicrodataを分かりやすく解説した記事として1つ前の記事「HTML5のMicrodataとは何か？」を書きましたので、併せてご参照ください。 以下から始まる抄訳は、自由に引用、転載していただいてかまいません。その際にできれば出典としてこの記事へのリンクを貼っていただけると幸いです。 5 Microdata 5.1.1 Overview コンテンツの中にマシンリーダブルなラベルをつけたい、といった要求が時折ある。例えば、汎用のスクリプトがそのページに特化したサービスを提供
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
