HTML5 Advent Calendar 2012、7日目の記事として、Microdata （マイクロデータ） に触れてみます。サンプルソースを中心に、実際のページでどのように使えるのかを示しました。これから Microdata を使ってみたいという人に少しでも参考になればと思います。 HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね… さて、タイトルの通りなのですが、HTML Microdata （マイクロデータ） について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく （文末にまとめてあります） として、この記事では、そういう解説は置いといて、Blog や、企業の Web サイトなど
Google ウェブマスター向け公式ブログで紹介されていましたが、Microdata （schema.org） による、組織ロゴの意味づけをサポートし、組織を象徴する画像と Web サイトを関連づけることで、Google 検索結果で使用される組織ロゴの画像を指定できるようになったそうです。 ということで、実際に使用する場合のサンプルソースなど挙げてみようと思います。 組織のロゴの schema.org マークアップのサポートを開始しました ： Google ウェブマスター向け公式ブログ このたび、Google では組織のロゴについての schema.org マークアップのサポートを開始いたしました。このマークアップによって、組織を象徴する画像とサイトを結び付けることができます。ウェブマスターの皆様は、Google 検索結果で組織のロゴとして使用される画像を指定することができます。 組織のロ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ ユニバーサル検索やソーシャル検索はもちろん、リッチスニペット等、今後のSEOにはますます必須要素となってくると思われるマイクロフォーマット。なんとなく以前から話は聞いているけどイマイチ理解しきれていないというあなたのために今回はサーチエンジンランドからマイクロフォーマットについてまとめた記事を紹介します。 — SEO Japan schema.orgのボキャブラリが導入されたことにより、検索エンジンでのビジビリティを改善するために構造化データを採用する試みのメリットに、現在、大きな注目が集まっている。 このメリットの中で最も広範に取り上げられ、そして、容易に証明することが可能なのは、リッチスニペ
機械がHTML文章の中のメタデータをより認識しやすくするための仕様です。 具体的には「itemscope」や「itemprop」などの特殊な属性を利用します。この属性を利用して、HTML文章内の情報を意味づけすることができます。 Microdataのサンプル <section itemscope> <p itemprop="name">Ryuichi Nonaka</p> <p itemprop="age">24</p> <p itemprop="desc">都内で働く気ままなWeb制作者です。</p> <p itemprop="image"><img src="profile.png" alt="プロフィール画像" /></p> </section> Microdata専用の属性 以下を見てもらえればわかるように、Microdataはアイテム（item）という単位を重要視します。 ite
Microdataではitemprop属性を使ってプロパティーを追加する。HTML標準仕様の変更によってbody要素以下でもlinkやmeta要素を使えるようになったので、どうでも良いマークアップを追加してCSSで隠して誤魔化すとかしなくても大体なんとかなるようになった。しかしその一方でlinkとmeta要素はitemprop属性と同時にrel属性やname属性を使うことはできない。そのため例えば<meta name="description">タグにitemprop="description"を追加してWebPageスキーマのプロパティーとして追加するなどということは無理。 <html lang="ja-JP" itemscope itemtype="http://schema.org/WebPage"> <head> <meta content="This is a foo." nam
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
