はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Microdata

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 14 / 14件)
 

\(^o^)/JSON-LDのリッチスニペットをGoogleがいよいよサポート開始 | 海外SEO情報ブログ

2015/07/26 このエントリーをはてなブックマークに追加 37 users Instapaper Pocket Tweet Facebook Share Evernote Clip JSON-LD リッチスニペット キャプチャ 上級 レシピ

[レベル: 上級]JSON-LDで記述したschema.orgのリッチスニペットをGoogleが検索結果に表示するようになりました。 これまでは、MicrodataまたはRDFaによるマークアップだけがリッチスニペットに対応していました。JSON-LDによるレシピのリッチスニペット下のキャプチャは、あるレシピサイトの検索結果に表示されたレシピのリッチスニペットです。このページには、JSON-LDを... 続きを読む

Rubyist Magazine - 0050 号 巻頭言

2015/05/10 このエントリーをはてなブックマークに追加 2799 users Instapaper Pocket Tweet Facebook Share Evernote Clip 巻頭言 Rubyist Magazine GDB mruby

Rubyist Magazine の記念すべき 50 号をお届けする。 今号は、やまねさんが GDB を使った mruby のデバッガ nomitory のしくみを紹介するmruby 用デバッガ 「nomitory」の作り方、 HTML と Microdata の組み合わせで「Web」と「Web API」を統一する構想とそのための Hypermicrodata gem を紹介するハイパーメディア:... 続きを読む

Microdataなどの構造化データ マークアップについて | Web Design KOJIKA17

2014/05/22 このエントリーをはてなブックマークに追加 81 users Instapaper Pocket Tweet Facebook Share Evernote Clip RDF microformats スキーマ リッチスニペット

構造化データ マークアップは、MicrodataやRDFなどを利用して、schema.orgやMicroformatsなどのスキーマを設定する手法です。 構造化データ マークアップを行うことで、Googleのリッチスニペットの露出を高めるなどの効果が挙げられます。 Googleが提供しているツールを利用した構造化データ マークアップの導入方法を紹介します。 今回の目標 Microdataなどの具体... 続きを読む

[構造化データ初級者向け] schema.orgとMicrodata、RDFaって何が違うの? | 海外SEO情報ブログ

2014/04/21 このエントリーをはてなブックマークに追加 49 users Instapaper Pocket Tweet Facebook Share Evernote Clip セマンティック Schema.org ふん 僕たち ツッコミ

[対象: 中級]この記事では、構造化データを実装するときに利用する、schema.orgやMicrodata、RDFaなどの役割とその違いについて、構造化データの初級者にわかりやすいように簡潔に説明します。セマンティックの専門化が読むと「正しくは〜だ」とツッコミが入るかもしれませんが、僕たちは専門化ではありません。 SEOのために構造化データを利用するぶんには十分な理解が得られるはずです。まず次の... 続きを読む

HTML5 で追加された属性の中からマイナーっぽいのを紹介してみる | WWW WATCH

2013/12/11 このエントリーをはてなブックマークに追加 29 users Instapaper Pocket Tweet Facebook Share Evernote Clip 属性 WWW WATCH HTML5 去年 要素

この記事は、HTML5 Advent Calendar 2013、11日目の記事です。 去年の HTML5 Advent Calendar 2012 では、Microdata 関連の記事を書いたんですが、今年も登録してみたものの、見事にネタが無いのでどうしようかなと...... ということで、HTML5 から追加された属性 (要素じゃなく属性の方) の中から、まだあまり広く使われてなさそうな属性さ... 続きを読む

Google が Microdata による組織ロゴの意味づけに対応したそうなので | WWW WATCH

2013/05/17 このエントリーをはてなブックマークに追加 60 users Instapaper Pocket Tweet Facebook Share Evernote Clip Schema.org WWW WATCH ロゴ 組織 web

Google ウェブマスター向け公式ブログで紹介されていましたが、Microdata (schema.org) による、組織ロゴの意味づけをサポートし、組織を象徴する画像と Web サイトを関連づけることで、Google 検索結果で使用される組織ロゴの画像を指定できるようになったそうです。 ということで、実際に使用する場合のサンプルソースなど挙げてみようと思います。 組織のロゴの schema.o... 続きを読む

Google+ は OGP より Microdata を優先するみたい | WWW WATCH

2013/04/11 このエントリーをはてなブックマークに追加 64 users Instapaper Pocket Tweet Facebook Share Evernote Clip OGP Description WWW WATCH みたい

この Blog では、Google+ ページも運用していて、記事を更新した際にそっちにも投稿しています。 ところが、ちょっと前からリンクを投稿したときに、OGP (Open Graph Protocol) に指定した概要文 (og:description の値に入れてるテキスト) とかが無視されて、Blog 自体の概要が出ちゃって、なんでかなぁって思いながらも今度調べよってことで放置していたわけで... 続きを読む

meta 要素に対する Microdata の指定 | WWW WATCH

2013/01/23 このエントリーをはてなブックマークに追加 33 users Instapaper Pocket Tweet Facebook Share Evernote Clip Meta WWW WATCH うち 記述 去年

もうちょっと早く書こうと思ったんですけどこんなに間が空くとは...... 去年の末、HTML5 Advent Calendar 2012 の記事として、「Microdata を使ってみよう。サンプルソースで学ぶ Microdata」 を書いたんですが、その中で 2箇所ほどサンプルソースに間違いがあるのをご指摘頂いて修正したんですね (ご指摘感謝です)。 そのうち、1つの間違いは単純な記述抜けという... 続きを読む

Microdata を使ってみよう。サンプルソースで学ぶ Microdata | WWW WATCH

2012/12/07 このエントリーをはてなブックマークに追加 102 users Instapaper Pocket Tweet Facebook Share Evernote Clip WWW WATCH サンプルソース タイトル 通り 詳しい解説

HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね... さて、タイトルの通りなのですが、HTML Microdata (マイクロデータ) について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく (... 続きを読む

コーディングとSEOの概念が変わるかもしれない、Microdataについての概要|Web Design KOJIKA17

2012/11/14 このエントリーをはてなブックマークに追加 478 users Instapaper Pocket Tweet Facebook Share Evernote Clip コーディング Microsoft SEO 概念 Yahoo

6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについ... 続きを読む

HTML5 の microdata を活用する: 第 1 回、microdata に対して jQuery を使用する

2011/12/16 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery HTML5

サインインしたままにしてください。 「送信する」をクリックすることにより、お客様は developerWorks のご使用条件に同意したことになります。 ご使用条件を読む。 お客様が developerWorks に初めてサインインすると、プロフィールが作成されます。プロフィールで選択した情報は公開されますが、いつでもその情報を編集できます。お客様の姓名(非表示設定にしていない限り)とディスプレイ... 続きを読む

HTML5の新要素「data要素」に繋がる Microdataのプロパティについて : Web Design KOJIKA17

2011/10/31 このエントリーをはてなブックマークに追加 112 users Instapaper Pocket Tweet Facebook Share Evernote Clip プロパティ time要素 廃止 コンピュータ 仕様

time要素の廃止、そしてdata要素の登場により、Microdataを扱う機会が増えてくると予想されます。 またHTML5 の Microdata が主にGoogleなどで取り入れられているケースが出てきているので、 Microdataで利用できるプロパティを紹介致します。 Microdata とは HTML5の独立した仕様です。 HTML文章に、コンピュータが可読できるデータにすることができ、... 続きを読む

HTML と CSS だけで microdata 対応のオシャレなパンくずリストを実装するサンプル | ウェブル

2011/06/21 このエントリーをはてなブックマークに追加 73 users Instapaper Pocket Tweet Facebook Share Evernote Clip SERP CSS HTML ウェブル オシャレ

Google の SERP にパンくずリストを表示させられるようにするための microdata 対応のパンくずリストに対応した、HTML + CSS のみで実装できるオシャレなパンくずリストを作ったので良かったら使ってください。 HTML 1 2 3 4 5 6 7 8 9 10 11 続きを読む

コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 : Web Design KOJIKA17

2011/06/05 このエントリーをはてなブックマークに追加 478 users Instapaper Pocket Tweet Facebook Share Evernote Clip コーディング Microsoft SEO 概念 Yahoo

6月2日、Google、Microsoft、Yahoo!の検索大手3社が協力して、構造化データマークアップの標準化に乗り出しました。 長期的な最終目標は、幅広いフォーマットのサポートとしているようですが、まずはHTML5のMicrodataに集中するようです。 Microdataが新しいWebの歴史の礎の1つとなるかもしれません。 以前にも「MicrodataとMicroformatsの違いについ... 続きを読む

 
(1 - 14 / 14件)