Enviar pesquisa
Carregar
JSON-LD schema.org定義によるデータ構造化のススメ
•
3 gostaram
•
1,500 visualizações
Takami Kazuya
Seguir
2015/07/04 - HTML5カンファレンス in 鹿児島 セッション登壇資料
Leia menos
Leia mais
Negócios
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 22
Baixar agora
Baixar para ler offline
Recomendados
HTML5構造化によるセマンティックWebがSEOに与える影響
HTML5構造化によるセマンティックWebがSEOに与える影響
Takami Kazuya
どこどこJP×Googleアナリティクスで企業アクセスを解析
どこどこJP×Googleアナリティクスで企業アクセスを解析
docodoco
Chatterを使ったカスタムソーシャル
Chatterを使ったカスタムソーシャル
Salesforce Developers Japan
20180922 jazug8 cosmosdb_search
20180922 jazug8 cosmosdb_search
Kazuhiro Wada
The new Text::Hatena
The new Text::Hatena
Yasuhiro Onishi
Iir 21 ver.1.0
Iir 21 ver.1.0
takashi shiraki
History api
History api
Takami Kazuya
Spring data-rest-and-spring-cloud-contract
Spring data-rest-and-spring-cloud-contract
Takeshi Ogawa
Recomendados
HTML5構造化によるセマンティックWebがSEOに与える影響
HTML5構造化によるセマンティックWebがSEOに与える影響
Takami Kazuya
どこどこJP×Googleアナリティクスで企業アクセスを解析
どこどこJP×Googleアナリティクスで企業アクセスを解析
docodoco
Chatterを使ったカスタムソーシャル
Chatterを使ったカスタムソーシャル
Salesforce Developers Japan
20180922 jazug8 cosmosdb_search
20180922 jazug8 cosmosdb_search
Kazuhiro Wada
The new Text::Hatena
The new Text::Hatena
Yasuhiro Onishi
Iir 21 ver.1.0
Iir 21 ver.1.0
takashi shiraki
History api
History api
Takami Kazuya
Spring data-rest-and-spring-cloud-contract
Spring data-rest-and-spring-cloud-contract
Takeshi Ogawa
CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011
Shuyo Nakatani
d3sparql.js
d3sparql.js
Toshiaki Katayama
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
LODを使ってみよう!
LODを使ってみよう!
uedayou
Logstashを愛して5年、370ページを超えるガチ本を書いてしまった男の話.
Logstashを愛して5年、370ページを超えるガチ本を書いてしまった男の話.
Hibino Hisashi
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
Takami Kazuya
Python / R で使うSAS Viya
Python / R で使うSAS Viya
SAS Institute Japan
サイバージェント 秋葉原ラボのHBase 活用事例
サイバージェント 秋葉原ラボのHBase 活用事例
cyberagent
Pythonで入門するApache Spark at PyCon2016
Pythonで入門するApache Spark at PyCon2016
Tatsuya Atsumi
第19回html5とか勉強会 pjax
第19回html5とか勉強会 pjax
Kensaku Komatsu
chapter6
chapter6
ymk0424
Tech Fielders 2009/9/18 LT
Tech Fielders 2009/9/18 LT
terurou
20180619 AWS Black Belt Online Seminar データレイク入門: AWSで様々な規模のデータレイクを分析する効率的な方法
20180619 AWS Black Belt Online Seminar データレイク入門: AWSで様々な規模のデータレイクを分析する効率的な方法
Amazon Web Services Japan
ビッグデータ活用を加速する!分散SQLエンジン Spark SQL のご紹介 20161105 OSC Tokyo Fall
ビッグデータ活用を加速する!分散SQLエンジン Spark SQL のご紹介 20161105 OSC Tokyo Fall
YusukeKuramata
9/16 Tokyo Apache Drill Meetup - drill vs sparksql
9/16 Tokyo Apache Drill Meetup - drill vs sparksql
Mitsutoshi Kiuchi
RDFチェックツール「rdflint」のご紹介
RDFチェックツール「rdflint」のご紹介
Takeshi Mikami
10分で分かるRパッケージの作り方
10分で分かるRパッケージの作り方
Yohei Sato
kafkaのデータをRedshiftへ入れるパイプライン作ってみた
kafkaのデータをRedshiftへ入れるパイプライン作ってみた
Yu Yamada
ARC-009_RDB 技術者のための NoSQL ガイド
ARC-009_RDB 技術者のための NoSQL ガイド
decode2016
ビッグデータ処理データベースの全体像と使い分け 2018年version
ビッグデータ処理データベースの全体像と使い分け 2018年version
Tetsutaro Watanabe
HTML栄枯盛衰は世の習い
HTML栄枯盛衰は世の習い
Takami Kazuya
Google Apps Script 入門
Google Apps Script 入門
Takami Kazuya
Mais conteúdo relacionado
Semelhante a JSON-LD schema.org定義によるデータ構造化のススメ
CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011
Shuyo Nakatani
d3sparql.js
d3sparql.js
Toshiaki Katayama
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
Yuki Minakawa
LODを使ってみよう!
LODを使ってみよう!
uedayou
Logstashを愛して5年、370ページを超えるガチ本を書いてしまった男の話.
Logstashを愛して5年、370ページを超えるガチ本を書いてしまった男の話.
Hibino Hisashi
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
Takami Kazuya
Python / R で使うSAS Viya
Python / R で使うSAS Viya
SAS Institute Japan
サイバージェント 秋葉原ラボのHBase 活用事例
サイバージェント 秋葉原ラボのHBase 活用事例
cyberagent
Pythonで入門するApache Spark at PyCon2016
Pythonで入門するApache Spark at PyCon2016
Tatsuya Atsumi
第19回html5とか勉強会 pjax
第19回html5とか勉強会 pjax
Kensaku Komatsu
chapter6
chapter6
ymk0424
Tech Fielders 2009/9/18 LT
Tech Fielders 2009/9/18 LT
terurou
20180619 AWS Black Belt Online Seminar データレイク入門: AWSで様々な規模のデータレイクを分析する効率的な方法
20180619 AWS Black Belt Online Seminar データレイク入門: AWSで様々な規模のデータレイクを分析する効率的な方法
Amazon Web Services Japan
ビッグデータ活用を加速する!分散SQLエンジン Spark SQL のご紹介 20161105 OSC Tokyo Fall
ビッグデータ活用を加速する!分散SQLエンジン Spark SQL のご紹介 20161105 OSC Tokyo Fall
YusukeKuramata
9/16 Tokyo Apache Drill Meetup - drill vs sparksql
9/16 Tokyo Apache Drill Meetup - drill vs sparksql
Mitsutoshi Kiuchi
RDFチェックツール「rdflint」のご紹介
RDFチェックツール「rdflint」のご紹介
Takeshi Mikami
10分で分かるRパッケージの作り方
10分で分かるRパッケージの作り方
Yohei Sato
kafkaのデータをRedshiftへ入れるパイプライン作ってみた
kafkaのデータをRedshiftへ入れるパイプライン作ってみた
Yu Yamada
ARC-009_RDB 技術者のための NoSQL ガイド
ARC-009_RDB 技術者のための NoSQL ガイド
decode2016
ビッグデータ処理データベースの全体像と使い分け 2018年version
ビッグデータ処理データベースの全体像と使い分け 2018年version
Tetsutaro Watanabe
Semelhante a JSON-LD schema.org定義によるデータ構造化のススメ
(20)
CRF を使った Web 本文抽出 for WebDB Forum 2011
CRF を使った Web 本文抽出 for WebDB Forum 2011
d3sparql.js
d3sparql.js
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
LODを使ってみよう!
LODを使ってみよう!
Logstashを愛して5年、370ページを超えるガチ本を書いてしまった男の話.
Logstashを愛して5年、370ページを超えるガチ本を書いてしまった男の話.
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
WordPress+JSON-LDで構造化するこれからのマークアップ WordFes Nagoya 2016
Python / R で使うSAS Viya
Python / R で使うSAS Viya
サイバージェント 秋葉原ラボのHBase 活用事例
サイバージェント 秋葉原ラボのHBase 活用事例
Pythonで入門するApache Spark at PyCon2016
Pythonで入門するApache Spark at PyCon2016
第19回html5とか勉強会 pjax
第19回html5とか勉強会 pjax
chapter6
chapter6
Tech Fielders 2009/9/18 LT
Tech Fielders 2009/9/18 LT
20180619 AWS Black Belt Online Seminar データレイク入門: AWSで様々な規模のデータレイクを分析する効率的な方法
20180619 AWS Black Belt Online Seminar データレイク入門: AWSで様々な規模のデータレイクを分析する効率的な方法
ビッグデータ活用を加速する!分散SQLエンジン Spark SQL のご紹介 20161105 OSC Tokyo Fall
ビッグデータ活用を加速する!分散SQLエンジン Spark SQL のご紹介 20161105 OSC Tokyo Fall
9/16 Tokyo Apache Drill Meetup - drill vs sparksql
9/16 Tokyo Apache Drill Meetup - drill vs sparksql
RDFチェックツール「rdflint」のご紹介
RDFチェックツール「rdflint」のご紹介
10分で分かるRパッケージの作り方
10分で分かるRパッケージの作り方
kafkaのデータをRedshiftへ入れるパイプライン作ってみた
kafkaのデータをRedshiftへ入れるパイプライン作ってみた
ARC-009_RDB 技術者のための NoSQL ガイド
ARC-009_RDB 技術者のための NoSQL ガイド
ビッグデータ処理データベースの全体像と使い分け 2018年version
ビッグデータ処理データベースの全体像と使い分け 2018年version
Mais de Takami Kazuya
HTML栄枯盛衰は世の習い
HTML栄枯盛衰は世の習い
Takami Kazuya
Google Apps Script 入門
Google Apps Script 入門
Takami Kazuya
GoogleAppsScript入門
GoogleAppsScript入門
Takami Kazuya
Googleデータポータルで見える化に挑戦vol.2
Googleデータポータルで見える化に挑戦vol.2
Takami Kazuya
WordPressで考えるこれからのコンテンツ制作
WordPressで考えるこれからのコンテンツ制作
Takami Kazuya
WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座
Takami Kazuya
WordPress+AMP
WordPress+AMP
Takami Kazuya
WordPress + JSON-LDで構造化するこれからのマークアップ
WordPress + JSON-LDで構造化するこれからのマークアップ
Takami Kazuya
jQuery3.0-beta1-point
jQuery3.0-beta1-point
Takami Kazuya
プラグイン公開までの道のり
プラグイン公開までの道のり
Takami Kazuya
WordPress widget api
WordPress widget api
Takami Kazuya
Miyazaki.js vol.2
Miyazaki.js vol.2
Takami Kazuya
React Facebook JavaScript Library
React Facebook JavaScript Library
Takami Kazuya
Wordpress カスタム投稿
Wordpress カスタム投稿
Takami Kazuya
WordPressプラグインの作り方
WordPressプラグインの作り方
Takami Kazuya
【WordBench宮崎】第3回・4回アンケート報告
【WordBench宮崎】第3回・4回アンケート報告
Takami Kazuya
WordPressプラグイン考察
WordPressプラグイン考察
Takami Kazuya
WordPressテーマ作成
WordPressテーマ作成
Takami Kazuya
WordPress×jQueryMobile
WordPress×jQueryMobile
Takami Kazuya
EC-CUBEプラグイン制作のポイント
EC-CUBEプラグイン制作のポイント
Takami Kazuya
Mais de Takami Kazuya
(20)
HTML栄枯盛衰は世の習い
HTML栄枯盛衰は世の習い
Google Apps Script 入門
Google Apps Script 入門
GoogleAppsScript入門
GoogleAppsScript入門
Googleデータポータルで見える化に挑戦vol.2
Googleデータポータルで見える化に挑戦vol.2
WordPressで考えるこれからのコンテンツ制作
WordPressで考えるこれからのコンテンツ制作
WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座
WordPress+AMP
WordPress+AMP
WordPress + JSON-LDで構造化するこれからのマークアップ
WordPress + JSON-LDで構造化するこれからのマークアップ
jQuery3.0-beta1-point
jQuery3.0-beta1-point
プラグイン公開までの道のり
プラグイン公開までの道のり
WordPress widget api
WordPress widget api
Miyazaki.js vol.2
Miyazaki.js vol.2
React Facebook JavaScript Library
React Facebook JavaScript Library
Wordpress カスタム投稿
Wordpress カスタム投稿
WordPressプラグインの作り方
WordPressプラグインの作り方
【WordBench宮崎】第3回・4回アンケート報告
【WordBench宮崎】第3回・4回アンケート報告
WordPressプラグイン考察
WordPressプラグイン考察
WordPressテーマ作成
WordPressテーマ作成
WordPress×jQueryMobile
WordPress×jQueryMobile
EC-CUBEプラグイン制作のポイント
EC-CUBEプラグイン制作のポイント
Último
HRMOS(ハーモス)タレントマネジメント_ご紹介資料_Saleshub掲載用
HRMOS(ハーモス)タレントマネジメント_ご紹介資料_Saleshub掲載用
wataruhonda3
Japan IT Week 2024 Brochure by 47Billion
Japan IT Week 2024 Brochure by 47Billion
Data Analytics Company - 47Billion Inc.
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
ssusercbaf23
株式会社AllAdsと申します。サービス紹介資料で御座いますので、是非ご覧くださいませ。
株式会社AllAdsと申します。サービス紹介資料で御座いますので、是非ご覧くださいませ。
takuyamatsumoto29
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
Yusuke Katsuma
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
Yusuke Katsuma
株式会社ベクトル総研会社概要 Vector Research Institute (VRI) Corporate Profile
株式会社ベクトル総研会社概要 Vector Research Institute (VRI) Corporate Profile
vrihomepage
ROMS_recruting_deck_for_website_20240322.pdf
ROMS_recruting_deck_for_website_20240322.pdf
hirokisawa3
company profile
company profile
keiibayashi
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
hmoriyama
エンジニア採用のミスマッチを防ぐコーディング試験サービス『HireRoo(ハイヤールー)』
エンジニア採用のミスマッチを防ぐコーディング試験サービス『HireRoo(ハイヤールー)』
Kousuke Kuzuoka
chouhou_obuse_reiwa6nenn_4_2404slide.pdf
chouhou_obuse_reiwa6nenn_4_2404slide.pdf
ssuser31dbd1
Último
(12)
HRMOS(ハーモス)タレントマネジメント_ご紹介資料_Saleshub掲載用
HRMOS(ハーモス)タレントマネジメント_ご紹介資料_Saleshub掲載用
Japan IT Week 2024 Brochure by 47Billion
Japan IT Week 2024 Brochure by 47Billion
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
HCCソフト株式会社 2025年新卒採用向け 会社紹介・採用情報資料------
株式会社AllAdsと申します。サービス紹介資料で御座いますので、是非ご覧くださいませ。
株式会社AllAdsと申します。サービス紹介資料で御座いますので、是非ご覧くださいませ。
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
第15回販促コンペ 審査員個人賞(林 知幸 氏) アルカナ? アディダスジャパン
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
JAPAN WEB3.0 AWARD 2023 ブロックチェーン(NFT)技術を活用したアイディア 優秀賞作品 遺3.0相続
株式会社ベクトル総研会社概要 Vector Research Institute (VRI) Corporate Profile
株式会社ベクトル総研会社概要 Vector Research Institute (VRI) Corporate Profile
ROMS_recruting_deck_for_website_20240322.pdf
ROMS_recruting_deck_for_website_20240322.pdf
company profile
company profile
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
コダワリ抜いた経営指南書(概要版) - コダワリ・ビジネス・コンサルティング株式会社
エンジニア採用のミスマッチを防ぐコーディング試験サービス『HireRoo(ハイヤールー)』
エンジニア採用のミスマッチを防ぐコーディング試験サービス『HireRoo(ハイヤールー)』
chouhou_obuse_reiwa6nenn_4_2404slide.pdf
chouhou_obuse_reiwa6nenn_4_2404slide.pdf
JSON-LD schema.org定義によるデータ構造化のススメ
1.
©aratana Inc. {
“company”: “株式会社アラタナ”, “name”: “⾼高⾒見見和也”, “posi1on”: “Front End Engineer” } JSON-LD schema.org 定義による構造化データのススメ
2.
自己紹介 2 ⾼高⾒見見 和也(Takami Kazuya) 株式会社アラタナ ECテクノロジー事業本部:デザイングループ所属 フロントエンドエンジニア Twitter@miiitaka Facebook@miiitaka
3.
戯れている 3
4.
構造化データ? ©aratana Inc. 4
構造化データとは? HTMLに書かれている情報が検索索ロボット(クローラ)が理理解できるよ うに意味のある(セマンティック)情報にしてあげるメタデータのこと。
5.
HTML5でセマンティックな要素が増えました。 ©aratana Inc.
5 HTML5でセマンティックな 要素が増えました。 <header> <footer> <main> <nav> <figure> <section> <aside> <article> <figcaption> <mark>
6.
具体的な情報を定義 ©aratana Inc. 6
要素にプラスして、さらに具体的な情報を定義できます。
7.
具体的な情報を定義 ©aratana Inc. 7
要素にプラスして、さらに具体的な情報を定義できます。 Googleが2009年年から独⾃自に策定していたもの。 Data-‐Vocabulary.org <nav> <ul> <li itemscope itemtype="h<p://data-‐vocabulary.org/Breadcrumb"> <a itemprop="url" href="/"><span itemprop="Etle">HOME</span></a></li> <li itemscope itemtype="h<p://data-‐vocabulary.org/Breadcrumb"> <a itemprop="url" href="/member/"><span itemprop="Etle">メンバー紹介</span></ a></li> <li itemscope itemtype="h<p://data-‐vocabulary.org/Breadcrumb"> <a itemprop="url" href="/member/detail.php?id=47"><strong itemprop="Etle”>高見和也 </strong></a></li></ul></nav>
8.
具体的な情報を定義 ©aratana Inc. 8
要素にプラスして、さらに具体的な情報を定義できます。 Googleが2009年年から独⾃自に策定していたもの。 Data-‐Vocabulary.org 2011-‐06-‐02 共同で開発・サポートすることを発表 協力しましょ。
9.
構造化データ(schema.org)のシンタックス ©aratana Inc. 9
Microdata JSON-‐LD RDFa schema.org のシンタックス(構文規則) JSON-LDが いいよ
10.
JSON-‐LD? ©aratana Inc. 10
JSON-‐LD (JSON for Linking Data) JSON-LDが いいよ JSONを使ってLinked Opend Dataを表現するために策定を進めてきた仕様で、 2014年年1⽉月16⽇日に正式にW3C勧告となりました。 http://json-ld.org
11.
JSON-‐LD? ©aratana Inc. 11
JSON-‐LD (JSON for Linking Data) そうそう JSONを使ってLinked Opend Dataを表現するために策定を進めてきた仕様で、 2014年年1⽉月16⽇日に正式にW3C勧告となりました。 http://json-ld.org 何と言っても 見やすい!
12.
シンタックス比較 ©aratana Inc. 12
レビューの リッチスニペット 例)レビュー:microdata
13.
microdataの例 ©aratana Inc. 13
例)レビュー:microdata <div itemscope itemtype="h<p://schema.org/Review"> <div itemprop="itemReviewed" itemscope itemtype="hZp://schema.org/Book"> <span itemprop="name">The Catcher in the Rye</span> ( <a itemprop="sameAs" href="hZp://en.wikipedia.org/wiki/ The_Catcher_in_the_Rye">wikipedia</a>) </div> <span itemprop="reviewRaEng" itemscope itemtype="hZp://schema.org/RaEng"> <span itemprop="raEngValue">4</span> </span> stars -‐ <b>"<span itemprop="name">A good read.</span>" </b> <span itemprop="author" itemscope itemtype="hZp://schema.org/Person"> <span itemprop="name">Bob Smith</span> </span> <span itemprop="reviewBody">Catcher in the Rye is a fun book. It's a good book to read.</span> </div> 可読性が 悪い!
14.
JSON-‐LDの例 ©aratana Inc. 14
例)レビュー:JSON-LD <div> <div> <span>The Catcher in the Rye</span> ( <a href="hZp://en.wikipedia.org/wiki/The_Catcher_in_the_Rye">wikipedia</a>) </div> <span> <span>4</span> </span> stars -‐ <b>"<span>A good read.</span>" </b> <span> <span>Bob Smith</span> </span> <span>Catcher in the Rye is a fun book. It's a good book to read.</span> </div> HTMLは そのまま
15.
JSON-‐LDの例 ©aratana Inc. 15
<script type="applica1on/ld+json"> { "@context": "hZp://schema.org/", "@type": "Review", "itemReviewed":{ "@type": "Book", "name": "The Catcher in the Rye", "sameAs": "hZp://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" }, "reviewRaEng":{ "@type": "RaEng", "raEngValue": "4" }, "name": "A good read.", "author":{ "@type": "Person", "name": "Bob Smith" }, "reviewBody": "Catcher in the Rye is a fun book. It's a good book to read." } </script> scriptで 別に定義
16.
どうなる? ©aratana Inc. 16
構造化データのマークアップをすると どうなるの?
17.
リッチスニペット ©aratana Inc. 17
リッチスニペット Products Articles Software Apps Events Videos Reviews Recipes
18.
ナレッジグラフ ©aratana Inc. 18
ナレッジグラフ Logo Social ProfileContact Numbers
19.
イベントプロモート ©aratana Inc. 19
イベントプロモート Venus Performer Sites Primary Ticketers
20.
アクションの提供 ©aratana Inc. 20
アクションの提供 Music Play Critic Review Movie Watch
21.
サイト内検索 ©aratana Inc. 21
サイト内検索 Site Link Search Box
22.
Thank You !! ©aratana
Inc. 22 ご清聴ありがとうございました。
Baixar agora