タグ Microdata
人気順 10 users 50 users 100 users 500 users 1000 users\(^o^)/JSON-LDのリッチスニペットをGoogleがいよいよサポート開始 | 海外SEO情報ブログ
[レベル: 上級]JSON-LDで記述したschema.orgのリッチスニペットをGoogleが検索結果に表示するようになりました。 これまでは、MicrodataまたはRDFaによるマークアップだけがリッチスニペットに対応していました。JSON-LDによるレシピのリッチスニペット下のキャプチャは、あるレシピサイトの検索結果に表示されたレシピのリッチスニペットです。このページには、JSON-LDを... 続きを読む
Rubyist Magazine - 0050 号 巻頭言
Rubyist Magazine の記念すべき 50 号をお届けする。 今号は、やまねさんが GDB を使った mruby のデバッガ nomitory のしくみを紹介するmruby 用デバッガ 「nomitory」の作り方、 HTML と Microdata の組み合わせで「Web」と「Web API」を統一する構想とそのための Hypermicrodata gem を紹介するハイパーメディア:... 続きを読む
Microdataなどの構造化データ マークアップについて | Web Design KOJIKA17
構造化データ マークアップは、MicrodataやRDFなどを利用して、schema.orgやMicroformatsなどのスキーマを設定する手法です。 構造化データ マークアップを行うことで、Googleのリッチスニペットの露出を高めるなどの効果が挙げられます。 Googleが提供しているツールを利用した構造化データ マークアップの導入方法を紹介します。 今回の目標 Microdataなどの具体... 続きを読む
[構造化データ初級者向け] schema.orgとMicrodata、RDFaって何が違うの? | 海外SEO情報ブログ
[対象: 中級]この記事では、構造化データを実装するときに利用する、schema.orgやMicrodata、RDFaなどの役割とその違いについて、構造化データの初級者にわかりやすいように簡潔に説明します。セマンティックの専門化が読むと「正しくは〜だ」とツッコミが入るかもしれませんが、僕たちは専門化ではありません。 SEOのために構造化データを利用するぶんには十分な理解が得られるはずです。まず次の... 続きを読む
HTML5 で追加された属性の中からマイナーっぽいのを紹介してみる | WWW WATCH
この記事は、HTML5 Advent Calendar 2013、11日目の記事です。 去年の HTML5 Advent Calendar 2012 では、Microdata 関連の記事を書いたんですが、今年も登録してみたものの、見事にネタが無いのでどうしようかなと...... ということで、HTML5 から追加された属性 (要素じゃなく属性の方) の中から、まだあまり広く使われてなさそうな属性さ... 続きを読む
Google が Microdata による組織ロゴの意味づけに対応したそうなので | WWW WATCH
Google ウェブマスター向け公式ブログで紹介されていましたが、Microdata (schema.org) による、組織ロゴの意味づけをサポートし、組織を象徴する画像と Web サイトを関連づけることで、Google 検索結果で使用される組織ロゴの画像を指定できるようになったそうです。 ということで、実際に使用する場合のサンプルソースなど挙げてみようと思います。 組織のロゴの schema.o... 続きを読む
Google+ は OGP より Microdata を優先するみたい | WWW WATCH
この Blog では、Google+ ページも運用していて、記事を更新した際にそっちにも投稿しています。 ところが、ちょっと前からリンクを投稿したときに、OGP (Open Graph Protocol) に指定した概要文 (og:description の値に入れてるテキスト) とかが無視されて、Blog 自体の概要が出ちゃって、なんでかなぁって思いながらも今度調べよってことで放置していたわけで... 続きを読む
meta 要素に対する Microdata の指定 | WWW WATCH
もうちょっと早く書こうと思ったんですけどこんなに間が空くとは...... 去年の末、HTML5 Advent Calendar 2012 の記事として、「Microdata を使ってみよう。サンプルソースで学ぶ Microdata」 を書いたんですが、その中で 2箇所ほどサンプルソースに間違いがあるのをご指摘頂いて修正したんですね (ご指摘感謝です)。 そのうち、1つの間違いは単純な記述抜けという... 続きを読む
Microdata を使ってみよう。サンプルソースで学ぶ Microdata | WWW WATCH
HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね... さて、タイトルの通りなのですが、HTML Microdata (マイクロデータ) について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく (... 続きを読む
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要|Web Design KOJIKA17
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについ... 続きを読む
HTML5 の microdata を活用する: 第 1 回、microdata に対して jQuery を使用する
サインインしたままにしてください。 「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 ご使用条件を読む。 お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。お客様の姓名(非表示設定にしていない限り)とディスプレイ... 続きを読む
HTML5の新要素「data要素」に繋がる Microdataのプロパティについて : Web Design KOJIKA17
time要素の廃止、そしてdata要素の登場により、Microdataを扱う機会が増えてくると予想されます。 またHTML5 の Microdata が主にGoogleなどで取り入れられているケースが出てきているので、 Microdataで利用できるプロパティを紹介致します。 Microdata とは HTML5の独立した仕様です。 HTML文章に、コンピュータが可読できるデータにすることができ、... 続きを読む
HTML と CSS だけで microdata 対応のオシャレなパンくずリストを実装するサンプル | ウェブル
Google の SERP にパンくずリストを表示させられるようにするための microdata 対応のパンくずリストに対応した、HTML + CSS のみで実装できるオシャレなパンくずリストを作ったので良かったら使ってください。 HTML 1 2 3 4 5 6 7 8 9 10 11 続きを読む
コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 : Web Design KOJIKA17
6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについ... 続きを読む